Mac 【Mac】.DS_Storeとは何かとその一括削除
Macを愛用しているエンジニアやデザイナーにとって、避けては通れない「謎のファイル」があります。それが .DS_Store です。普段はFinder上で非表示になっているため意識しにくい存在ですが、この小さなファイルが原因でプロジェクトの機...
Mac 
ひとりごと 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...
ひとりごと Web制作会社の辛いところや悩みについて
はじめに筆者の簡単な経歴としてWeb業界に入って2025年で8年目になります。大学生時代に東京のWebプロモーションの会社のインターンに参加させていただき、そこでWebデザイナーという職種があることを知りました。大学卒業後の進路は関東に残る...
WEB制作 FinderのサイドバーにAirDropが表示できない時の対処法
筆者はMacを使っているのですが、タイトルのような症状に遭遇したので、備忘録としても残しておこうと思います。症状Finder > 設定 > サイドバー > AirDropFinderにAirDropのメニューを追加しようと思い、設定からチェ...
css 【css/js】スライドダウンでサブメニューをjQueryなしで表示と非表示を操作する実装
スマホでハンバーガーメニューを実装する際初期状態でサブメニューは非表示開閉ボタンでサブメニューを表示と非表示を切り替え開閉どちらもスムーズなアニメーションを付与という要件の案件がありました。jQueryは使いたくなく、cssとjsだけでどう...