先日、Web制作を学んでいる受講生の方から、こんな相談をいただきました。 「トップページのヒーローエリアからチェックリストまでの範囲で、画面幅1440px〜76…
開発の記事一覧
WordPressを中心としたWeb制作・実装に関する技術メモや、開発中に発生した問題とその解決方法をまとめています。
「プラグインが使えない」非WordPressサイトの迷惑メール対策——多層防御で600件のスパムを止めた設計思想
はじめに：「プラグインが使えないんです」という一言から始まった相談 先日、メンタリングをさせていただいている受講生の方から、こんなご相談をいただきました。 「ク…
「transition: transform」はなぜ動く？ CSSのtransitionとtransformの役割の違い
先日、Web制作を学んでいる受講生の方から、こんな相談をいただきました。 「transition: transform 2s linear 1s; と指定したア…
なぜ「=」だけデザイン通りにならない？ Web制作で使える「フォントのフォールバック」の考え方
先日、Web制作を学んでいる受講生の方から、こんな相談をいただきました。 「カンプ(デザインカンプ)では見出しの中の半角の『=』だけ英語っぽい書体（Montse…
フリーランスの帳簿管理をGASで効率化——freee APIと格闘しながら作った経費トラッカーの話
はじめに フリーランスになって確定申告を自分でやるようになってから、日々の帳簿管理の重要性を改めて実感しています。freeeを使って仕訳は入力しているものの、「…
スマホ版のデザインがない！？実務で役立つ「レスポンシブ化」の判断基準
Web制作の学習を進めていると必ずぶつかる壁があります。それは「PC版のデザインデータ（カンプ）はあるけれど、スマホ版のデザインがない」というシチュエーションで…
制作会社と連絡が取れない？サイト移管でディレクターから「感動しました」と言われた技術アドバイザーの立ち回り
フリーランスのフロントエンドエンジニアとして活動していると、技術的な実装だけでなく「相談役」としてプロジェクトに参加することがあります。 先日、パートナーのディ…
160万PV・40サイトをハッキングから守り抜く。プロが提案する「資産価値を損なわない」ためのセキュリティ再構築戦略
はじめに：ある日突然届いた「40サイト同時被災」のSOS 先日、ある企業様から切実なご相談をいただきました。 160万PVという規模は、企業にとって極めて大きな…
aタグの文字色が変わらない理由
初学者からの質問 CSSで文字色を指定しているのに、リンク（aタグ）の文字だけが青色のまま変わりません。 VS Code上では黒く見えていますが、Netlify…
ブレークポイント768pxって何？SPカンプ375pxとの正しい関係
デザインデータを使ってコーディング練習をしていると、次のような疑問を持つ人は多いと思います。 結論から言うと、375pxに固定して作る必要はありません。 SPカ…