「Next.js エンジニアを業務委託で確保してほしい」と指示を受けたものの、求人媒体を開いた瞬間に手が止まった、という経験はないでしょうか。React の経験者は数多くヒットする一方で、Next.js に絞ると候補者は一気に減り、提示単価も跳ね上がります。しかもスキルシートを見比べても、そこに書かれた「Next.js」という 1 行が、自社の案件に耐えるレベルなのかどうかを判断する材料になりません。
この難しさには理由があります。Next.js は 2023 年に App Router を導入して以降、React Server Components を前提としたアーキテクチャへ大きく舵を切りました。その結果、「React のコンポーネントが書ける」ことと「Next.js のアーキテクチャを設計・運用できる」ことのあいだに、以前より深い溝が生まれています。この溝は、コードを書かない発注者からは見えません。見えないまま契約し、リリース後にパフォーマンスの劣化やホスティング費用の想定外の増加として表面化したときには、すでに実装も契約も後戻りしにくい状態になっています。
必要なのは、発注者が急いで技術力を身につけることではありません。判定できない領域を「判定できる形式の問い」に変換すること、そして判定しきれない部分を委託範囲の設計と契約で覆っておくことです。この 2 つを押さえれば、コードを読めなくても発注判断の責任を持てる状態に近づけます。
本記事では、Next.js エンジニアを業務委託で確保するまでの流れを、発注者の視点で順に整理します。求める人材像の言語化、公開データにもとづく単価レンジの決め方、4 つの調達チャネルの使い分け、委託範囲の切り分け、面談で使える見極めチェックリスト、契約形態と法対応、そして契約後の運用設計までを解説します。最後に、自社の状況が業務委託に向くかどうかを判断するケース別の一覧も用意しました。
なお、フレームワークを問わないフロントエンド全般の要件定義や、汎用的な発注実務についてはフロントエンドエンジニアの業務委託で扱っています。本記事は Next.js 固有の論点に絞って解説します。
Next.jsエンジニアを業務委託で確保する前に整理すべき前提
最初に押さえるべきは、「React が書ける人 = Next.js を任せられる人」ではない、という点です。この前提を飛ばして求人要件を書くと、応募者の母集団は集まっても、契約後に「想定していた仕事ができない」というミスマッチが起きます。
ReactとNext.jsで求めるスキルが分かれる理由(App RouterとReact Server Components)
React はユーザーインターフェースを構築するためのライブラリで、担当領域は基本的にブラウザ上の描画に閉じています。一方 Next.js は、ルーティング・データ取得・レンダリング方式の選択・ビルド・配信までを含むフレームワークです。つまり Next.js エンジニアには、React のコンポーネント設計に加えて「どこで何を実行するか」を決める判断が求められます。
この差を決定的にしたのが App Router と React Server Components です。App Router では、コンポーネントは既定でサーバー側で実行されるサーバーコンポーネントとして扱われ、ブラウザ側の状態やイベントを扱う場合に限って明示的にクライアントコンポーネントへ切り替えます(Next.js 公式ドキュメント)。この境界の引き方は、画面の見た目には現れませんが、初期表示速度・サーバー負荷・実装のしやすさのすべてに影響します。
つまり App Router 世代の Next.js では、「どのコンポーネントをサーバー側に置き、どこからクライアント側にするか」というアーキテクチャ上の判断が日常的に発生します。これは React の経験年数だけでは身につかない領域であり、求人要件を「React 経験 3 年以上」と書いた時点で取りこぼしてしまうスキルです。
Pages Router案件とApp Router案件で人材要件はこう変わる
Next.js には Pages Router と App Router という 2 つのルーティング方式があり、2026 年時点では App Router が既定となり、Pages Router はメンテナンス中心の位置づけに移行したと整理されています(Next.js 16 App Router: The Complete Guide for 2026)。この状況は、発注者にとって次の 3 つの案件タイプの区別を意味します。
案件タイプ | 主な作業内容 | 求める人材像 |
|---|---|---|
Pages Router の保守・機能追加 | 既存ページの改修、バグ修正、軽微な機能追加 | React + Pages Router の実務経験。App Router 経験は必須ではない |
Pages Router から App Router への移行 | ルーティング構造の再設計、データ取得の書き換え、段階移行の計画 | 両方式の差分を理解し、移行順序と後方互換を設計できる経験 |
App Router での新規開発 | ゼロベースのアーキテクチャ設計、キャッシュ戦略の決定 | App Router / サーバーコンポーネント前提の設計経験 |
自社の案件がこの 3 つのどれに該当するかを先に確定させてください。ここが決まると、求人要件に書くべき内容が「Next.js 経験者」という曖昧な表現から、「App Router への移行経験があること」「サーバーコンポーネントとクライアントコンポーネントの使い分けを説明できること」といった検証可能な条件に変わります。判定できない漠然とした要件を、判定できる二択・三択に落とし込む作業が、発注準備の第一歩です。
なお、移行案件では「移行しながら新機能も追加したい」という要望が出がちですが、この 2 つを同時に進めると進捗が読めなくなり、成果の評価も難しくなります。移行フェーズと機能追加フェーズを分け、それぞれで委託範囲を切り直すほうが、後述する見極めや運用設計も機能しやすくなります。
発注前に決めておくレンダリング方式(SSR / SSG / ISR)の方針
Next.js の特徴のひとつは、ページごとにレンダリング方式を選べることです。代表的な選択肢は次の 3 つです。
- SSG(静的生成): ビルド時に HTML を生成しておく方式。更新頻度が低いページに適し、配信コストと表示速度の両面で有利です
- SSR(サーバーサイドレンダリング): リクエストごとにサーバーで HTML を生成する方式。ログイン状態やリアルタイム性が必要なページに適します
- ISR(増分静的再生成): 静的生成したページを一定間隔で再生成する方式。更新頻度が中程度のコンテンツに適します
この選択は技術者に任せればよいと思われがちですが、方針を決める材料の多くは発注者側にあります。「このページのデータは何分古くても許容できるか」「ログインユーザーごとに表示が変わるか」「更新後どれくらいで反映されてほしいか」といった業務要件は、技術者側では決められません。逆にこれらが決まっていれば、技術者は方式を選べます。
発注前に、主要な画面を 10 個程度リストアップし、それぞれについて「更新頻度」「ユーザーごとの出し分けの有無」「許容できるデータの古さ」の 3 項目を埋めてください。この一覧があるだけで、面談時の会話の解像度が大きく変わりますし、後から「想定と違う作りになっていた」という手戻りを減らせます。
Next.jsエンジニア業務委託の単価相場と予算の組み立て方

要件の輪郭が見えたら、次は予算です。稟議に載せる数字は、根拠を示せるレンジで持っておく必要があります。ここでは公開されている単価データを並べ、そのうえで自社の条件へ読み替える手順を示します。
公開データで見るNext.js業務委託の単価レンジ
Next.js の業務委託単価について、複数の媒体が公開しているデータを整理すると次のようになります。
情報源 | 掲載されている単価 |
|---|---|
平均 約89万円/月(掲載案件数 817 件) | |
常駐 約62万円/月、リモート 約71万円/月 | |
平均 約76万円/月、最高 約110万円/月 |
数字だけを見ると 60 万円台から 110 万円まで幅がありますが、いずれの媒体も「月額 70〜90 万円前後」を中心帯として示している点は共通しています。稟議上は、この中心帯をベースに、自社の要件に応じて上下させる形で組み立てるのが現実的です。
参考までに、Next.js を扱う案件は React 単体の案件よりも単価が高い傾向にあり、TypeScript との併用が事実上の標準になっているとする調査もあります(Reactフリーランス案件の単価相場・トレンド)。求人要件に TypeScript を含めない場合でも、候補者側はセットで身につけていることが多い、という前提で募集要項を書くとよいでしょう。
媒体ごとに単価が違う理由と、自社の条件への読み替え方
媒体間で数字がぶれるのは、データの取り方が違うためです。主な要因は次の 3 つです。
- 掲載案件の母集団の違い: エージェント系の媒体は自社が扱う案件のみを集計するため、得意な業界・企業規模に偏ります
- 稼働率の前提の違い: 「月額」の裏にある稼働時間が週 5 日フルタイム前提か、週 3 日前提かで、同じ単価でも意味が変わります
- 勤務形態の違い: 上の表でも常駐とリモートで約 9 万円の差があります。地域や出社頻度の条件が単価に直結します
自社の条件へ読み替えるときは、まず「週何日・月何時間の稼働を求めるか」を先に固定してください。そのうえで、次の要素が該当するかどうかで中心帯から調整します。
単価を押し上げる要素 | 単価を抑えられる要素 |
|---|---|
App Router への移行設計を含む | 既存 Pages Router の保守・改修が中心 |
実装だけでなくレビュー・技術判断も任せる | 社内に設計判断できる人がいて、実装のみを任せる |
インフラ・ホスティング運用まで含む | フロントエンドの実装範囲に限定する |
短期間での立ち上げが必要 | 3 か月以上の中長期契約で稼働が読める |
常駐・出社頻度が高い | フルリモート・非同期コミュニケーション中心 |
ここで注意したいのは、単価は品質の代理指標にならないという点です。技術判定に自信がないと、つい「高い単価を払っておけば安全だろう」と考えたくなりますが、高単価の理由が「設計・レビューまで含む役割の広さ」なのか「単に相場を高めに設定しているだけ」なのかは、金額からは分かりません。予算は役割の広さから逆算して決め、品質の判定は後述する見極めの手順で行ってください。
開発費以外に見落とされる費用(ホスティング・運用)
Next.js の発注で見落とされやすいのが、開発費とは別に発生するホスティング費用です。特に Vercel を使う場合、Pro プランはデプロイ権限を持つユーザー 1 人あたり月額 20 ドルで、各シートに 20 ドル分の従量利用クレジットが付く構成になっています(Vercel 公式料金ページ、Vercel Pricing in 2026)。
問題は、この基本料金の外側にある従量課金です。データ転送量やビルド時間、画像最適化の処理量は利用状況に応じて積み上がるため、トラフィックが伸びたタイミングや、画像を多用する画面を追加したタイミングで請求額が跳ねることがあります。ホスティングのコスト構造を扱った海外の解説でも、想定外コストの主要因として画像最適化と帯域超過が繰り返し挙げられています(How Much Does Vercel Hosting Cost in 2026?)。
さらに、セルフホストという選択肢もあります。費用だけで見ればセルフホストが安くなるケースは多いものの、ビルド・デプロイ・監視の運用を誰が担うのかという問題が残ります。この論点を扱った比較記事では、「正しい選択は予算ではなくチームの DevOps 体制で決まる」と整理されています(Next.js hosting cost in 2026: Vercel vs Netlify vs Railway …)。
稟議書には、開発費(月額単価 × 契約月数)に加えて、ホスティングの月額見込みと、想定を超えた場合の上限額の考え方を併記しておくことをおすすめします。開発費だけを書いて承認を取ると、運用開始後に別枠の請求が発生したときに説明が難しくなります。
週稼働・精算幅・契約期間の決め方
業務委託契約では、月額単価とあわせて稼働時間の下限・上限(精算幅)を定めるのが一般的です。たとえば「月 140〜180 時間」と定め、下限を下回れば控除、上限を超えれば追加精算とする形です。
決め方の目安は次のとおりです。
- 週稼働日数: 移行や新規開発など設計判断が多い局面では週 3〜5 日、保守中心なら週 1〜2 日から検討できます。ただし週 1 日稼働は、質問への応答が翌週まで待ちになるため、社内の進行が止まりやすい点に注意してください
- 精算幅: 上限と下限の差は 40 時間程度に収めると、双方にとって予測が立てやすくなります。幅を広く取りすぎると、月ごとの支払額がぶれて予算管理が難しくなります
- 契約期間: 初回は 1〜3 か月の短期で結び、期待した成果が出ることを確認してから更新するのが安全です。いきなり半年契約を結ぶと、ミスマッチが判明したときの撤退コストが大きくなります
なお、仕様変更が発生したときに追加見積もりを出すのか、スコープ調整で吸収するのかも、契約前に握っておくべき論点です。サービスによっては「追加見積もりは発生させず、仕様変更はスケジュール側で吸収する」という運用を明示しているものもあります(出典: TechBand 公式 FAQ、https://syusodo.co.jp/services/techband)。どちらの方式を取るにせよ、曖昧なまま進めると後から必ず揉めるため、契約書または発注時の合意事項として文書化してください。
Next.jsエンジニアを業務委託で確保する調達チャネルの使い分け

予算のレンジが決まったら、どこから探すかを決めます。Next.js の開発を外注する経路は大きく 4 つあり、それぞれリードタイム・単価・技術判定を任せられる度合いが異なります。
4つの調達チャネルと、それぞれが向く案件タイプ
チャネル | 単価の傾向 | 技術判定の代行 | 向く案件タイプ |
|---|---|---|---|
エージェント | 中〜高(手数料込み) | 一次スクリーニングは代行される | 要件が明確で、一定の品質担保を外部に委ねたい場合 |
マッチングプラットフォーム | 低〜中 | ほぼ自社で行う | 単価を抑えたい、小さく試したい、副業人材でもよい場合 |
直接契約(リファラル・SNS) | 中(仲介手数料なし) | 自社で行う(紹介者の評価が参考になる) | 社内やネットワークに信頼できる技術者との接点がある場合 |
受託開発会社への発注 | 高(体制費込み) | 会社側が担保する | 社内に技術判定できる人がおらず、設計から運用まで任せたい場合 |
「個人に業務委託する」と「開発会社に発注する」は対立する選択肢ではなく、案件の性質と社内体制で使い分けるものです。社内に Next.js を評価できる人が 1 人でもいるなら個人への委託でコストを抑えられますし、評価できる人がゼロで、かつ設計から任せたいなら会社への発注のほうが結果的に安く済むこともあります。
確保までのリードタイムの目安
稟議の日程を組むうえで、確保までにかかる時間の見積もりは重要です。チャネルごとの目安は次のとおりです。
- エージェント: 要件提示から候補者提案まで 1〜2 週間、面談・条件調整を含めて稼働開始まで 3〜6 週間程度
- マッチングプラットフォーム: 募集掲載から応募が集まるまで数日〜2 週間。ただし応募数が多いぶん、選考に自社の工数がかかります
- 直接契約: 相手の稼働状況次第。すでに接点があれば最短で数日から可能な一方、相手が稼働中なら数か月待ちになることもあります
- 受託開発会社: 商談・見積もり・契約手続きを含めて 1〜2 か月程度。会社によっては体制の空き待ちが発生します
正社員採用が半年以上かかるのに対し、業務委託は数週間から着手できる点が最大の利点です。ただし「早く決めたい」という理由だけで選考を簡略化すると、後述する見極めが機能せず、結局やり直しになります。リードタイムを短縮したいなら、選考を削るのではなく、要件と評価基準を事前に固めておくほうが効果的です。
技術判定を代行できるチャネル・できないチャネル
技術判定に自信がない場合、判定を代行してくれるチャネルを選ぶという発想が有効です。ただし「代行される」の中身はチャネルによって異なります。
エージェントが行うのは、多くの場合スキルシートと過去実績にもとづく一次スクリーニングです。「Next.js の実務経験があるか」は確認されますが、「自社の App Router 移行を設計できるか」までは踏み込まれないことが一般的です。したがってエージェント経由でも、最終的な適合判定は発注者側に残ります。
一方、受託開発会社への発注では、技術判定の責任が会社側に移ります。誰をアサインするかは会社が決め、成果に対する責任も会社が負います。社内に評価できる人がまったくいない状況では、この構造上の安心感には相応の価値があります。
マッチングプラットフォームと直接契約では、判定は全面的に自社で行うことになります。単価を抑えられる代わりに、次章以降で扱う委託範囲の設計と見極めの手順を、自社で回しきる必要があります。
なお、Vue.js / Nuxt など別のフレームワークも選択肢に入っている段階であれば、Vue.js/Nuxtエンジニアの業務委託もあわせて比較してください。技術選定が未確定のまま人材要件を書き始めると、要件が抽象化して見極めが効かなくなります。
業務委託に任せる範囲の切り分け(フロントだけか、サーバー処理・インフラまでか)
チャネルを決めたら、契約前に委託範囲を確定させます。Next.js の案件でこの工程が特に重要なのは、フレームワークの構造上「フロントエンドの範囲」が曖昧になりやすいためです。
Server Actions / Route Handlersが曖昧にする「フロントの範囲」
App Router では、Server Actions や Route Handlers といった仕組みにより、Next.js のプロジェクト内にサーバー側の処理を書けます。フォーム送信の処理、外部 API の呼び出し、データベースへのアクセス、認証処理などが、フロントエンドのコードと同じリポジトリの中に同居する構造です。
この構造自体は開発効率を高めますが、発注の観点では厄介です。「フロントエンド担当」として委託したはずの範囲が、いつのまにか API 実装やデータベースアクセス、認証まで広がり、既存のバックエンドチームとの責任分界が曖昧になります。責任分界が曖昧なまま障害が起きると、原因の切り分けにも修正の依頼にも時間がかかります。
契約前に、少なくとも次の 4 項目を文書で決めてください。
- データ取得の実装場所: Next.js 側のサーバーコンポーネント/Route Handlers で取得するのか、既存のバックエンド API を呼ぶだけにするのか
- 認証・認可の実装責任: セッション管理やトークン検証を Next.js 側に持たせるのか、既存基盤に委ねるのか
- 既存バックエンド API との境界: API の仕様変更が必要になった場合、誰が変更するのか
- ホスティングの運用主体: デプロイ設定・監視・障害対応を誰が担うのか
ホスティング(Vercel / セルフホスト)の運用を委託範囲に含めるかの判断
ホスティング運用を委託範囲に含めるかどうかは、費用と体制の両面から判断します。
含めるべきケースは、社内にインフラ担当がおらず、デプロイの設定変更やビルドエラーの調査を自社で行えない場合です。この場合、運用まで委託しないと開発が止まります。ただし、その分の稼働時間は単価に反映されますし、外部の担当者がホスティングの設定を握ることになるため、費用が膨らんだときの説明責任の所在も併せて決めておく必要があります。
含めなくてよいケースは、社内にインフラ担当がいて、コスト監視やアラート設定を自社で行える場合です。この場合は開発と運用を分離し、業務委託側の責任をアプリケーションコードに限定できます。
いずれの場合でも、費用の上振れを検知する仕組みは自社側に持っておいてください。具体的には、ホスティングサービスの利用額アラートを設定し、月次で実績を確認する担当を社内に置くことです。前述のとおり、Vercel の従量課金は画像最適化やデータ転送量から膨らみやすく、開発を委託していると発注者側が気づくのが遅れがちです。
既存バックエンド・デザインとの責任分界の書き方
責任分界は、口頭の合意ではなく一覧表の形で残すことをおすすめします。次のような表を作成し、発注時の合意事項に添付する形が扱いやすいでしょう。
領域 | 業務委託側 | 自社側 | 判断が必要な場合の窓口 |
|---|---|---|---|
画面実装(コンポーネント) | ○ | — | プロダクト責任者 |
レンダリング方式の選択 | ○(提案) | ○(承認) | プロダクト責任者 |
Next.js 側のデータ取得実装 | ○ | — | — |
バックエンド API の仕様変更 | — | ○ | バックエンド責任者 |
認証基盤の変更 | — | ○ | バックエンド責任者 |
デザインデータの提供 | — | ○ | デザイン担当 |
ホスティングのデプロイ設定 | 案件ごとに決定 | 案件ごとに決定 | インフラ担当 |
利用料金の監視 | — | ○ | プロダクト責任者 |
この表があると、面談の段階でも「この範囲を任せたい」と具体的に説明でき、候補者側も自分の経験と照合しやすくなります。範囲が明確な案件は、単価交渉においても双方が納得しやすくなります。
発注者が使えるNext.js特化のスキル見極めチェックリスト

ここからが本題です。コードレビューができない発注者でも運用できる形で、書類選考・面談・実務判断の 3 段階に分けて見極めの手順を示します。
前提として、技術的な正解を自分で判定しようとしないでください。目指すのは、「候補者の回答に、経験者なら必ず触れるはずの論点が含まれているか」を確認することです。論点のリストさえ手元にあれば、判定は照合作業に変わります。
スキルシート・GitHubで確認する5項目
書類段階では、次の 5 項目を確認します。いずれも技術的な読解を必要としません。
- App Router の利用経験が明記されているか: 「Next.js」とだけ書かれている場合、Pages Router のみの経験である可能性があります。バージョンや Router 方式の記載を探してください
- 担当範囲が「実装」だけか「設計」を含むか: 「〜の画面を実装」と「〜のアーキテクチャを設計」では、任せられる範囲が異なります
- 携わったプロジェクトの規模と期間: 数週間の単発案件ばかりの場合、長期の保守や移行を任せる際の判断材料が不足します
- 公開リポジトリやポートフォリオの更新頻度: 直近 1 年の活動があるかを見ます。中身のコードを読む必要はありません
- TypeScript の使用有無: 前述のとおり Next.js 案件では TypeScript の併用が標準的です。記載がない場合は面談で確認します
なお、フレームワークに依存しない一般的なスキル評価の進め方(書類・面談・課題設計の組み立て方)については、フリーランスエンジニアのスキル評価方法で詳しく扱っています。本記事のチェックリストと組み合わせて使ってください。
面談で使う質問と、回答に含まれるべき論点
Next.js の実務で頻出する落とし穴として、キャッシュ挙動、サーバーコンポーネントとクライアントコンポーネントの使い分け、ハイドレーションエラーの 3 つが技術者向けの解説記事で繰り返し挙げられています(Next.js実務で必要なスキルとは?)。これらを発注者が使える質問文に翻訳したものが次の表です。
質問文 | 回答に含まれるべき論点 | 危険なサイン |
|---|---|---|
「サーバーコンポーネントとクライアントコンポーネントを、どういう基準で使い分けていますか」 | 既定はサーバー側で、状態管理やイベント処理が必要な箇所だけクライアント側にする、といった境界の基準。バンドルサイズや初期表示への影響への言及 | 「なんとなく」「全部クライアントにしています」といった基準のない回答 |
「データの更新がすぐ画面に反映されない、という不具合にどう対処しますか」 | キャッシュの階層(リクエスト単位・ルート単位・データ単位)に触れ、どこで意図しないキャッシュが効いているかを切り分ける手順 | キャッシュに一切触れず「再読み込みすれば直る」で終わる回答 |
「サーバーとブラウザで表示がずれる問題に遭遇したことはありますか」 | ハイドレーションエラーの原因(日時・乱数・ブラウザ固有 API の扱い)と、実際にどう解消したかの具体例 | 「経験がない」(実務経験があれば通常は遭遇する事象です) |
「Pages Router から App Router へ移行するとしたら、どういう順序で進めますか」 | 段階移行が可能であること、影響範囲の小さいページから着手する、共通レイアウトやデータ取得の書き換え順序への言及 | 「一括で書き直します」のみで、リスクや順序への言及がない |
「このページは SSG・SSR・ISR のどれが適切だと思いますか(自社の画面例を提示して)」 | 更新頻度・ユーザーごとの出し分け・許容できるデータの古さを逆質問してくる姿勢 | 業務要件を確認せずに即答する |
「ホスティング費用が想定より膨らんだ経験はありますか」 | 画像最適化・データ転送量・ビルド時間など、コストが増える箇所への具体的な言及 | 「考えたことがない」 |
最後の 2 問は特に有効です。適切な技術者は、要件を確認せずに技術方式を断定しません。逆質問が返ってくること自体が、判断力の証拠になります。
技術課題を出す代わりに「実装判断の説明」を求める方法
技術課題(コーディングテスト)は、出題も評価も技術力を必要とするため、判定できる人が社内にいない場合には機能しません。代わりに推奨したいのが、過去の実装判断を説明してもらう形式です。
進め方は次のとおりです。
- 候補者に、直近で関わった Next.js のプロジェクトを 1 つ選んでもらう
- そのプロジェクトで「技術的に迷った判断」を 1 つ挙げてもらう
- 「選ばなかった選択肢は何か」「なぜそちらを選ばなかったか」「結果として問題は起きなかったか」を順に聞く
この形式の利点は、評価の観点が技術的な正解ではなく説明の構造になることです。判断の背景・比較した選択肢・結果までを筋道立てて話せる人は、その判断を自分で行った可能性が高いといえます。逆に、他人の決めたことをなぞっただけの場合、選ばなかった選択肢について語れません。この違いは、コードが読めなくても聞き取れます。
さらに、この質問は自社の案件に置き換えたときの働き方も見えます。「判断の理由を言語化できる人」は、契約後も設計意図をドキュメントに残せる可能性が高く、後述する属人化の防止にもつながります。
社内に判定できる人がいない場合の外部レビューの使い方
それでも技術的な確信が持てない場合、選考の一部だけを外部に依頼するという方法があります。
- 知人のエンジニアに同席してもらう: 面談の技術パートだけ 30 分ほど同席を依頼します。フルタイムの評価者を確保する必要はありません
- 短期のトライアル契約を挟む: 2〜4 週間の短期契約を先に結び、実際の作業ぶりで判断します。長期契約をいきなり結ぶより撤退コストが低く、判定を「事前の目利き」から「実績の確認」に振り替えられます
- 受託開発会社にセカンドオピニオンを求める: 発注を検討している範囲の要件を提示し、必要なスキルセットの妥当性だけを確認してもらう方法です
このうち最も汎用性が高いのはトライアル契約です。判定能力がないことを前提に設計を組むなら、「事前に見抜く」よりも「早く確かめて、合わなければ短期で終える」ほうが確実です。
契約形態と法対応で外せない論点
見極めを終えても、契約で範囲と責任を固定しなければリスクは残ります。むしろ、技術判定に不安が残るからこそ、契約でカバーする領域を厚くする発想が有効です。
準委任と請負のどちらを選ぶか(Next.js案件での判断軸)
業務委託契約は、大きく準委任契約と請負契約に分かれます。準委任は「作業の遂行」に対して報酬を支払う形式で、請負は「成果物の完成」に対して報酬を支払う形式です。
Next.js 案件での判断軸は次のとおりです。
案件の性質 | 適した契約形態 | 理由 |
|---|---|---|
App Router への移行 | 準委任 | 移行途中で想定外の依存関係が判明することが多く、完成範囲を事前に固定しにくいため |
継続的な機能追加・保守 | 準委任 | 対応内容が月ごとに変動するため |
独立した機能の切り出し開発 | 請負も可 | 完成状態を仕様書で定義でき、検収基準を明示できるため |
ゼロからの新規開発(要件流動) | 準委任 | 要件が固まりきらない段階では、完成の定義自体が動くため |
準委任を選ぶ場合、成果が見えにくいという弱点があります。これは後述する運用設計(週次の進捗可視化・数値目標の合意)で補います。請負を選ぶ場合は、検収基準を「動作すること」だけでなく、パフォーマンス指標やコードの受け渡し条件まで含めて定義してください。
フリーランス保護法で発注者が果たす義務
個人のフリーランスに業務委託する場合、フリーランス保護法(特定受託事業者に係る取引の適正化等に関する法律)にもとづく発注者側の義務が発生します。主な内容は次のとおりです(公正取引委員会「フリーランス・事業者間取引適正化等法」パンフレット)。
- 取引条件の明示: 業務委託をしたら直ちに、業務の内容・報酬額・支払期日などを書面または電磁的方法で明示する必要があります。電子メールやチャットツールでの明示も認められます
- 支払期日の設定と期日内の支払い: 給付を受領した日から 60 日以内のできる限り短い期間内で支払期日を定め、その期日までに支払う必要があります
- 中途解除・不更新の予告: 6 か月以上の期間で継続している業務委託を中途解除する場合や更新しない場合は、原則として少なくとも 30 日前までに予告する必要があります
これらは発注側の義務であり、違反すると行政指導や勧告の対象になり得ます。書面交付の具体的な記載事項やひな形についてはフリーランス保護法の書面交付義務を、解除予告の実務対応についてはフリーランス新法の解除告知義務をご覧ください。
なお、エージェントや受託開発会社を経由する場合でも、契約の相手方が個人事業主であれば同法の対象になり得ます。「エージェント経由だから自社は関係ない」と判断せず、契約の相手が誰かを確認してください。
成果物の権利・OSSライセンス・バージョンアップ追随の取り決め
Next.js 案件で特に問題になりやすい取り決めが 3 つあります。
成果物の著作権帰属は、契約書に明記がないと業務委託側に帰属します。ソースコードを自社の資産として扱いたい場合、著作権(著作権法 27 条・28 条の権利を含む)の譲渡と、著作者人格権の不行使について定めてください。あわせて、汎用的なライブラリやツールなど、委託先が他案件でも使う可能性のあるコードの扱いについても、事前に線引きしておくと後の争いを避けられます。
OSS ライセンスの確認は、Next.js のエコシステムでは特に重要です。npm のパッケージは依存関係が深く、直接インストールした覚えのないライブラリが多数含まれます。商用利用に制約のあるライセンスが混入していないかを確認する責任を、どちらが持つかを決めてください。実務上は、委託先に「使用ライブラリとライセンスの一覧」を納品物に含めてもらう形が現実的です。
バージョンアップ追随の責任も、契約時に決めておくべき論点です。Next.js はメジャーバージョンの更新頻度が比較的高く、放置すると数年でセキュリティ更新の対象外になります。契約期間中の追随を委託範囲に含めるのか、含めないのか。含める場合、破壊的変更への対応工数をどう扱うのか。ここを決めずに契約すると、更新が必要になったタイミングで「それは契約範囲外」という認識のずれが生じます。
生成 AI で出力したコードの取り扱いについても、方針を確認しておくとよいでしょう。禁止するかどうかよりも、「生成 AI の出力を含む場合、動作確認とライセンス確認の責任は委託先が負う」といった責任の所在を定めるほうが実効性があります。
契約後に成果を出し、属人化を残さないための運用設計

契約が始まったあとの設計まで含めて考えておくと、裏テーマである「後戻りできない」という不安が大きく軽減されます。事前に見抜けなかった問題も、運用の中で早期に検知できれば手を打てるためです。
社内に有識者がいない状態でのコードレビュー設計
社内に Next.js を評価できる人がいない場合でも、レビューを完全に諦める必要はありません。技術的な正しさは判定できなくても、次の 3 点は非技術者でも確認できます。
- 変更の単位が適切か: 1 回の変更(プルリクエスト)が何十ファイルにも及んでいる場合、レビュー不能な状態になっています。変更の粒度を小さく保つよう依頼してください
- 変更の意図が説明されているか: 変更内容に説明文が添えられているか、なぜその実装にしたかが読み取れるかを確認します
- 自動チェックが通っているか: 型チェック・静的解析・テストの自動実行を設定してもらい、その結果が緑になっていることを確認します
さらに、進捗を短いサイクルで可視化する運用も有効です。参考として、週 1 回の定例とリアルタイムのチャット対応をベースに、1 スプリント = 5 営業日で「ヒアリング → 設計 → 実装 → デモ・リリース」を一巡させる運用設計があります(出典: TechBand 公式サービス設計、https://syusodo.co.jp/services/techband)。週次でデモを見る体制にすると、技術的な良し悪しは判定できなくても「想定と違うものができている」ことには気づけます。
パフォーマンス基準を数値で合意しておく
Next.js の発注で最も後戻りしにくいのが、リリース後に判明するパフォーマンスの劣化です。これを防ぐには、計測可能な指標を契約前に合意しておくのが最も確実です。
指標には Core Web Vitals を使うのが一般的です。良好とされる基準値は、LCP(最大コンテンツの描画)が 2.5 秒以内、INP(インタラクションから次の描画まで)が 200 ミリ秒未満、CLS(累積レイアウトシフト)が 0.1 以内とされています(web.dev「Web Vitals」)。いずれも全訪問の 75 パーセンタイルで評価します。
合意しておく内容は次の 3 点です。
- 対象ページ: 全ページではなく、トップページ・主要な一覧画面・主要な詳細画面など 3〜5 ページに絞ります
- 測定方法とタイミング: どのツールで、いつ測るか(例: リリース前と、リリース 2 週間後)
- 基準を下回った場合の扱い: 改善対応を委託範囲に含めるのか、別途発注とするのか
数値で合意しておけば、技術判定を「事前の目利き」から「事後の計測」へ振り替えられます。これは判定能力がない発注者にとって、最も費用対効果の高い保険です。
契約終了時に残すべき引き継ぎ資料
業務委託が終了したあと、社内の誰もメンテできないコードだけが残る、という事態は避けなければなりません。契約時点で、納品物に次の資料を含めることを明記してください。
資料 | 含めるべき内容 |
|---|---|
アーキテクチャ概要 | ディレクトリ構成、サーバーコンポーネントとクライアントコンポーネントの使い分け方針、データ取得の流れ |
レンダリング方式の一覧 | 主要ページごとに採用した方式(SSG / SSR / ISR)と、その選択理由 |
環境変数・設定値の一覧 | 各環境で必要な設定と、その意味(値そのものは安全な方法で別途受け渡し) |
デプロイ手順 | ビルド・デプロイの実行方法、ロールバックの手順 |
使用ライブラリとライセンス一覧 | 主要な依存パッケージと、そのライセンス |
既知の課題・積み残し | 対応しなかった項目と、その理由 |
特に「レンダリング方式の選択理由」と「既知の課題」は、次の担当者にとって価値が高い割に、依頼しないと残らない資料です。契約終了の直前に依頼すると質が下がるため、契約開始時に納品物として定義し、月次で更新してもらう運用にすることをおすすめします。
ケース別: Next.jsエンジニアの業務委託が向く場面・向かない場面
ここまでの内容を、自社の状況に当てはめられる形に整理します。
ケース | 業務委託の適合度 | 推奨する進め方 |
|---|---|---|
Pages Router から App Router への段階移行 | 高い | 準委任契約で移行設計から依頼。移行フェーズと機能追加フェーズを分ける。App Router 移行の実務経験を要件に明記する |
既存 Pages Router の保守のみ | 高い | 週 1〜2 日の稼働で十分なケースが多い。App Router 経験を必須にせず、単価を抑えて長期契約を組む |
ゼロからの新規プロダクト開発 | 条件付き | 設計判断を委ねる範囲が広いため、単価は上振れる。社内に意思決定できるプロダクト責任者がいることが前提。いない場合は受託開発会社への発注を検討 |
社内に有識者ゼロで、運用まで丸投げしたい | 低い | 個人への業務委託は推奨しにくい。受託開発会社への発注、または正社員採用と並行した体制構築を検討する |
数か月後に内製化したい(つなぎの確保) | 高い | 引き継ぎ資料を納品物として厳格に定義する。ペアプログラミングなど、社内メンバーへの知識移転を委託範囲に含める |
Next.js を採用するかどうか自体が未確定 | 低い | 人材確保より先に技術選定を確定させる。選定が動くと人材要件も予算も組み直しになる |
このうち「社内に有識者ゼロで運用まで丸投げ」のケースだけは、個人への業務委託と相性が良くありません。技術判定も進捗管理も品質担保もすべて委託先に依存する構造になり、問題が起きたときに社内で検知する手段がなくなるためです。この場合は、体制として責任を負える発注先を選ぶか、社内に最低 1 人は状況を把握できる人を置く前提で計画を組んでください。
まとめ: Next.jsエンジニア確保の判断を自分の言葉で説明できる状態にする
最後に、稟議書のドラフトにそのまま転記できる形でチェックリストにまとめます。
- 案件タイプの確定: 自社の案件は「Pages Router の保守」「App Router への移行」「App Router での新規開発」のどれか
- レンダリング方式の方針: 主要 10 画面について、更新頻度・ユーザーごとの出し分け・許容できるデータの古さを整理したか
- 単価レンジの設定: 月額 70〜90 万円の中心帯を基準に、役割の広さ・稼働形態・契約期間で調整したか。ホスティング費用を別枠で見込んだか
- 調達チャネルの選定: エージェント/マッチングプラットフォーム/直接契約/受託開発会社のどれを使うか。技術判定を自社で行うのか、委ねるのか
- 委託範囲の確定: データ取得・認証・既存 API との境界・ホスティング運用の 4 項目を責任分界表に落とし込んだか
- 見極めの実施: 書類 5 項目の確認、面談での 6 つの質問、実装判断の説明を求める形式の実施
- 契約形態と法対応: 準委任か請負か。取引条件の明示・60 日以内の支払い・30 日前の解除予告への対応。著作権帰属・OSS ライセンス・バージョンアップ追随の取り決め
- 運用設計: レビュー体制、Core Web Vitals の数値合意、引き継ぎ資料の納品物への明記
この 8 項目を埋めれば、「なぜこの人材要件なのか」「なぜこの単価なのか」「品質をどう担保するのか」を、技術的な詳細に立ち入らずに説明できます。技術判定能力を短期間で身につけることはできませんが、判定を要件定義・契約・計測に振り分けることで、発注判断の責任は自分で持てるようになります。
まずは、自社の案件タイプを 3 択から選ぶところから始めてください。そこが決まれば、残りの項目は順番に埋まっていきます。
関連情報
外部エンジニアの採用要件の整理からオンボーディングまでの流れを一冊にまとめたフリーランスエンジニア採用・活用ガイドをご用意しています。本記事の見極めチェックリストとあわせてご活用ください。
自社の案件にどのようなスキル要件と体制が必要か整理したい場合は、お問い合わせフォームからご相談ください。要件の言語化や委託範囲の切り分けの段階からご相談いただけます。
よくある質問
- React経験者とNext.jsエンジニアの違いは、どこで見分ければいいですか?
スキルシートに「Next.js」とだけ書かれている場合は要注意です。App Routerの利用経験と、担当範囲が実装のみか設計まで含むかを確認してください。判断がつかない場合は、面談でサーバー/クライアントコンポーネントの使い分け基準を質問すると見極められます。
- Next.jsエンジニアの業務委託単価は、どのくらいを見ておけばいいですか?
公開データでは月額70〜90万円が中心帯です。App Router移行や設計・レビューまで任せる場合は上振れし、既存Pages Routerの保守のみなら抑えられます。ホスティング費用は開発費と別枠で見込んでください。
- 社内に技術を判定できる人がいない場合、どうすればいいですか?
個人への業務委託より、受託開発会社への発注や2〜4週間の短期トライアル契約を先に結ぶ方法が有効です。面談の技術パートだけ知人エンジニアに30分ほど同席してもらったり、受託開発会社にセカンドオピニオンを求めたりする方法でも、判定の負担を下げられます。
- 準委任と請負、どちらの契約形態を選ぶべきですか?
App Router移行や要件が固まりきらない新規開発、継続的な機能追加・保守は、完成範囲を事前に固定しにくいため準委任が適しています。完成状態を仕様書で明確に定義でき、検収基準を明示できる独立機能の切り出し開発であれば、請負も選択できます。
- ホスティング費用は、開発費とは別にどのくらい見込めばいいですか?
Vercelの場合、Proプランはユーザー1人あたり月額20ドルが基本ですが、データ転送量や画像最適化などの従量課金で膨らみやすい点に注意してください。稟議には上限額の考え方まで併記しておくと安心です。
- 契約終了後に社内で誰もメンテできなくなるのを防ぐには?
契約開始時点で、アーキテクチャ概要・レンダリング方式の一覧・環境変数や設定値の一覧・デプロイ手順・使用ライブラリとライセンス一覧・既知の課題などの引き継ぎ資料を納品物として明記し、契約終了直前ではなく月次で更新してもらう運用にしてください。



