JavaScript position: fixed の要素のタッチイベントが発生しないときがあるiOS Safariのバグ
とある要素に「position: fixed」をかけて、そいつにタッチイベントで何か処理をすることってたまにあるかと思います。 例えば上下左右にメニューバーみたいなのが固定で表示してあって、それをスワイプで閉じたり開いたりできるようなものな...
技術
JavaScript 
CSS iOSでページ全体のスクロールを禁止させるベストプラクティス
モーダルやドロワーメニューなどを実装する際に、表示中はページ全体のスクロールを禁止させたいということがよくあるかと思います。 僕も以前ドロワーメニューのjQueryプラグインを作ったときに、ページ全体のスクロールを止めるために試行錯誤してま...
Laravel LaradockでDockerとLaravelの環境構築手順
LaradockでのLaravelの開発環境構築手順を解説しています。 個人的な備忘録としても残しておきたかったので、実案件でも問題なく使えるものになっているかと思います。 構成 Apache MySQL 8.0 PHP 8.1 バーチャル...
技術 未経験エンジニアがWeb制作会社に入るためにやるべきたった一つのこと
会社の採用を担当させてもらうことがちょくちょくあって、そのときにいつも思うことがあります。 自分の書いたソースコードを説明できない人が多すぎる！ 「こんなの作りました！」って、githubとかでポートフォリオを見せてくれるんだけど、いざソー...
フロントエンド フロントエンド開発環境 テンプレート 作りました
案件に取り掛かるときに一番めんどくさいのが開発環境の構築です。 いつも過去案件の流用ばかりでしたが、ちゃんとしたベースがあった方が良いかなと思い作ってみました。 一般的なペライチのLPを想定しているので、無駄がないシンプルな開発環境になって...
技術 Gitのコミット日時を修正する方法
極稀にコミット日時を修正したいときがあるんですが、ググるのが面倒なので個人的メモとして。 コミットには AuthorDate と CommitDate という2つの日付が記録されているので、この2つを変更する必要があります。 直前のコミット...
フロントエンド 未経験から中級者までのフロントエンドエンジニアのロードマップ
Webプログラミングは何から始めれば良いの？ どこまでやれば実務に通用するくらいのスキルになるの？ そのへんの判断って最初はなかなか難しいですよね。 多くの企業様のブランドサイトやランディングページ（LP）などのWebサイトを制作してきた僕...
CSS Microsoft Edgeで animation-fill-mode: backwards が効かない時の回避方法
覚え書き。 Microsoft Edge において animation-fill-mode:backwards; の指定が効かない時の回避方法 overflow: hidden; を指定すると直ることがある。 ※詳しく検証後、記事更新予定。