WEB制作 wp-env startでタイムアウトエラー (ETIMEDOUT) が発生し起動できない場合の解決策
会社と自宅で異なるPCを利用して開発しており、dockerを利用してwp-envでいつものようにローカル環境を立ち上げようとしたのですが、タイムアウトエラーが連続してしまい、2時間くらいハマってしまいました。同じように困っている方がいたら参...
WEB制作 
WEB制作 Webサイトが改竄された話
忘れたくても忘れられないのですが、どこかに記録しておけばまた同じようなことがあった際に冷静に対処できる気がしたので書き残そうと思います。※守秘義務もありますので、企業名などは伏せさせていただきます。事の始まり週明け月曜日の朝、「弊社で管理し...
css 【css】YouTubeのiframe埋め込みをレスポンシブさせる方法
1.HTMLの構成まずは、YouTubeの埋め込みコード（iframe）を、専用のコンテナ（divなど）で囲むのが基本スタイルです。<div class="video-container"> <iframe src="動画ID" title...
Mac 【Mac】.DS_Storeとは何かとその一括削除
Macを愛用しているエンジニアやデザイナーにとって、避けては通れない「謎のファイル」があります。それが .DS_Store です。普段はFinder上で非表示になっているため意識しにくい存在ですが、この小さなファイルが原因でプロジェクトの機...
ひとりごと 31歳の誕生日にはサーティワンアイスクリーム全種類を
前日妻の31歳の誕生日でした。ネックレスを誕生日プレゼントとして選んでいましたが、そんな折に流れてきたのが下のポスト。31歳の誕生日に31アイスクリーム全種類食べる儀式、大人って最高で最強😸🍦❤️🔥 pic.twitter.com/SrK...
WEB制作 【Safari】GA4でIPアドレス除外しているのに計測されてしまう
Webサイト訪問の計測としてGoogle Analytics 4（以下GA4）の各種設定しており、自社固定IPアドレスからのアクセスを除外する設定もしました。参考URL：GA4のIP除外設定で不要なアクセス計測を除外する方法設定が終わり、翌...
js 【js】桜吹雪をcanvasで実装
先日とある案件で桜吹雪を実装してほしいとデザイナーから相談を受けました。極力リアルなもの常に流れ続けてほしいという要望があり、パッと思いついたのはやはり有名なparticles.jsです。今回実現したい表現にはピッタリなライブラリですが、実...
css 【js】メイソンリーレイアウトの簡単な実装
Masonry Layout（メイソンリーレイアウト）とは、Web制作上の文脈ではPinterestに代表されるタイル上のグリッドレイアウトのことです。あるアーティストのサイトで、作品をメイソンリーレイアウトで表示したいという依頼がありまし...
WEB制作 OGP画像がX(旧Twitter)で表示・反映されない場合の確認点
先日ある案件のリリース業務がありました。クライアント企業様からサーバーを提供していただき、そこにWordPressで構築していくという流れだったのですが、特殊な作りかつ本番公開まで実機での各種SNSで表示確認ができませんでした。実際にSNS...
js 【js】リロードしたらページトップに戻る実装
案件で表示の都合上リロードした時にページのトップに戻ってほしいということがありました。多くのブラウザがスクロールした位置を覚えて、リロード時にその位置のまま表示してくれる便利な機能がありますが、今回はそれを無効化したかったです。CodePe...