費用・相場　／　更新：2026年8月10日

コーディング代行の費用相場

ページ単価の内訳と、安い見積もりで抜けがちな作業範囲を解説します。

コーディング代行は「ページ単価いくら」で見積もられることが多い分野です。ただしこの単価に何が含まれるかは会社によってまちまちで、同じ「下層1ページ1万円」でも、あとから追加請求されるかどうかが分かれます。

ページ単価の相場

※ 税別。デザインデータが整っていることを前提とした単価です。

次の作業が単価に入っているかを確認してください。含まれていないと、後から積み上がります。

単価を下げる一番の方法は「型を減らす」

20ページあっても、デザインの型が3種類なら実質3ページ分＋量産作業です。ページごとにレイアウトを変えると、その分だけ単価がまるごと積み上がります。デザインの段階で型を揃えておくと、コーディング費は 3〜5割変わります。

コーディング担当者が最も時間を取られるのは、実は実装そのものではなく デザインデータの解読です。次の状態だと追加費用の対象になりやすくなります。

逆に、Figma でコンポーネント化され、余白と文字サイズのルールが決まっているデータは作業が速く、見積もりも下がります。

「修正は何回まで無料か」を先に決める

コーディング後の修正依頼は必ず発生します。「軽微な修正は無料」という口約束のままだと、どこからが有償かで揉めます。「検収時に1回、公開後1か月以内に1回まで無料」のように、回数と期間で決めておくのが実務的です。

トップページで 3万〜10万円、下層ページで 1万〜3万円が目安です。レスポンシブ対応込みの単価であることが一般的ですが、別料金として PC 単価の 30〜50% を加算する会社もあるため必ず確認してください。

テーマ化の基本作業で 10万〜25万円、投稿タイプやカスタムフィールドを使った実装を含めると 20万〜50万円が目安です。管理画面から編集できる範囲を広げるほど費用が上がります。

アニメーション、フォームの実装、表示速度の最適化、複数ブラウザでの検証、アクセシビリティ対応の5つです。「静的コーディングのみ」と書かれた見積もりは、これらが含まれていないと考えてください。

Figma、Adobe XD、Photoshop が一般的です。レイヤーが整理されていない、テキストが画像化されている、余白の指定が無い、といったデータは作業時間が増えて追加費用の原因になります。渡す前に一度確認してください。

この記事の金額について

掲載している金額は、一般的な発注で見かける水準をもとにした目安です。実際の費用は要件・地域・体制によって変わります。必ず複数社から見積もりを取り、「何が含まれていて、何が含まれていないか」を比べたうえでご判断ください。