HTMLコーダーの業務委託は稼げる?単価相場や契約までの流れを解説

フリーランスエンジニアにおすすめのフリーランスエージェント

【第1位】レバテックフリーランス(公式:https://freelance.levtech.jp/ )
・【平均年収881万円】エンド直案件の多く高単価案件が多い
・20代後半~60代前半までの幅広い年齢層で参画実績あり
・【91%以上がリモート参画】フレキシブルな案件が多い
・支払いサイトが15日と最短クラス

【第2位】HiPro Tech(ハイプロテック)(公式:https://tech.hipro-job.jp/ )
・企業との直接契約で報酬条件を比較しやすい
・リモート・事業会社案件を探しやすい
・上流工程や技術顧問の案件を狙いやすい
・パーソルグループの法人ネットワークを使える

【第3位】テクフリ(公式:https://freelance.techcareer.jp/ )
・エンド直/マージン率10%案件多数
・テクフリ独自の福利厚生のご提供
・充実したサポート体制

【第4位】Midworks(ミッドワークス)(公式:https://mid-works.com/ )
・技術・職種の検索軸が広い
・週3・週4日の常駐例がある
・東京・大阪・名古屋・福岡の4拠点

【第5位】ITプロパートナーズ(公式:https://itpropartners.com/ )
・週3日稼働 / フルリモートOKの案件が豊富
・エンド直が9割。高単価案件が豊富
・常時案件数1万件以上。案件の幅が広い。

  • HTMLコーダーの業務委託の案件の探し方を知りたい
  • HTMLコーダーの業務委託で求められるスキルセットや実務経験の目安を整理したい
  • 在宅・リモートで働けるか、実際の単価相場はどれくらいか知りたい
HTMLコーダーの業務委託に関する、この記事の結論は以下のとおりです。
  • HTMLコーダーの業務委託の単価相場は約67万円(※インディバースフリーランスのデータから調査)
  • HTMLコーダーの業務委託に求められるスキルは、HTML5/CSS3の正確な構築能力、JavaScript(jQuery)、CMS(WordPress)の知識など。実務経験は1〜2年以上が目安ですが、ポートフォリオ次第で未経験可の案件もあります。
  • PCでの開発環境があれば作業できるため、フルリモート可能な案件が非常に多い。
結論からお伝えすると、HTMLコーダーの業務委託はWeb制作需要の安定により、JavaScriptやSEO知識などプラスアルファのスキルがあれば高単価(約67万円)で十分に稼げます。 HTMLコーダーの業務委託で収入を増やすために押さえるべき相場観、案件探しのコツ、契約前の注意点までわかりやすく解説します。 フリーランスエンジニアにおすすめの5社を、以下の比較表にまとめました。
特徴
レバテックフリーランス
  • とにかく案件数が多い
  • 大企業の高単価案件やフルリモート案件も多数取扱あり
  • フリーランスとして案件受注を検討するならまず登録したいエージェント公式:

公式:https://freelance.levtech.jp/

HiPro Tech
HiPro Tech
  • 中間マージンが発生しない
  • フルリモート案件、一部リモート案件などの条件で検索できる
  • 25%は週3日以下の稼働で自由な働き方を実現できる

公式:https://tech.hipro-job.jp/

テクフリ
テクフリ
  • 大企業の高単価な案件が多い
  • リモートフリーランス案件・求人も取り扱いあり
  • 業界でも珍しい低マージン率(一部案件で10%)

公式:https://freelance.techcareer.jp/ 

Midworks
Midworks
  • 非公開案件を含めると55,000件以上
  • 週4〜5の常駐・リモート案件の取り扱いが多数
  • 案件が途切れたら報酬を60%保障

公式:https://mid-works.com/

ITプロパートナーズ
ITプロパートナーズ
  • 『直請案件』だからこその高単価
  • リモート、週3日から稼働OKの案件多数
  • エンジニア、デザイナー、マーケターの案件多数

公式:https://itpropartners.com/

HTMLコーダーの業務委託はできる?未経験からも可能?

HTMLコーダーの業務委託は未経験からでも十分可能です。HTML5やCSS3の基本構文を理解し、レスポンシブデザインやクロスブラウザ対応ができれば、初心者でも業務委託案件に挑戦できます。 案件獲得にはIT系フリーランスエージェントの活用が効果的。未経験者は基礎学習から始め、模写コーディング練習を経て、小規模案件で実績を積むステップが重要です。
DAI
SEO対策やW3C準拠のセマンティックマークアップなどの知識を示せば、案件獲得の可能性が広がります。

HTMLコーダー案件の単価相場

単価中央値: 70.0万円
単価平均値: 68.9万円
単価相場案件数
0〜9万円15件
10〜19万円8件
20〜29万円21件
30〜39万円103件
40〜49万円412件
50〜59万円963件
60〜69万円1,680件
70〜79万円1,639件
80〜89万円1,000件
90〜99万円472件
100〜109万円160件
110〜119万円52件
120〜129万円23件
130〜139万円17件
140〜149万円10件
150〜159万円7件
160〜169万円3件
170〜179万円1件
180〜189万円4件
190〜199万円1件
200〜209万円2件
210〜219万円0件
220〜229万円0件
230〜239万円0件
240〜249万円0件
250〜259万円0件
260〜269万円0件
270〜279万円0件
280〜289万円0件
290〜299万円0件
300〜309万円0件
2026年10月時点
インディバースフリーランスが提携しているエージェントの全求人データをもとに抽出した結果ですが、平均単価相場/月は約67万円でした。 高単価の案件を探している人は、高単価案件が豊富なレバテックフリーランスで案件を探すのがおすすめです。

HTMLコーダーの業務委託案件例

ここでは、実際に募集されている、HTMLコーダーのフリーランス案件の例を5つご紹介します。

React/Node/常駐/クラウド型動画コンテンツ配信システム

〜720,000円/月
常駐
140時間 ~ 180時間
東京都 渋谷区
常駐
職種
エンジニア
スキル
Node.jsAJAXCSS他5件
特徴
上流工程新規立ち上げ
職務内容

【案件概要】 クラウド型動画コンテンツ配信システムを展開する企業にて、PHPエンジニアとしてご参画頂きます。 様々なお客様に導入して頂いており、お客様向けカスタマイズ開発や新規立ち上げサイト、新規機能開発の為に募集しております。 【業務内容】 ・HTML/CSS/JavaScript/node...

必須スキル

・Reactの経験 ・SPAを用いたシステム開発が2年以上ある。 ・コンシューマ向けWebサービス開発経験が2年以上ある。 ・詳細設計、テストケース設計などの経験がある。 ・4ヶ月~6ヶ月程度の中期開発プロジェクトの経験

React/Node/常駐/クラウド型動画コンテンツ配信システム

〜720,000円/月
常駐
140時間 ~ 180時間
東京都 渋谷区
常駐
職種
エンジニア
スキル
Node.jsAJAXCSS他5件
特徴
上流工程新規立ち上げ
職務内容

【案件概要】 クラウド型動画コンテンツ配信システムを展開する企業にて、PHPエンジニアとしてご参画頂きます。 様々なお客様に導入して頂いており、お客様向けカスタマイズ開発や新規立ち上げサイト、新規機能開発の為に募集しております。 【業務内容】 ・HTML/CSS/JavaScript/node...

必須スキル

・Reactの経験 ・SPAを用いたシステム開発が2年以上ある。 ・コンシューマ向けWebサービス開発経験が2年以上ある。 ・詳細設計、テストケース設計などの経験がある。 ・4ヶ月~6ヶ月程度の中期開発プロジェクトの経験

React/Node/常駐/クラウド型動画コンテンツ配信システム

〜720,000円/月
常駐
140時間 ~ 180時間
東京都 渋谷区
常駐
職種
エンジニア
スキル
Node.jsAJAXCSS他5件
特徴
上流工程新規立ち上げ
職務内容

【案件概要】 クラウド型動画コンテンツ配信システムを展開する企業にて、PHPエンジニアとしてご参画頂きます。 様々なお客様に導入して頂いており、お客様向けカスタマイズ開発や新規立ち上げサイト、新規機能開発の為に募集しております。 【業務内容】 ・HTML/CSS/JavaScript/node...

必須スキル

・Reactの経験 ・SPAを用いたシステム開発が2年以上ある。 ・コンシューマ向けWebサービス開発経験が2年以上ある。 ・詳細設計、テストケース設計などの経験がある。 ・4ヶ月~6ヶ月程度の中期開発プロジェクトの経験

React/Node/常駐/クラウド型動画コンテンツ配信システム

〜720,000円/月
常駐
140時間 ~ 180時間
東京都 渋谷区
常駐
職種
エンジニア
スキル
Node.jsAJAXCSS他5件
特徴
上流工程新規立ち上げ
職務内容

【案件概要】 クラウド型動画コンテンツ配信システムを展開する企業にて、PHPエンジニアとしてご参画頂きます。 様々なお客様に導入して頂いており、お客様向けカスタマイズ開発や新規立ち上げサイト、新規機能開発の為に募集しております。 【業務内容】 ・HTML/CSS/JavaScript/node...

必須スキル

・Reactの経験 ・SPAを用いたシステム開発が2年以上ある。 ・コンシューマ向けWebサービス開発経験が2年以上ある。 ・詳細設計、テストケース設計などの経験がある。 ・4ヶ月~6ヶ月程度の中期開発プロジェクトの経験

React/Node/常駐/クラウド型動画コンテンツ配信システム

〜720,000円/月
常駐
140時間 ~ 180時間
東京都 渋谷区
常駐
職種
エンジニア
スキル
Node.jsAJAXCSS他5件
特徴
上流工程新規立ち上げ
職務内容

【案件概要】 クラウド型動画コンテンツ配信システムを展開する企業にて、PHPエンジニアとしてご参画頂きます。 様々なお客様に導入して頂いており、お客様向けカスタマイズ開発や新規立ち上げサイト、新規機能開発の為に募集しております。 【業務内容】 ・HTML/CSS/JavaScript/node...

必須スキル

・Reactの経験 ・SPAを用いたシステム開発が2年以上ある。 ・コンシューマ向けWebサービス開発経験が2年以上ある。 ・詳細設計、テストケース設計などの経験がある。 ・4ヶ月~6ヶ月程度の中期開発プロジェクトの経験

HTMLコーダーの案件をお探しの方は、フリーランス向けマッチングサービスおすすめ17選を是非参考にしてみてください。

コーダーの業務委託案件探しにおすすめのエージェント

業務委託案件を探す際は、対応するスキルや稼働条件を比較し、希望に合うエージェントへ相談しましょう。 以下では、比較表で紹介した5社の特徴を、おすすめ順に詳しく紹介します。

【第1位】レバテックフリーランス

運営会社 レバテック株式会社
公式サイト https://freelance.levtech.jp/
契約形態 不明
対応地域 全国
支払いサイト 15日サイト(月末締め翌月15日払い)
求人数 113,450件
リモート求人数 4件 (2026年10月26日 現在)
福利厚生 レバテックケアを使える
登録または参画が決定したフリーランス・契約社員は、収入、税務関連の手続き、ヘルスケアに関するメニューを使えます。案件以外の生活面も合わせて見たい人に向いています。

レバテックフリーランスは、フリーランスのITエンジニア・デザイナーに特化した、業界最大級のエージェントです。最大の魅力は、中間マージンを極力排除した高単価の「直請案件」が豊富なこと。サイバーエージェントやDeNAといったメガベンチャーをはじめ、誰もが知る大手企業のプロジェクトに参画できるチャンスが多数あります。

また、案件提案から条件交渉、参画中のフォローまで、専任の担当者が徹底的にサポート。LINEでのスピーディーなやり取りも可能で、煩雑な手続きに時間を取られることなく、本業に集中できます。公開求人数は10万件以上と圧倒的で、あなたのスキルや希望にぴったりの案件が見つかりやすい環境です。

「高単価を目指したい」「大手企業でキャリアを築きたい」「手厚いサポートを受けたい」という経験豊富なエンジニアの方に最適なエージェントとなるでしょう。ただし、実務経験が浅い場合や、週1-2日の案件、地方常駐を希望する場合は、他の選択肢も検討すると良いかもしれません。フリーランスとしてさらなる飛躍を目指すなら、レバテックフリーランスは強力な味方になります。

DAI
求人数が最大のレバテックフリーランスには必須で登録しつつ、苦手を補うようなエージェントに2-3社登録するのがおすすめです。
おすすめサービス
✓案件数が豊富なIT向けフリーランスエージェント。業界最高水準の案件単価!高額案件・高収入を目指すならここ

こちらも読みたい:

【独自調査】レバテックフリーランスの評判・口コミは悪い?案件の内容や注意点・退会方法を解説
独自調査でレバテックフリーランスの評判・口コミを検証。高単価直請の魅力から地...

【第2位】HiPro Tech(ハイプロテック)

HiPro Tech(ハイプロテック)は、パーソルキャリア株式会社が運営するIT・テクノロジー領域に特化したフリーランスエージェントです。企業とフリーランスを“直接契約”でつなぐことを特徴とし、中間マージンが発生しないため、高単価・高報酬な案件が豊富に揃っています。

掲載案件の約70%が自社開発で、25%は週3日以下の稼働と、自由度の高い働き方を実現できます。さらに「案件リクエスト機能」により、今すぐ稼働できない方でも条件に合った案件を優先的に紹介してもらえる点も魅力。登録から契約までのサポートはすべて無料で、初めてのフリーランス活動でも安心して利用可能です。PM・エンジニアからデータサイエンティストまで幅広い職種に対応し、全国どこからでも参画できる案件も多数。キャリアの自由度と収入の最大化を両立したいITプロフェッショナルに最適なサービスです。

HiPro Tech公式ページにアクセスする
HiPro Tech(ハイプロテック)の評判は?利用のメリット・デメリット、使うべき人を紹介
HiPro Tech(ハイプロテック)の評判を徹底解説。中間マージン0の直接契約で高単価...

【第3位】テクフリ

 

テクフリ(TechCareer Freelance)は、株式会社アイデンティティーが運営するフリーランスエンジニア・クリエイター向けの案件紹介サービスです。

最大の特徴は、業界でも珍しい低マージン率(一部案件で10%)と、登録から案件参画後まで一貫してサポートする強力な体制。コーディネーター・エージェント・カスタマーサクセスの専門チームが、カウンセリングや条件交渉、現場での問題解決まで丁寧に対応します。

さらに、ITフリーランスコンソーシアム(ITFC)による独自の福利厚生も充実。休業補償保険や報酬付き休暇、健康診断割引、税理士無料紹介・キャッシュバック、デリバリーや旅行の割引など、他社にはない特典が多数用意されています。

案件の約80%がリモート対応、週4日からの稼働も可能で、柔軟な働き方を実現。高単価案件や福利厚生を重視する方、エンジニア・クリエイター職種でキャリアアップを目指す方に最適です。ただし、実務経験2~3年以上が求められるため、経験の浅い方や地方在住で常駐案件を希望する方には向かない場合があります。登録・利用は完全無料。

テクフリの公式ページを見てみる
テクフリの評判・口コミは?メリット・デメリットを含めて解説!
テクフリの評判・口コミを徹底解説。マージン率10%~で高単価案件多数、リモート...

【第4位】Midworks(ミッドワークス)

(Midworks公式サイトより引用:https://mid-works.com/)

運営会社 株式会社 Branding Engineer
公式サイト http://mid-works.com
契約形態 不明
対応地域 東京都 大阪府など
支払いサイト 20日サイト(案件により変動あり)
求人数 12,278件
リモート求人数 1件 (2026年10月26日 現在)
福利厚生 標準20日サイト
標準的な支払いサイトは20日です。案件によって異なる場合があるため、初回入金日、締め日、精算幅、請求手続きを案件ごとに確認できます。

トータルケアを選べる
交通費、書籍・勉強会費、経理クラウド、フリーランス協会、リロクラブ、生命保険の半額負担などを含むパッケージプランがあります。月額30,000円が単価から控除される有料オプションです。

報酬保障の仕組みがある
仕事が途切れた場合に契約単価の60%を保障する制度があります。利用には面談内容などをもとにした審査があります。

Midworks公式サイトより引用:https://mid-works.com/

Midworksは、次のような特徴があります。

  1. 報酬補償を含む手厚い福利厚生
  2. デザイナー系案件の分野が幅広い

Midworksは、正社員並みの保証が受けられるなど福利厚生が充実しているという特徴があります!

そのため、はじめてフリーランスとして独立するのが不安な方や、安心してフリーランスとして活躍したい方におすすめです。

デザイナー系職種の案件の種類が多いため、仕事を選択する幅が広がります。

個人では参画しにくい案件を見つけるチャンスです!

以下は、Midworksに掲載されているデザイナー向け案件の例です。(表は左右にスクロールできます。)

案件名

幼稚園・保育園向けの写真販売サービスのUIデザイン

単価 60~90万円/月
月想定稼働時間 週3日~週4日
業務内容 幼稚園・保育園向けの写真販売サービスと現在企画中の幼稚園・保育園向けの新プロダクトに関するUIデザイン制作をお任せいたします。
「誰が・どんなことを思って・どのようにそのサイトを使いたいのか」を考え、より良いサービスを創り上げていくためのチームメンバーを募集いたします。【主な業務】
・新プロダクト立ち上げに伴うUIデザインやブランドなどのコンセプト提案
・WEBサイトアプリケーションの情報設計デザインプロトタイピング
・既存プロダクトのUI改善
・写真やイラスト、タイポグラフィを使用したビジュアルデザイン
・制作スタッフとの調整やクオリティ管理
・チーム内でのヒアリングやディスカッション※メインは新プロダクト関連になります。
必要スキル 【必須スキル】
・WEB デザイナーの実務経験(3年以上希望)
・UI デザインの経験1年以上
・Photoshop 、AdobeXD 、Sketch のいずれかを使いこなせる方【歓迎スキル】
・事業会社での就業経験
・UX デザインやリサーチに関する知識、実践
・開発メンバーを含むチームでの就業経験
・HTML5/CSS3 のコーディング経験
・レスポンシブ対応の経験
・WEBサイトスマホアプリ、LPバナーなどの制作実績 のある方

※現在は募集を終了している場合があります。

※Midworksは、会社員の方への副業は紹介していません。

おすすめサービス
✓手厚い福利厚生の支援が魅力!フリーランスとして働くことを少しでも不安を抱えているなら、まずは相談するのがおすすめのエージェント。

【第5位】ITプロパートナーズ

公式サイト:https://itpropartners.com/

DAI
『ITプロパートナーズ』は、リモートワークの働き方に興味があり、特にベンチャー企業やスタートアップで働きたいという人におすすめです!
運営会社 株式会社Hajimari
公開求人数 4,570件
平均単価 –
マージン率 非公開
対応地域 関東・関西中心
働き方 週1〜2日から稼働OK、リモートワークOKな案件が豊富

※2023年6月12日時点・公式ページより引用/算出(公式:https://itpropartners.com/)

ITプロパートナーズの主な特徴としては、以下の3つがあります。

  1. 『直請案件』だからこその高単価
  2. リモート、週1〜2日から稼働OKの案件多数
  3. エンジニア、デザイナー、マーケターの案件多数

『直請案件』だからこその高単価

ITプロパートナーズ公式サイトより引用(https://itpropartners.com/)

ITプロパートナーズで取り扱っている案件の単価は、『直請案件』が多く他のエージェントと比較しても高い傾向にあります。

※直請案件とは、間に仲介会社を挟まず、直接クライアントと契約している案件のことを指します。

正直ほとんどのフリーランスエージェントが、マージン率を公開していないため、フリーランスの取り分や、単価がいいのかを事前に知ることが難しいのが現状です。

DAI
その際に、『直請案件』が多いかどうかは、高単価な案件を取り扱っているのかどうかの指標になります。

マージン率が非公開でブラックボックス化しているからこそ、過剰な報酬の中抜きが発生していないITプロパートナーズは魅力的です。

リモート、週1〜2日から稼働OKの案件多数

ITプロパートナーズ公式サイトより引用(公式:https://itpropartners.com/)

ITプロパートナーズの大きな魅力として、週1〜2日から稼働OKの案件が多いという点があります。

他のフリーランスエージェントでは、最低稼働日数は週3・4日〜の案件が一般的で、その多くは常駐案件です。

一方のITプロパートナーズは、リモートの案件も多いので、自身のスタイルに合わせて自由に案件を選べます。

DAI
つまり「副業的にフリーランスの仕事を始めてみたい」という方にも相性が良いエージェントです。
DAI
また直請け案件ならではの高単価も大きな魅力です!メインの仕事で自分のやりたいことを優先して、ITプロパートナーズ経由で生活費を稼ぐという働き方も可能ですね。

エンジニア、デザイナー、マーケターの案件多数

ITプロパートナーズの公開求人数は、エンジニア・デザイナー・マーケターなど幅広い職種で業界最多水準です。

他のエージェントの場合、以下のような特徴があり、デザイナーやマーケターが仕事を取りにくい状況があります。

  • エンジニアだけに特化していて、そもそもデザインやマーケティング関連の仕事を扱っていない
  • 案件数が少なかったり、利用可能地域が都市部だけに限定されている

一方のITプロパートナーズでは、エンジニア以外の職種でも案件数が豊富なため、より自分に合った案件を選べる可能性が高いです。

DAI
そのため、まずはリモートや週1〜2日から仕事を始めてみたいというデザイナーや、マーケターの方も必見のエージェントです。

注意:ITプロパートナーズは週1日から稼働可能な案件の紹介が可能なものの、会社員の方への副業は紹介できません。

コーダーの業務委託案件を探す基準

コーダーの業務委託案件を選ぶときは、以下のポイントに注目しましょう。
  • 自分のスキルに合った案件が多いか
  • リモート可能な案件があるか
  • 高単価な案件が多いか
DAI
それぞれのポイントについて詳しく解説します!

自分のスキルに合った案件が多いか

案件サイトを選ぶ場合は、まず自分のスキルに合った案件が多いかどうかが判断基準になります。 いくらサイト内での案件が多くても、自分の希望するような案件が無ければそのサイトを使うメリットは少なくなってしまいます。 案件サイトは、以下のように得意分野をそれぞれ持っています。
  • Web系領域に特化しており、デザイナーやエンジニアの案件が豊富
  • 高いスキルが必要な分単価が高い案件を取り扱っている
「得意な分野の案件がたくさんあるか」「挑戦したいスキルを使う案件があるか」など、案件探しで重要視するポイントを整理してから、自分にあった案件サイトで案件を探しましょう。

フルリモート可能な案件があるか

リモートワークが可能な案件を取り扱っているかも重要なポイント。 リモート案件の良いところは、自宅やカフェなど自分の働きやすい場所で作業ができることです。 毎日同じ場所で作業を行うと集中力が続かない人がいたり、多少人の声がある場所のほうが集中できたりする人もいます。 そんな人はリモートワークができる案件を探して応募してみましょう! 自宅での勤務であれば、通勤時間がないので時間を効率的に使える分、仕事や趣味にあてる時間が増やせます。 さらに、通勤で疲れることもないので、より集中して取り組むことができるかもしれません。 リモート可能な案件を見つけたいなら「レバテックフリーランス」と「ITプロパートナーズ」が特におすすめです。
DAI
リモート案件は非常に人気が高いので、早めの応募をおすすめします!案件サイトに登録しておけば、通知が来るのですぐに応募できますよ!

高単価な案件が多いか

業務委託で効率よく稼ぐには、高単価な案件が多いサイトを選ぶことも重要です。 単価の高い案件を獲得することで、収入が安定します。 高単価な分高いスキルを求められることもありますが、自分のスキルアップにつながります。
DAI
高単価なコーダー案件は「レバテックフリーランス」と「HiPro Tech」で数多く取り扱っていました。複数の案件サイトに登録して、単価の相場を見比べてみましょう!

コーダーの業務委託案件例と単価相場は?

コーダーの業務委託案件にはどんな案件があって、報酬の相場がどれくらいなのかを確認していきます。 実際にコーダーの業務委託案件をいくつかピックアップして紹介するので、ぜひ参考にしてみてください。 ※今回紹介する案件は募集を終了している可能性もあります。最新の案件例が見たい人はエージェントに登録したうえで、詳細を確認してみましょう。

案件例①

仕事内容の参考として、別サービスの「ギークスジョブ」に掲載されているHTMLコーディングの業務委託案件を紹介します。求人元・応募条件は案件カードの表示をご確認ください。

コーダー・デザイナー/某口コミサイト 新規サービス案件・求人

〜550,000円/月
東京都 港区 六本木一丁目
業務委託契約(フリーランス)
職種
システムエンジニアUXデザイナー他3件
スキル
SEOPhotoshopjQuery他4件
特徴
新規立ち上げ上流工程
職務内容

現在運営している化粧品口コミサイトの関連サービスを新規で立ち上げます。 要件定義~画面設計~デザイン~マークアップ、システム組込後のコード調整~テストまで、幅広いポジションを用意しています。

必須スキル

HTML5/CSS3 JavaScript Photoshop/Illustrator ・中~大規模サイト(ポータル/CGM/メディア/SNS/EC等)でのマークアップ実務経験2年以上 ・デザインカンプをもとにしたマークアップ経験 ・HTML5、CSS3を用いてのマークアップ経験 ・スマートフォンサイトのマークアップ経験

案件例②

仕事内容の参考として、別サービスの「ギークスジョブ」に掲載されているHTML/CSS・JavaScriptによるフロントエンド開発を含むコーディングの業務委託案件を紹介します。求人元・応募条件は案件カードの表示をご確認ください。

コーダー/高トラフィックDSPの新規実装&改修案件・フロントエンジニア求人

〜700,000円/月
東京都 新宿区
業務委託契約(フリーランス)
職種
システムエンジニアHTMLコーダー他2件
スキル
ScalaPhotoshopNode.js他9件
職務内容

RTB_DSPのアプリケーション全体や管理画面をメインに新規実装や各種改修等を担当します。 常に高トラフィックで動き続けるシステムであり、実装改修によって大きなビジネスインパクトを起こします。 開発規模は10名程度で、開発環境は以下を使用しています。 【開発環境】Scala、Playframework2系、Redies、Hadoop、node.js、BackboneJS・・・etc コーダー1名、フロントエンジニア1名のメンバーを募集しています。

必須スキル

HTML5/CSS3 JavaScript Photoshop/Illustrator ・HTML、CSSを使ったWebサイト作成の経験 ・jQueryを使用しないJavaScriptを使ったWebアプリの開発経験 ・LESS、SCSSなどを使用した経験 ・Grunt、gulpなどを使用した経験

必要な経験・スキルや稼働条件は、案件の詳細をご確認ください。

DAI
公開案件に自分のスキルになさそうでも諦めないでください。エージェントに登録することで非公開案件が見られるようになりますよ。
HTML/CSSコーディング副業はできる?必要スキルや週1-3案件の探し方を紹介
HTMLコーディング副業の始め方と相場を解説。週1〜3・リモート・高単価案件の探し...

業務委託契約の主な種類

業務委託契約とは、業務を外注したい企業が、業務の一部を他の企業や個人に委託することです。 報酬や納期、仕事内容、進め方などを相互に了承して契約をおこないます。 アルバイトのような雇用関係がないため、企業と対等な関係になります。 業務委託契約は、主に以下の3種類に分けられます。
  • 準委任契約
  • 請負契約
  • 委任契約
それぞれの契約について詳しく解説します。
DAI
報酬の仕組みや契約内容が異なるので、違いを把握しておきましょう!

準委任契約

準委任契約は成果物の作成や事務作業を委託する契約で、時給もしくは月給計算で報酬が発生します。 コーダーは準委任契約を交わすことで、期間内に委託された業務を遂行する義務を負います。

メリット

準委任契約のメリットは、収入が労働に比例しているので、安定しやすいことです。 準委任契約での報酬の条件は、時間内に業務をおこなうことで、成果物を納品することが条件ではありません。 成果物がなくとも、稼働した時間分の報酬が発生するため、毎月決まった収入を得られます。

デメリット

デメリットは、稼働時間の自由度が低めである点です。 基本的にはシフトで稼働するので、稼働の時間帯はクライアントに依存します。 業務の進め方についてもある程度クライアントに指示され、業務をスムーズに行えているかどうか定期的に報告する必要があります。 また、企業側に評価されなかった場合、業務を進めている途中であっても契約が終了になるリスクがあることもデメリットです。

請負契約

請負契約は、成果物を完成させて納品する義務を負う契約を指します。 正社員やアルバイトと違い、成果物の納品に対して報酬が支払われる仕組みです。

メリット

請負契約のメリットは、時間や働く場所の自由度が高いという点です。 請負契約では、成果物を完成させて納品することが条件であり働く場所や時間、業務の進め方についての報告義務はありません。 よってワーカー側は、仕事する場所や時間を比較的自由に決められます。

デメリット

デメリットは納品した成果物の質が不十分だと、報酬が支払われないリスクがあるという点です。 修正や報酬の減額を指示されることがあり、最悪の場合は、報酬の支払いを拒否されるリスクもあります。 時間がどれだけかかっても、もらえる報酬が変わらないという点もデメリットです。 最大100時間かかる作業でも、報酬が5万円の場合は時給換算すると500円/時になってしまいます。
DAI
請負契約する際は、工数と報酬が見合っているかの確認が必要です。

委任契約

委任契約とは法律に関する業務を委託する契約です。 主な例としては、確定申告を税理士に任せたり、弁護士に委任し裁判を起こしたりすることなどがあげられます。
DAI
委任契約は法律に関する業務を委託する際に結ぶ契約なので、コーダーが契約することはありません。コーダーが結ぶ契約は、準委任契約と請負契約のどちらかです。

コーダーの業務委託で働くメリット

コーダーが業務委託で働く主なメリットには、次の4つがあります。
  • 自分の好きな仕事に集中できる
  • 努力次第で収入アップが可能
  • 自分で業務時間を決められる
  • 人間関係のストレスから解放される
DAI
では、一つずつ見ていきましょう!

自分の好きな仕事に集中できる

メリット1つ目は、自分の好きな仕事に集中できる点です。 業務委託契約では、いろいろな案件から得意なものや興味のあるもの、挑戦したいものを選びます。 会社員だと、上司から与えられた仕事を職場のルールに沿って行う必要があります。 自分のやりたくない仕事や不得意な仕事を振られることもあり、ストレスが溜まることが多いです。 しかし、業務委託契約なら自分の好きな仕事や挑戦したい仕事に集中できるので、ストレスを抑えながら楽しんで働けます。

努力次第で収入アップが可能

メリット2つ目は、自分の努力次第で収入アップが可能という点です。 会社員だと企業によって支給される金額は決まっており、大きな成果を出しても給与が上がらないことは少なくありません。 しかし業務委託では、クライアントの成果につながる働きをし続ければ契約が続き、報酬アップの可能性もあります。 クライアントや同じワーカー同士のつながりを通して、高待遇の仕事に出会うこともあるでしょう。
DAI
会社員時代より大幅に年収をアップさせるのも夢ではありません。

自分で業務時間を決められる

メリット3つ目は、自分の裁量で業務時間を決められることです。 請負契約であれば、働く場所や時間を自分で自由に決められます。 準委任契約でも、業務時間は会社員より比較的柔軟に調整できます。 納期に間に合うように自分で業務時間を決められるので、好きな時間、場所で働けるのがメリットです。
DAI
自分の都合に合わせつつ、在宅やカフェなど好きな場所で働くことも可能です。

人間関係のストレスから解放される

メリット4つ目は、同僚や上司などの人に依存したストレスから解放されることです。 会社員として勤めていると、一緒に働く上司や同僚たちとのやりとりがうまくできない、上司から理不尽なことを言われるなど、悩まされることがあります。
DAI
ひどい場合は「もう会社を辞めたい……。」と苦しい気持ちになってしまうこともあります。
しかし、業務委託は雇用関係と異なり、クライアント企業と対等な立場で業務を行えます。 もし相性が合わない担当者に出会ってしまったときは、自分からクライアントを変更することもできます。
DAI
正社員と違い、上司やクライアントなどの関わる人間を選べる点は魅力的ですね!

コーダーの業務委託で働くデメリット

企業に雇われない業務委託の働き方には、メリットがある一方でデメリットも存在します。
  • 労働基準法が適用されなくなる
  • 福利厚生が受けられない
  • 仕事のトラブルはすべて自己責任
DAI
「こんなことになるなんて……」とならないよう、あらかじめデメリットも把握して対策をしましょう!

労働基準法が適用されなくなる

1つ目のデメリットは、労働基準法が適用されなくなることです。 正社員やアルバイトは、会社と個人の間に雇用契約を結び、仕事を行います。 しかし、業務委託契約の場合には、企業と個人の間に雇用契約がないため、労働基準法の適用外になってしまいます。 したがって、成果物に対する報酬の条件や労働量に関して、法律の保護を受けにくい環境になります。 業務委託契約での最低賃金が法律で決められていないため、業務量に対して安い報酬で請けることになる可能性があります。 仮に想定していた業務量に対しての報酬は低くなかったとしても、思っていた工数よりも時間がかかってしまえば、時給に換算したときに時間単価は下がってしまいます。
DAI
事前に業務内容や報酬をしっかりと確認し、双方合意のうえで契約を取り交わすようにしましょう!

福利厚生が受けられない

2つ目のデメリットとして、福利厚生が受けられない点が挙げられます。 福利厚生は会社が雇用している従業員や従業員の家族に対して、生活や健康の向上を目的とした取り組みです。 業務委託契約では、業務にかかわる企業と雇用関係がないため、福利厚生を受けることはできません。 そのうえ会社員のような雇用保険や、労災保険などの社会保険が適用されません。 万が一事故や怪我が発生しても、必要な補助を受けにくいデメリットがあります。 対策としてフリーランス用の保険に加入するなど、自分で自分の身を守る備えをしておきましょう。 雇用契約の関係にあったときは年末調整(確定申告)、税金や社会保険料の天引きなどを会社が行っていました。 一方で業務委託契約となり個人で仕事をする場合は、それらの手続きはすべて自分で行う必要が出てきます。 手続きにかかる時間は増える一方で、手続きをしても報酬が発生するわけではありません。

仕事のトラブルはすべて自己責任

デメリット3つ目は、仕事のトラブルがすべて自己責任になることです。 会社では従業員がなんらかのトラブルを起こしても管理責任が会社にあるため、ある程度会社が責任をとってくれます。 しかし業務委託契約で仕事のトラブルが起きた場合には、すべてが自己責任になります。 最悪の場合、企業が受けた損害分の賠償責任を負わされる可能性があります。 企業が求めるスキルや納品物を提供できなかったり、納期を守らなかったりすると、簡単に契約が終了します。 また成果物に著作権違反があったり、情報漏洩などがあった場合、損害賠償を請求される恐れがあります。
DAI
業務委託契約は比較的自由度が高いですが、責任の重大さは変わらないのだという意識を常に持っておくことが大切です。

業務委託契約を結ぶには業務委託契約書が必要

何事も契約をする際には契約書を交わすことが必須となります。 業務委託契約を結ぶときも業務委託契約書をかわします。 業務委託契約書は委託する業務内容や業務範囲、支払い方法などを記載した書類で、業務が始まってからトラブルにならないようにお互いを守る役割のあるものです。
DAI
業務委託契約を結ぶなら、必ず契約書を取り交わしましょう。

業務委託契約書が必要な理由

業務委託契約書が必要な理由は、次の2つです。
  • 契約上のトラブルが起きにくくなる
  • 万が一のときに証拠として使える
業務委託契約書には、仕事内容や報酬、万が一の事態に備えた取り決めが記載されています。 事前に取り決めをして双方で合意しておかないと、ワーカー側で想定していた以上のスキルやクオリティ、納期を求められたり、報酬が約束と違ったりと契約上のトラブルが起きやすくなります。 トラブルに発展しないように、あらかじめ業務委託契約書を取り交わしておくことは自分を守ることにも繋がります。 また、契約書はトラブルになってしまったときに正当な対応をしていた証になります。
DAI
突然報酬を減らされたり、もともと契約にない業務を依頼されたりしても、契約書があれば対抗できますよね。
あまり考えたくはありませんが、訴えられたり、訴えたりした場合は業務委託契約書を提出する必要があります。
DAI
業務委託契約書を結ぶのは、自分のためにも相手のためにも必要不可欠です。

業務委託契約で起きやすいトラブルとは?

業務委託契約でよくあるトラブルとして、主に挙げられるのが以下の通りです。
  • 成果物へ何度も修正を求められ、対応したにも関わらず報酬は変わらず、その分時給が低くなってしまった
  • 契約内容に無い業務についても求められたうえ、報酬が支払われなかった
業務委託契約書のなかで業務内容を詳しく決めておけば、このようなトラブルを防ぎ、お互い納得した状態で業務を進められます。

秘密保持契約を結ぶ場合は秘密保持契約書を取り交わす

案件や企業の方針によって、業務委託契約書とは別に秘密保持契約書を取り交わす場合もあります。 秘密保持契約とは、契約中に知り得た機密情報や個人情報を、業務以外で他の人に公開しないという契約です。 クライアントと秘密保持契約を締結するときは、秘密保持契約書への合意が必須です。 秘密保持契約を結んだにも関わらず、ワーカーが別のワーカーへ仕事を再委託すると業務の質が悪くなってしまったり、機密情報の漏洩の危険があったりするためにトラブルに発展することがあります。 双方で合意の上であれば問題ありませんが、秘密保持契約を結ぶ企業に無断で再委託を行えば、損害賠償などに発展することもありえます。

業務委託契約締結の主な流れ

はじめて業務委託契約をする人は、理不尽な契約をされるのではないかと不安かもしれません。 契約書やクライアントとの話し合いで1つ1つ合意しながら、契約を結んでいけば怖くないです。 業務委託契約は、次のような流れで締結します。
  1. 契約内容の詳細について話し合う
  2. 業務委託契約書を作成する
  3. 契約書の内容を共有し、認識の相違を確認し合う
  4. 業務委託契約書を取り交わし、契約完了
ここでは業務委託契約の締結の流れを紹介します。

①契約内容の詳細について話し合う

まずは契約内容の詳細を話し合います。
  • 報酬額
  • 契約期間
  • 業務の範囲
これらの項目について、話し合いながら明確に決めていきます。 報酬額はクライアントから「予算は〇〇万円でお願いいたします。」と提案されることもあれば、ワーカーへ見積もりを依頼される場合もあります。 このときの想定報酬額が契約書に記載されているかを確認します。 次に契約期間です。 委託される業務に対してどの期間請け負うのかを話し合います。 契約によっては成果物を納品すればそこで契約が満了する場合や「月〇〇時間の稼働で〇〇ヶ月」の契約となっていることもあります。 最後に業務の範囲です。 想定している業務に対して、どこまで対応するのかを決めます。 ここが曖昧になると後々揉めることになりかねません。 当初決めていた業務範囲以外の仕事が出てきた場合は、改めて話し合うようにしましょう。

②業務委託契約書を作成する

話し合いで決まった内容をもとに、業務委託契約書を作成します。 このときワーカー側で作成するのではなく、業務を委託する側の企業が作成します。 とはいえ、ワーカー側でも業務委託契約書の作り方を知っておくと、一般的にどんな項目が含まれているのか、どれくらい細かい契約書になっているかなどをわかるようになります。 そのため、提示された契約書の内容の理解も早くなるでしょう。

③契約書の内容を共有し、認識の相違を確認し合う

企業が作った業務委託契約書を確認し、話し合った内容と認識の相違がないか確認します。 業務委託契約を結ぶ前に細部まで確認しておけば、契約後に揉めてしまうことを防ぐことに繋がります。 このとき、クライアントとワーカーで認識違いが出てしまうと、例えば「この契約はここまでやってくれると思ってた」、「ここまでで完了だと思っていた」というトラブルに繋がってしまうことがあります。 どんなに細かい部分でも、相手に臆することなく気になることは遠慮せず相談しましょう。

④業務委託契約書を取り交わし、契約完了

双方で納得した内容を業務委託契約に記載して、記名捺印すれば契約完了となります。 最近はクラウド上での契約で、電子捺印で対応できるケースもあります。 電子契約での手順をあらかじめ確認しておくと安心です。

業務委託契約の締結前に確認すべき条件

業務委託契約を締結するときは、契約内容をすみずみまで読み、不明な点や曖昧な点についてはクライアントと話し合うようにしましょう。 契約時に慌てないよう、事前に確認しておくべき条件を解説します。
DAI
実際に契約する際は、ぜひ参考にしてください!

契約形態は何か

業務委託契約といっても、契約形態が準委任契約か請負契約かの2つがあります。 まずは、どちらの契約形態であるかを確認しましょう。 契約形態によって働き方や収入の安定性が変わってきますので、必ず確認するようにしましょう。

業務内容は何か

業務内容について、どのような業務を依頼されるのかの確認が必要です。 ここが曖昧になってしまうと「想定していた範囲を超えた業務を任されて、報酬に見合わない仕事量をこなす羽目になった」などのトラブルに発展してしまうことがあります。 そのような事態を避けるためには
  • どこまでの業務を委託するのか
  • どのような状態になったら完了か
  • 当初の業務内容以外に必要な業務が出てきたらどうするか
などをあらかじめ合意しておくことにしましょう。

報酬についての記載はあるか

業務委託契約書のなかに、報酬についての記載があるかのチェックは必須です。
  • 報酬額
  • 支払い方法
追加で次の項目についても確認しましょう。
  • 時間単価か、プロジェクト単位での支払いか
  • 報酬の計算方法
ここを確認しておかないと、想定より支払いが少なかったり、支払日が先になったりすることがあります。 認識の相違がないか、確認しておきましょう。

報酬以外に経費の支払いはあるか

仕事に対する報酬以外に経費の支払いがあるかは大事な要素です。 ワーカー側の持ち出しになってしまうと、その分受け取る報酬額が少なくなってしまいます。 場合によっては後々トラブルに発展してしまうかもしれません。 経費には業務に必要な消耗品や電気代、購入した資料などがあります。 これらについて報酬に含まれているのか、別途支払いがあるのかをチェックしましょう

稼働時間はどのくらいか

業務委託契約を締結するときには、どの程度の時間拘束されるかを確認する必要があります。 案件次第では「最低週2日稼働」、「週3・4日から稼働」、「1日4時間~」などの条件が決まっており、案件サービスで公開されています。 ただし、公開されていない場合もあるため、契約前には明確になるように先方に確認しましょう。 また、案件の精算内容によって精算幅(例:100時間を基準に、90〜110時間の精算幅で◯万円)が決められていることがありますので、精算幅の条件のチェックも必要です。 自分のスケジュール管理に必要な部分ですので、見落とさないようにしましょう。

稼働時間精算幅外の控除・超過支払いについての記載はあるか

精算幅はエンジニアの業務委託契約に多い仕組みです。 基本単価を決め、その基本単価に対する基準時間を設けます。 基準時間に対して上限時間と下限時間を設定します。 この上限時間から下限時間の幅が精算幅です。 精算幅が設けられている場合に、報酬の控除もしくは超過支払いがあるのかをチェックします。 実際の稼働時間が精算幅より少なかった場合は報酬がその分差し引かれ、多かった場合は加算される仕組みです。 「業務時間外も働いたのに、その分の報酬がもらえなかった」というトラブルを防ぐため、入念に確認しましょう。

報酬の支払日はいつか

報酬の支払日は企業によって異なります。 手元に報酬が来るタイミングによっては、家賃の支払いに遅れるなど、生活への支障が出る可能性があるので、確認するようにしましょう。 請負契約の場合は、納品後のクライアント側の検収完了になるまで、報酬が支払われない場合があります。 検収日が締め日を過ぎてしまうと、報酬の支払いが翌月になってしまうこともあります。 納品から検収の期間についても、あわせてチェックしておきましょう。

契約期間、更新の有無について

業務委託契約の契約期間や、契約終了後の更新可否を確認しておきましょう。 また、更新する際に何らかの条件があるかどうかのチェックも必要です。
DAI
更新する際の条件として、規定の期間以内にお互いに解除の申し出がない場合、自動更新される旨を定めている企業もあります。

損害賠償の記載はあるか

業務委託契約を結ぶうえで避けて通れないのが、損害賠償問題です。 著作権違反や情報漏洩、秘密保持契約の違反などによってクライアントに損害を与えてしまった場合、損害賠償を求められることがあります。
DAI
損害の全額を賠償するともなれば、その額は数百万円に及ぶこともよくあります。
クライアントに損害を与えないようにすることはもちろんですが、契約書に損害賠償の記載がある場合は念入りに確認しましょう。 特に損害賠償が及ぶ期間や請求される条件については、漏れがないように確認をおこないましょう。

不利な内容は記載されていないか

まれに、業務委託のエンジニアに対して明らかに不利な内容が記載されていることがあります。 「報酬の振込手数料を負担させられる」「契約終了後に発生した損害を全額賠償する」などの記載があった場合、契約締結後に気付いても後の祭りです。 あなたにとって不利な契約は、一度飲んでしまえばいずれあなた自身を苦しめることになります。 このような記載があったときは、修正をお願いしましょう。 どうしても双方納得のいく形で契約できない場合は、契約自体をお断りすることも検討しましょう。
DAI
業務委託契約書の確認は非常に面倒ですが、未来の自分を守るために必ずおこなってくださいね!

HTMLコーダーの業務委託に関するよくある質問

1.HTML/CSSだけのスキルでも案件はありますか?

単価は低くなる傾向です。 LP制作や修正業務など案件自体は存在しますが、高単価を目指すならJavaScriptやWordPressのスキル習得をおすすめします。

2.未経験の場合、ポートフォリオは必要ですか?

ほぼ必須です。 実務経験がない場合、スキルを証明する唯一の材料となります。模写やオリジナルサイトを作成し、ネット上で閲覧できる状態にしておきましょう。

3.本業と並行して副業で稼働できますか?

可能です。 納期さえ守れば作業時間を問わない「請負契約」や、土日稼働OKの案件を選ぶことで、本業との両立がしやすくなります。

4.コーダーからのキャリアアップ先はどのようなものがありますか?

フロントエンドエンジニアやWebディレクターが一般的です。 技術を磨いてエンジニアになるか、デザイン領域へ広げるか、進行管理を行うディレクターになるかなど、選択肢は多様です。

まとめ

今回は、コーダーにおすすめの案件サイトと、業務委託契約を結ぶ流れ・注意事項について解説しました。 自分のスキルや経験を活かした案件サービスをチェックして案件を獲得していきましょう。 契約する際にはどのような契約形態でどんな業務を行うか、損害賠償や経費についてなど、すみずみまでチェックしておくことが重要です。 コーダーの業務委託案件を受注してさらに活躍の幅を広げたい人は、この記事を参考にして取り組んでみてください。

フリーランスの案件を検索する