番外編)にいってきた。#rejectcon2018でツイート検索したら良い。いうことで今までは先駆者であるAWSを使っていた。以前から話題のヘッドレスクローム、ライブラリのPuppeteer(パペティアー)を使ってみた。前にヨーロッパで制定されたGDPRの影響をモロに受けて厳しくなりつつある個人情報保護。いうのがソースコードに記載されている。・最悪この部分を/img/aaa.pngとすれば解決するが、ミスりやすいし根...httpsでアクセスしてるのに自動生成のパスがhttpになってしまう時の対策2018-08-20AWSでハマったヘルスチェックエラーはBasic認証だったAWSAWSでロードバランサー経由でアクセスしても表示されない。「アベイラビリティーゾーンに正常なターゲットがありません」とでてる。思って気づいたのが遅かったが、Basic認証だった。これをindex.phpに書けば解決する。投稿では普通にpタグとかついて表示されるのに固定ページだと出ないなーと思っていたら違っていた。JavaScript言葉だと全く伝わらないと思うが、要するにこういうことがしたい。Node.jsWeb制作では様々な仕事があり、毎回やるのが面倒だから自動化できるところは自動化して楽しちゃいましょうっていう話。説明すると下記3つを使う。JSで作成して自動化させる。投稿でNEWSを使ってそれをnews一覧として固定ページを作り、page-news.phpに表示させる。前に書いた記事でも行けるが、これでもいけたのでメモしておく。プログラミング教育も必修化するとか色々と話題が付きない。Amazon、Google、Facebook、、、IT業界の猛者達はとどまることを知らない。そんな中、世の中にはどうやら現在の仕事に満足していない人がやはり一定数いる。今英語の本を勉強している。Unitが145まであり、ページでいうと300ページ程度と、そこそこのボリュームのため、続くか不安である。個人用お役立ちまだ●●で消耗してるの?っていうタイトル多いね。イケハヤさんのネーミングセンスすげーわ。転職やPCが変わっても簡単に便利に環境構築しましょうという話。AWS今年の5月くらいに作ったのだが、そういえばブログにかいてないのを思い出したのでかいておく。普段サイトを作っていて、ものによってはテレビで紹介されたりバズったりすることもある。雑感2017年12月にも記録していたが、気づいたら6月。今の自分を振り返るにはちょうどいい時期になった。振り返ると正月休みが暇なのでCakePHP2系でブログアプリを作った。data文で外部ファイルを読み込むらしい。CSSタイトルがわけわからんと思うが、想定しているのはよくあるフォームの最後にある同意ボタン。ただの同意ボタンならlabel内にinputタグ書けば文字まで全部クリッカブルになるのでそれでおしまい。今回はそうじゃなくて画像のようにチェックボ...inputタグとlabelタグをつなげて中身のリンクだけはクリック出来るようにする方法2018-06-22WEB技術者なら最低限知っておきたいアドテクノロジーについてのおさらい広告関連すっごく久々に自社の広告提案営業担当が勉強会やってくれたので参加した。普段コーディングばっかりやってると激しく忘れてるんだけど、どこかでそれじゃだめだろうという危機感があったのでとてもありがたい。個人用お役立ちWEBサイトをつくってると脆弱性のチェックやコードのチェックなどやらないといけないことが沢山ある。ないが手を動かしてチェックなんてしてる暇はないので下記にあげたツールを使うことはむしろ必須といえる。※随時更新中2018-05-29【勉強法】20時間で新しいスキルを習得するにはちょっとした4つのコツ勉強法なかなかモチベーションの上がる内容だったのでメモ。抜粋だが、要点だけまとめた。そこで、0からまあまあいい感じのレベルまで持っていくのは20時間でいけんじ...【勉強法】20時間で新しいスキルを習得するにはちょっとした4つのコツ2018-05-28ダミー画像を簡単に作る方法メモ前にメモしたつもりが出てこないので改めて記載。画像名変えるだけで出てくるのが超絶便利。Reactはじめに、この記事はCodezineを見ながら手を動かして、一部自分のメモなどもしたかったので加筆修正したものなのでリンクしてきます。いう作り方なのか、普通にvモードにしていて要素をクリックしたら右のレイヤーが選択されるはずだがそれがでない。自動選択とバウンディングボックスを表示にはチェックが入っている状態...【Photoshop】コーディング時の役立ちメモ2018-04-20Youtubeを使わずにGoogleDriveで動画埋め込みメモこれは知らなかった。WEBサイトを作ってると動画埋め込み、もといYoutube動画埋め込みはよくある。なんといってもサーバーに動画置かなくていいのでサーバー負荷も違うし勝手にYoutube側で画質調整してくれるらしいし。・Youtubeに動画の...Youtubeを使わずにGoogleDriveで動画埋め込み2018-03-30【JS】共通ヘッダー、フッターをjQueryを利用して簡単に実装するJavaScriptPHP、SSIなどが使えない、もしくはデータ納品だから先方で使えるかわからない場合に使える。url:"/inc/header.ht...【JS】共通ヘッダー、フッターをjQueryを利用して簡単に実装する2018-03-27【JSライブラリ・bxSlider】videoタグが自動再生されないとき確認することJavaScriptスライドの中でVideoタグを自動で再生させたいことがあった。そのままでは動かないらしい。その中のonSliderLoadを使えば...【JSライブラリ・bxSlider】videoタグが自動再生されないとき確認すること2018-03-26【CSS】個人的Reset.cssCSS自分はCSSのfloat:left;をよく使うので、いちいち要素ごとにclearするのがめんどい。ええーい、このあとは回り込ませたくないんだよ!Flat!!ってときに使う手法だったりフォントだったりをまとめておく。関数は2つ、読み込み用と書き込み用を作る必要がある。AWSschooというオンライン講座を久々に見たらちょうど今勉強始めたサーバレスについてやってた。復習の意味も込めて記載しておきます。AWSでEC2をたてて、別サーバから接続してメール送受信をしたい。VPC、セキュリティグループは既存で作れたとある場所と同じものを当て込んだ。WEBフレームワークはサーバーサイドルータを使用してURLをコントローラに対応づけ、ビューとモデルで動的コンテンツを生成していた。次のページプロフィールid:hiromode某PR会社勤務。2015年からフロントエンド従事。自分でサービスを作り流行らせるのが目標。主なスキルはHTML,CSS,JavaScript(Vue.js、jQuery),インフラ(AWS、VPS)、CakePHP、Gitなど。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。