構造化データが更新で壊れるCMSを、壊れない運用設計にする
手打ちで埋め込んだJSON-LDは、編集者が本文を触るたびに壊れます。CMSのデータから構造化データを自動生成し、テンプレート側へ隔離する設計で、更新後も崩れない運用にする考え方を、自サイトの実装をもとにまとめました。
ブログ
記事一覧の4／5ページ目です。
納品後に別の人が更新できる「引き継げるコード」を書く外注先の選び方
外注したコードが属人化して、後で自社や別の会社が触れない。その不安を避けるには、引き継ぎを前提に書かれているかを見ます。命名・CSS設計・READMEなど、私が実際にやっている工夫を紹介します。
Figmaで作ったのにCMSで文字が溢れる。可変テキストの崩れを防ぐ渡し方
デザインは「ちょうど良い文字数」で作られがちですが、実データを流し込むと崩れます。CMS・多言語の可変テキストを最初から想定して渡すコツを、実装者の視点でまとめました。
手戻りが少ないコーディング指示書の書き方｜実装者が即着手できる渡し方
コーディング指示書は項目を並べるだけでは足りません。実装者が実際に何を見て詰まり、何があれば即着手できるのか。受け手の視点から、Figma前提で手戻りの少ない指示書の書き方をまとめました。
「スマホでは」より「640px以下」で。実装が崩れないレスポンシブ指示の渡し方
レスポンシブの指示は端末名でなく画面幅で渡すと、実装の挙動が一意に決まります。中間幅のデザイン不足で起きる崩れと、その防ぎ方を実装者の視点でまとめました。
外注コーダーが「途中で消えない」進捗共有の型
音信不通や進捗の見えなさは、制作会社が外注コーダーに抱く最大の不安です。着手連絡・中間共有・遅延の先出し・テスト環境の早期共有という、私が実際に守っている進捗共有の型を紹介します。
Astro・ヘッドレスCMSの実装、外注できる人がいない — モダン構成の案件を任せたい制作会社へ
「Astroやヘッドレスの引き合いは来るのに、社内・既存の外注では実装できない」——WordPress中心の制作現場で増えている悩みです。自サイトをAstro＋ヘッドレスCMS＋Cloudflareで作っている立場から、任せられる実装領域と、制作会社と組みやすい進め方をまとめました。
ホームページのリニューアルで検索順位を落とさないために — URL移行・リダイレクト・サイトマップの実務
リニューアルで一番多い失敗が「公開後に検索順位が下がる」。原因の多くはURLの変更とリダイレクト漏れです。評価を引き継ぐためのリダイレクト・サイトマップ・内部リンクの要点を、実際に手を動かす制作者の視点でまとめました。
サーバーレスでも問い合わせフォームのメールは送れる — Cloudflare Workers × Gmail API
「サーバーレスなら問い合わせフォームのメールはどう送るの？」——よく聞かれる疑問です。SMTPが使えない理由と、GmailのHTTP APIで送る方法、確認画面・自動返信までを、当サイトの実装を例に説明します。
お問い合わせフォームのスパムを減らす3つの対策 — CAPTCHAだけに頼らない多層防御
問い合わせフォームに迷惑メールやbot投稿が大量に届く——中小企業のサイトでありがちな悩みです。当サイトで実装している、ハニーポット・送信タイミング検証・Cloudflare Turnstileの3層を、仕組みと狙いから具体的に解説します。
ホームページ制作を外注する前に — 依頼の流れと「費用の決まり方」
ホームページ制作を外注するときの「お問い合わせから公開までの流れ」と、「費用がどんな要素で決まるのか」をやさしく解説します。初めての依頼でも迷わないための準備ポイントもまとめました。
「コーダー」とは？ Webデザイナー・制作会社との違いと使い分け
Web制作を依頼するときに出てくる「コーダー」という職種。デザイナーや制作会社と何が違い、どんなときに直接依頼すると良いのかを、発注者の視点でわかりやすく解説します。