コーディングの平均費用と料金相場【2024年最新版】

今回はコーディングを外注する際にかかる一般的な費用の相場を解説します。あわせて会社を選ぶ際のポイントや費用を抑えるコツもご紹介していくので、ぜひ参考にしてみてください。

ページの長さや作り込み度合いによってコーディング費用は異なり、相場としてはトップページが1万円～4万円、下層ページが5,000円～2万円程度です。

ここからはより具体的にページごとのコーディング費用、関連作業の費用についてご紹介していきます。

Webサイトの顔となるトップページをコーディングする際にかかる費用です。

サイト全体のデザイン・レイアウトのテンプレート作成もともなうため、他のページと比べて料金はやや割高になります。
デザイン・レイアウトに関しては、ファーストビュー（ページ最上部）に横長の画像を配置し、ハンバーガーメニュー（横三本線のメニュー）から各コンテンツに誘導する構成が近年の主流になってきました。

一般的な相場としては、1万～4万円前後。トップページにアンケートフォームや資料のダウンロードフォーム、画像のスライドショーといった機能を付ける場合、後述するJavaScriptの実装費用が加算されます。

トップページのレイアウトをベースに、下層ページ（コーポレートサイトの会社概要、採用サイトの社員インタビュー記事など）をコーディングする際にかかる費用です。

作業のボリューム・難易度によって料金にかなり開きがあり、相場としては1ページあたり5,000～2万円前後。5,000～1万円の価格帯だと、ページのサイズに制限（例.「縦横ともに4,000pxまで」など）があることが多いようです。

一方、1万5,000～2万円の価格帯になるとサイズの制限はなく、リキッドデザイン（端末のディスプレイの大きさに合わせてコンテンツのサイズが自動で最適化されるデザイン）などにも対応しているのが一般的です。

派生ページ（流し込みページ）とは、基本的なレイアウトやデザイン、サイズが他ページと変わらないページのこと。
画像やテキストの変更、リンクの変更程度で作成できるため、プログラマーの工数が小さく、料金も安くなります。
派生ページの制作は「流し込み対応」とも呼ばれ、1ページあたりおおむね1,000～5,000前後が相場です。

ただし、制作会社によっては流し込み対応の料金を設定しておらず、タグの構成などが酷似していてもそれぞれ別の下層ページとして扱われる（＝通常の下層ページとしてのコーディング費用がかかる）こともあります。
費用全体を大きく左右するポイントなので、事前にきちんと確認しておきましょう。

webブラウザ上で動作し、HTMLやCSSで書かれたプログラムを動的に操作できるJavaScript。

たとえば、クリックすると縦横に展開するメニューや、マウスオーバーで色や形が変わるコンテンツ、画像のスライドショー、メールアドレス入力フォームのスペルチェックなどもJavaScriptによるものです。ユーザーにアクション（問い合わせ、購入など）を起こさせることが肝となるサービスサイトやECサイトを中心に、幅広く使われています。

JavaScriptの実装費用は機能によって幅があり、価格帯としては5,000～2万円前後。
制作会社によってもかなり料金が変わってきますが、一般的にタブの切り替えやコンテンツのロールオーバー（透過）は5,000円～1万円前後、画像のスライドショーやアニメーション制作は1万5,000円～2万円前後の料金に設定されていることが多いようです。

ディスプレイの大きさにあわせて画面のサイズを指定し、コンテンツの表示/非表示も自由に設定できるレスポンシブデザイン。
ネットユーザーの大半がスマートフォン経由でwebサイトを閲覧する今、多くの制作会社がレスポンシブ対応に力を入れています。
そのため以前と比べると費用の相場は下がってきました。

一般的な相場としては、おおむねコーディング費用の1.5～2倍前後。
たとえば、PC向けトップページのコーディング費用が2万円なら、コーディング＋レスポンシブ対応で3万円～4万円前後。下層ページのコーディング費用が1万円ならトータル1万,5000円～2万円前後となります。

上記のほか、問い合わせフォームの設置や、Googleマップの埋め込みは基本的にオプション扱いとなり、コーディング費とは別に費用がかかります。

加えて、急ぎの依頼については特急料金（おおむね通常のコーディング費＋30％前後）、動作保証対象のブラウザを増やす場合はその分の対応料金が発生することがあるので注意しましょう。

また、ここまでご紹介してきた費用の相場は、あくまでコーディングに専念できる状態が整っているうえでの金額です。制作会社に手渡した仕様書などに不備があり、すぐにコーディングに着手できない場合はディレクション費がかかることもあります。

ここまで一般的な相場をお伝えしてきましたが、「いざ発注をしてみたら、思っていた費用感と違った」ということもあるでしょう。ここで、実際にPRONIアイミツで発注された事例を１つみてみましょう。

このように、やりたいことによって費用は変動するため、一般的な相場と実際の費用感は異なってしまいます。「自分が発注する場合、どれほどの金額になるのか」リアルな費用感を知ることができます。ぜひ金額感が気になる方は、こちらからお問い合わせください！

ここからはPRONIアイミツで発注先を探すことの３つメリットについて説明します。

お客様の負担は0円。費用は一切かかりません。発注に至った際にも諸費用をご請求することはございません。

コンシェルジュがヒアリングを行った上で、最適な発注先をご紹介します。

ヒアリング内容を踏まえて、最新のAIシステムを活用して発注先の選定をするため、会社選びのミスをなくすことができます。

PRONIアイミツのメリットを簡単にご紹介しました。発注初心者の方でも安心して利用できるような体制を整えていますのでお気軽にお問い合わせください。

次にホームページの種類別のコーディング費用の相場をご紹介します。

ブログサイト（簡易的なオウンドメディアなど）の場合、テキストコンテンツが中心になり、複雑な機能は必要ないため、おのずとコーディング費用は抑えられます。

仮に全5ページ（トップページ＋記事フォーマット、執筆者紹介、About usといった下層4ページ）のブログサイトのコーディングを依頼すると、一般的な相場は5万～8万円前後です。

ちなみに近年はほとんどのブログサイトでCMSが使われており、記事ページは自動生成されます。
記事を増やすたびにコーディングが必要になる（その都度費用がかかる）ということはありません。

トップページに、会社案内、事業内容、沿革などの下層ページを加えた全10ページ前後のコーポレートサイトを制作する場合、コーディング費用の相場は12万～18万円前後です。

ブログサイトと同様に高度な機能は必要ないため、コーディングの単価は比較的安くなります。
事業内容などの下層ページのフォーマットを揃え、流し込み対応できればさらに費用を抑えることも可能です。

ただ、そうした一方、スライドショーや問い合わせフォームを実装する場合は、前述のとおりオプション料金がかかります。

サービスサイトの目的は、製品やサービスの魅力をわかりやすく伝え、ユーザーのアクションを引き出すこと。
そのためにはユーザーの目を引く動的コンテンツや問い合わせフォーム、アンケートフォームなど、JavaScriptによる機能が欠かせません。また、より広く製品・サービスの魅力を届けるためには、レスポンシブ対応も施しておきたいものです。

仮に全15ページのサービスサイトのコーディングを依頼する場合、レスポンシブ対応の料金も含めて、平均的な費用の相場は35万～50万円前後。

場合によっては流し込み対応でコストを抑えることもできますが、その結果、ページの構成やコンテンツが単調になってユーザーの離脱を招いてしまうようでは意味がないので注意しましょう。

コーディング費用の大半を占めるのは、作業を担当するプログラマーの人件費。
基本的にページ数が増えるほど作業量と比例して料金が高くなる一方、ソースコードのパターンが似ていて、ある程度流れ作業で対応できるページ（＝派生ページ、流し込みページ）については単価が抑えられます。

この人件費に制作会社側のファシリティコスト（web制作ツールの導入費用、作業にともなう電気代など）を加えた金額が、コーディングを委託する際にかかる費用です。

また、詳しくは次章で解説しますが、コーディングとあわせて、JavaScriptによる機能の実装や、レスポンシブ対応（スマートフォン・タブレット対応）まで依頼する場合、基本的に追加料金がかかります。

全体としては制作会社同士の価格競争が進み、レスポンシブ対応を含めてコーディングの費用相場は下がってきていますが、JavaScriptのエキスパートなど、スキルの高いエンジニアが在籍している制作会社の料金はやや高くなります。

そうした一方、フリーランスのエンジニアと提携したり、人件費の安い海外に開発拠点を置いたりすることによって、コストを抑えている制作会社も増えてきているようです。

できるだけ費用を抑えるためには、流し込み対応をしてくれる制作会社を選ぶこと。

コンテンツの見せ方が単調になってしまうといったデメリットもあるものの、通常のコーディングと流し込み対応とでは、トータルの費用が倍以上違ってくることも珍しくありません。

一方、webサイトの目的や構成などから流し込み対応が難しい場合は、海外拠点での開発（オフショア開発）を行なっている制作会社などが有力候補になるでしょう。

ここからは、コーディングを依頼できるおすすめのホームページ制作会社を厳選してご紹介します。会社選びの参考にしてみてください。

他にもコーディングに強い会社を知りたい方は、下記記事も併せてご覧ください。

効果のでるホームページを制作するにはそれなりの費用がかかります。そこで、少しでも費用を抑えたいときに役立つのが国や地方自治体の補助金です。以下にホームページ制作に活用できる補助金を3つ厳選してご紹介します。原則、契約前に申請が必要なので、発注先選びと並行して補助金情報を調べるのがおすすめです。

「IT導入補助金」は、ITを活用した中小企業や小規模企業の業務効率化・売り上げの向上を目的とし、ホームページ作成、クラウドツール・業務用ソフトウェアの導入にかかる費用の一部を補助します。最大補助額は450万円・補助率1/2以内です。

出典：IT導入補助金2023　https://www.it-hojo.jp/　
IT導入補助金を活用！おすすめのホームページ制作会社15選はこちらから！ 

「持続化補助金」は、小規模事業者が制度変更に対応し、持続的な経営を実現するために必要な、ホームページ制作など販路拡大に関わる経費を一部補助するものです。通常枠または特別枠（賃金引上げ枠・卒業枠・後継者支援枠・創業枠など）の申請類型いずれか1つの枠のみ申請可能。最大補助額は200万円でウェブサイト関連費の補助率は1/4です。

出典：小規模事業者　持続化補助金（一般型）https://r3.jizokukahojokin.info/

「事業再構築補助金」は、ウィズコロナ・ポストコロナの経済社会の変化に対応するために、事業再構築に前向きな中小企業を支援し、日本経済の構造転換を促すことを目的としています。支援類型は、通常枠や大規模賃金引上枠など合計6つ。補助金額は枠によって異なりますが、最大補助金額は1億5,000万円で、その場合の補助率は2/3から1/2です。

 出典：事業再構築補助金　https://jigyou-saikouchiku.go.jp/  

補助金について、さらに詳しい情報を知りたい方は以下の記事をご覧ください。

補助金を利用する上で何より大切なのは、規定に沿ってきちんと申請を行うことです。事業計画書、経費明細書など、必要な書類は各補助金・助成金の公式ホームページに記載されているため、もれなく準備し、不備のないように記載しましょう。

しかし、補助金申請は揃える書類や申請項目も多く、業務が煩雑になりがちです。スケジュールをきちんと把握しておらず、「気がついたら申請期限を過ぎていた」なんてことが起こる場合も。

「PRONIアイミツ」は、申請をスムーズに進められる補助金に詳しいホームページ制作会社を厳選し、「無料」でご紹介可能です。ぜひお気軽にお問い合わせください。

※補助金については2023年5月時点の情報をもとにご説明しています。