はじめに フリーランスになって確定申告を自分でやるようになってから、日々の帳簿管理の重要性を改めて実感しています。freeeを使って仕訳は入力しているものの、「…
開発の記事一覧
WordPressを中心としたWeb制作・実装に関する技術メモや、開発中に発生した問題とその解決方法をまとめています。
スマホ版のデザインがない！？実務で役立つ「レスポンシブ化」の判断基準
Web制作の学習を進めていると必ずぶつかる壁があります。それは「PC版のデザインデータ（カンプ）はあるけれど、スマホ版のデザインがない」というシチュエーションで…
制作会社と連絡が取れない？サイト移管でディレクターから「感動しました」と言われた技術アドバイザーの立ち回り
フリーランスのフロントエンドエンジニアとして活動していると、技術的な実装だけでなく「相談役」としてプロジェクトに参加することがあります。 先日、パートナーのディ…
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公式アカウントへの誘導ポップアップを表示する機能を実装しました。 実装の目的 申込みフォームペ…