フリーランスのフロントエンドエンジニアとして活動していると、技術的な実装だけでなく「相談役」としてプロジェクトに参加することがあります。 先日、パートナーのディ…
開発の記事一覧
WordPressを中心としたWeb制作・実装に関する技術メモや、開発中に発生した問題とその解決方法をまとめています。
160万PV・40サイトをハッキングから守り抜く。プロが提案する「資産価値を損なわない」ためのセキュリティ再構築戦略
はじめに：ある日突然届いた「40サイト同時被災」のSOS 先日、ある企業様から切実なご相談をいただきました。 160万PVという規模は、企業にとって極めて大きな…
aタグの文字色が変わらない理由
初学者からの質問 CSSで文字色を指定しているのに、リンク（aタグ）の文字だけが青色のまま変わりません。 VS Code上では黒く見えていますが、Netlify…
ブレークポイント768pxって何？SPカンプ375pxとの正しい関係
デザインデータを使ってコーディング練習をしていると、次のような疑問を持つ人は多いと思います。 結論から言うと、375pxに固定して作る必要はありません。 SPカ…
Web制作初心者がよく混乱する「フォント設定」の話
Web制作を学び始めたばかりの方から、こんな質問をもらいました。 Figmaのデザインを見ると「ヒラギノ角ゴシック ProN」と書いてある。でも、VS Code…
Google Tag Manager（GTM）の公式推奨実装方法
WordPressサイトに、Google Tag Manager（GTM）の計測コードを実装しました。 公式推奨の実装方法を採用し、JavaScriptの有効・…
サイドバーのスクロール挙動を修正
記事詳細ページで、サイドバーがスクロール時に正しく追従するように修正しました。 問題点 記事詳細ページで、サイドバーがスクロール時に追従せず、長い記事ではサイド…
離脱防止ポップアップの実装
WordPressサイトで、ユーザーが離脱しようとした際にLINE公式アカウントへの誘導ポップアップを表示する機能を実装しました。 実装の目的 申込みフォームペ…
投稿のスラッグを日付形式に自動設定
今日は、投稿のスラッグを自動で日付形式に設定する機能を実装しました。 記事を投稿するたびにスラッグを考えるのが面倒だったので、 投稿を保存すると自動で「2026…
スライダーが動かない問題を解決
今日もポートフォリオサイトのWordPress化作業を続けています。 トップページのTopicsセクションにスライダーを実装したのですが、最初は全く動かなくて困…