コーディングの納品物には何が含まれるのか｜受け取るべきファイルと権利

サイトが公開されれば終わり、ではありません。手元に残しておくべきファイルと、確認しておくべき権利関係を整理します。

デザインデータ入稿前のチェックリスト｜Figma・XD・PSDで見るところ

データの作り方ひとつで、コーディングの工数も仕上がりも変わります。入稿前に確認しておくと手戻りが減る項目をまとめました。

コーディング指示書の書き方｜デザインだけでは伝わらないこと

Hタグの位置、画像のalt、リンク先、ホバー時の動き。デザインデータには写っていない情報を、どうやって渡すかをまとめます。

コーディング代行の依頼から納品までの流れ｜どの段階で何が決まるのか

見積り、入稿、実装、確認、納品。それぞれの段階で発注側が決めることと、決め忘れると後で効いてくることを整理します。

ウェブアクセシビリティとは｜デザインの領域とコーディングの領域に分けて考える

対応項目を並べても、誰がやるのかが決まらないと進みません。デザインで決めること、コーディングで実装すること、原稿で守ることに分けて整理します。

WebPとは｜画像形式の選び分け

同じ画質でファイルを小さくできる形式です。JPEG・PNG・SVG との使い分けと、導入時の注意をまとめます。

子テーマとは｜既製テーマを親にして、独自の部分だけを作る

Lightning や SWELL のような既製テーマを土台にしつつ、独自のデザインや機能だけを別に持つのが子テーマです。分担の決め方と、作り方、限界をまとめます。

OGPとは｜SNSで共有されたときの見え方を決める設定

リンクを貼ったときに出る画像とタイトルを決める設定です。最低限入れるタグと、反映されないときの対処をまとめます。

構造化データとは｜内部対策でできるSEOと、JSON-LDの書き方

検索エンジンに「この文字列が何なのか」を機械が読める形で伝える記述です。内部対策の中で制作側が手を入れられる部分として、使う型・書き方・確認方法をまとめます。

ステージング環境とは｜開発環境との違いと、本番への反映の自動化

更新やデザイン変更を本番で試すのは、営業中の店舗を改装するようなものです。開発環境との役割の違い、作り方、そして本番への反映を自動化する形までまとめます。

CDNとは｜なぜ速くなるのか、入れると何に気をつけるか

画像やCSSを訪問者の近くから配る仕組みです。効く場面と、入れたあとに起きがちな混乱をまとめます。

WordPressのパーマリンクとは｜URL設計と functions.php でのカスタマイズ

WordPress の記事や固定ページのURLを決める設定です。あとから変えると評価を引き継ぐ作業が必要になるため、最初に決める形と、functions.php での変更方法までまとめます。