【完全版】未経験Webエンジニアロードマップ｜なかたが3ヶ月で踏んだ手順と独学/スクール比較

私も、Progateを開いては閉じるだけの2週間がありました。手取り18万・通勤電車で吐き気・上司の機嫌で評価が決まる営業3年目。「未経験 Webエンジニア ロードマップ」と検索して出てきたのは、立派なステップ一覧と「やる気があれば誰でも転職できます」の言葉だけ。何から手をつければいいかは、結局わかりませんでした。本記事は、その地点から3ヶ月で内定2社まで進めた手順を、週単位のタイムラインと公的データを添えて書き直したものです。1年前の自分に渡したかった地図として、最後まで読んでみてください。

未経験Webエンジニアロードマップとは？全体像をどう描けばいい？

未経験 Webエンジニア ロードマップとは、「現在地」と「内定」を学習時間と成果物で結び直した工程表のことです。私が遠回りした理由は、地図を描かずに「とりあえずProgate」「とりあえずRuby」と手当たり次第に触ったことでした。最初に1枚の地図に落としておくと、迷ったときに戻れる場所ができます。

学習時間は「600〜1,000時間」を3〜10ヶ月で割り付ける

主要スクール公表値とエンジニア転職メディアの観測値を集約すると、未経験から初期内定までに必要な学習時間は600〜1,000時間が現実的なレンジです。3ヶ月でこなすなら平日3時間・休日10時間。半年なら平日2時間・休日6時間。働きながら1年で組むなら平日1時間・休日5時間。私は営業を続けながら平日3時間・土日10時間ずつ確保して、3ヶ月で内定が出ました。「絶対できる」ではなく「条件が揃えば届く」というのが正直な感触です。

フロントエンド型かバックエンド型かで初手の言語が変わる

地図を描く前に決めるのは「どちらの入口で入るか」です。フロントエンド型はHTML/CSS→JavaScript→React/Vueの順、バックエンド型はRuby・PHP・PythonからRuby on Rails / Laravel / Djangoの順が王道。Web系自社開発企業の未経験求人はRuby on Rails・Laravel・Node.jsが多数を占めるので、私は迷わず「バックエンド型・Ruby on Rails」で組みました。フロント志望でも、Step1のHTML/CSS/JavaScriptまでは共通なので最初の1ヶ月で焦って決めなくて大丈夫です。

2030年に79万人不足という追い風を正しく読む

経済産業省「IT人材需給に関する調査」では、IT人材は2030年時点で最大79万人（中位ケース45万人）不足と推計されています。さらに厚生労働省「IT・デジタル人材の労働市場に関する研究調査事業」報告書（令和6年3月）では、5年以内にIT・デジタル職種に転職した人の約56%が転職後に賃金が上がっています（女性は約70%）。市場の追い風は事実です。ただし「未経験なら誰でも通る」ではなく、ポートフォリオと技術選定の説明が事実上の最低ラインになっているのが2026年の現実です。

未経験Webエンジニアロードマップ4ステップ｜何から始めて何で終わる？

ここからは私が踏んだ4ステップを公開します。週単位の到達点と、詰まりやすい場面（失敗談）も併記しています。競合記事の多くは「ステップを並べる」だけで終わりますが、本記事は週単位の到達点 × つまずきポイント × 抜け方を一体で出すので、走り出した後の地図として機能します。

Step1：基礎学習（1〜4週目）でコードを書く筋肉を作る

最初の4週間は「写経でいいから毎日コードに触る」を最優先にしました。1週目にProgateのHTML/CSS→2週目にJavaScript基礎→3週目にRuby基礎→4週目にSQL/データベース基礎、という順番です。1日3時間×平日5日＋休日10時間×2日で週35時間×4週＝140時間のペース。ここで挫折する人が一番多いので、わからない構文はコピペで通す割り切りが大事です。私もクラス・継承の概念は3週目で詰まり、半分理解のまま4週目へ進みました。Step2のフレームワークで使うときに腹落ちしたので、結果的には正解でした。

Step2：フレームワーク習得（5〜8週目）でCRUDを自分の手で書く

5〜8週目は「Ruby on Rails / Laravel / Node.jsからひとつ選び、CRUD（Create/Read/Update/Delete）を持つアプリを写経→2周目で自力構築」の段階。私はRailsチュートリアル（無料）を1周→2周目で同じものをゼロから自分の手で組み直しました。ここで「ルーティング」「DB設計」「View/Controller分離」など現場で必要な概念が一気に身につきます。約160時間。環境構築で2日まるごと溶ける「あるある」もここで起きるので、Dockerなどに深入りせず、最初は手元のRails標準構成で十分です。

Step3：ポートフォリオ制作（9〜10週目）で「採用担当に見せる1本」を作る

9〜10週目はオリジナルWebアプリ1本を作る期間。私は「営業時代に欲しかった日報×顧客管理アプリ」を作って、Heroku（当時）にDeploy、GitHubのREADMEに「課題→技術選定→工夫→今後の改善」の4ブロックで整理しました。採用担当が見るのは「動くか」より「なぜその技術を選んだか」です。詳細はポートフォリオで採用担当が見る5つの観点で別記事にしています。

Step4：応募・面接（11〜12週目）でIT特化型エージェントを使い倒す

最終2週間は応募・面接。私はマイナビIT AGENT・レバテックルーキー・ワークポートなどの未経験／第二新卒OKのIT特化型に並行登録しました。実数値で残しているのは応募15社→書類通過8社→面接5社→内定2社。電車のなかで何度も書類が落ち、9社目の面接で泣きそうになりながら、最終的に第一志望のWeb系自社開発から内定が出ました。内定の電話は会社のトイレで受けて、声を殺して泣きました。エージェント比較はIT転職エージェントおすすめ比較を見てから絞り込んでください。

独学とプログラミングスクール、未経験はどっちを選ぶべき？

多くのロードマップ記事は「独学でもいける」「スクールが安全」と二択の結論だけで終わります。実際にはそんなに単純ではなく、「過去に独学で何かを達成した経験があるか」と「自走力があるか」で答えが変わる、というのが私の正直な見立てです。私はProgate＋YouTube独学を2週間で挫折したあと、プログラミングスクールで3ヶ月走って届きました。完全独学でも完全スクール任せでもないハイブリッド型が、費用も期間もバランスが良かったというのが3年後の結論です。

独学・スクール・ハイブリッド型の比較表

項目	完全独学	プログラミングスクール	ハイブリッド型
初期費用	0〜5万円	40〜80万円	5〜15万円
標準学習期間	6〜10ヶ月	3〜6ヶ月	3〜6ヶ月
挫折率（私の観測）	7〜9割	2〜4割	3〜5割
転職保証	なし	あり（条件付）	なし
向いている人	独学達成経験あり・自走力高	強制力が必要・短期決戦	自走力中・費用も抑えたい
主なリスク	挫折・遠回り	高額費用の回収不能	教材選びの目利き必要

※挫折率は私がオンラインコミュニティで観測した目安です。経済産業省「リスキリングを通じたキャリアアップ支援事業」を活用すれば、対象講座の受講料の最大70%が補助されるため、スクール費用は実質下がる場合があります。

独学が向くのは「過去に独学で何かを達成した経験」がある人

完全独学が向くのは、資格試験・楽器・受験勉強・スポーツなどで「独学で何かを完走した経験がある人」です。逆に「ジムに通っても続かない」「資格勉強で何度か挫折した」というタイプは、独学だと2〜3ヶ月で詰まる確率が高いと感じています。私自身、大学受験は塾あり、英語学習は3回挫折、というタイプだったので、最初から強制力のある教材を選びました。これは弱さの開示というより、向き不向きの話です。

スクール選びで失敗しないための3つの観点

スクール検討時に私が見るのは、(1)カリキュラムにオリジナル制作が含まれるか、(2)メンターが現役エンジニアか、(3)転職保証の対象年齢と条件の3点です。特に転職保証は「29歳以下のみ」「20代まで」などの年齢制限がついている場合が多いので、応募前に必ず公式ページで条件確認をしてください。20代向けの選び方は20代のプログラミングスクール戦略にまとめています。

2026年のWebエンジニア市場は未経験にどこまで開いている？

「未経験でも本当に転職できるのか」――私のところに一番届く質問です。結論として、2026年5月時点でも未経験Webエンジニア採用枠は存在します。ただし、2022〜2023年頃の「Progate終わったら内定」の時代は終わり、ポートフォリオ＋GitHubコミット＋技術選定の言語化が事実上の最低ラインになっています。

IT人材は2030年に最大79万人不足、有効求人倍率も高水準

繰り返しになりますが、経済産業省「IT人材需給に関する調査」では2030年に最大79万人不足。厚生労働省「一般職業紹介状況」でも「情報処理・通信技術者」の有効求人倍率は概ね1.5〜2倍前後で推移していて、エンジニア採用の売り手市場は続いています。一方で、未経験採用は「20代まで」「ポートフォリオ必須」の条件付き求人が中心、というのも事実です。市場は開いているが、入口の鍵穴が変わったという表現が近いと思います。

30代未経験の門は「閉じている」のではなく「条件付きで開く」

30代未経験の場合、自社開発の門は20代より厳しくなります。ただしSES（常駐型開発）→2〜3年でWeb系自社開発に転換するルートは、現実に機能しています。私の前職同僚（33歳・営業）は、SESで1年半経験→Web系自社開発に転職、というステップで結果的に2年で自社開発まで届きました。最初の1社で全部を決めようとしないで、2社目を視野に入れた地図にすると、心が折れにくくなります。比較はSESとWeb系自社開発の違いを見てください。

転職後の賃金上昇率は約56%、女性は約70%

厚労省「IT・デジタル人材の労働市場に関する研究調査事業」によれば、5年以内にIT・デジタル職種に転職した人の約56%が転職後に賃金上昇、女性は約70%が賃金上昇と男性（約54%）より高い結果でした。私自身も、営業時代の手取り18万から、Webエンジニアになって年収150万UP・週4リモートまで変わりました。賃金が上がった理由は、評価軸が「上司の機嫌」から「書いたコードの品質」に変わったから、というのが一番大きい感覚です。

なかたが踏んだ12週間タイムライン｜3ヶ月の具体的な再現手順は？

ここでは私が実際に3ヶ月で内定まで進んだ12週間の週次タイムラインを公開します。競合記事は「ステップ」止まりですが、本記事では週単位の到達点・つまずき箇所・抜け方を一体で出します。再現するときの叩き台にしてください。

週	到達点	使った教材	当時の感覚・つまずき
1週目	HTML/CSS基礎	Progate	楽しい。挫折ゼロ
2週目	JavaScript基礎	Progate→ドットインストール	関数で詰まる。理解より暗記で通過
3週目	Ruby文法	Progate Ruby	クラス・継承で初めて「写経モード」に
4週目	SQL基礎・DB設計	ドットインストール	正規化が腹落ちせず3日停滞
5週目	Rails環境構築	Railsチュートリアル	環境構築で2日溶ける（あるある）
6週目	Railsチュートリアル前半	同上	マイクロブログを写経で完成
7週目	Railsチュートリアル後半	同上＋スクール	テスト・デプロイで詰まりスクール教材で抜けた
8週目	2周目で自力組み	スクール課題	自分の言葉でルーティング説明できる
9週目	オリジナルアプリ設計	自力	「日報×顧客管理」の要件定義
10週目	オリジナルアプリ完成＆Deploy	Heroku公式	環境変数で半日溶ける
11週目	エージェント登録・書類添削	マイナビIT等	「なぜエンジニア」を3回書き直す
12週目	応募15社→面接5社→内定2社	―	第一志望（自社開発）で内定

挫折しないための「週1コミット可視化」

3ヶ月走り切れた最大の理由は「GitHubのコミット履歴を毎週末スクショ→X（旧Twitter）で公開」でした。継続が苦手なタイプの私には、外部の目を意識する仕組みが効きました。「#今日の積み上げ」「#100DaysOfCode」のタグで発信しているエンジニア志望者コミュニティと繋がると、面接時の話のネタにもなります。手が止まりそうな夜に、誰かの「お疲れさまです」のリプライで救われた回数は数えきれません。

3ヶ月で詰まった場面トップ3と私の抜け方

(1)環境構築の沼。Docker導入で半日〜2日溶ける王道のつまずき。スクールの環境構築動画で抜けました。(2)エラーログを読まずに焦る。英語ログをDeepL/Google翻訳に貼り、ChatGPTに「これは何のエラー？」と聞く習慣で、解決速度が体感3倍に。(3)「自分の作りたいもの」がなくて手が止まる。これは過去の自分（営業時代の不便）から逆算したら、すぐ出てきました。「過去の自分のために作る」は、強い動機になります。

ポートフォリオで採用担当が見ている5つの観点は？

未経験Webエンジニア転職で合否を分ける最大要素はポートフォリオです。「動くこと」は最低ライン。私が現役エンジニア・現役採用担当の友人に聞いて回った結果、採用判断は次の5観点に集約されていました。

1. 課題設定が明確か：「なぜそのアプリを作ったか」を1文で言えるか
2. 技術選定の理由を説明できるか：「なぜRails？なぜVueでなくReact？」に答えられるか
3. READMEが採用担当向けに整理されているか：課題→技術選定→工夫→今後改善の4ブロック
4. GitHubのコミット履歴に成長が見えるか：毎日1コミット以上＋コミットメッセージが英語
5. 動くサービスが公開されているか：Heroku/Render/AWS等にDeployして実URLで触れる

面接で必ず聞かれる「なぜエンジニアになりたいか」の準備

応募15社のうち面接に進んだ5社で、全社共通で聞かれたのが「なぜエンジニアになりたいか」でした。私の返しは「営業時代に欲しかったツールを自分で作れる人になりたかった。日報×顧客管理アプリで実証した」。「年収を上げたい」「リモートワークしたい」だけで答えると、面接通過率は下がります（私も最初の2社はそれで落ちました）。前職の課題→技術での解決→ポートフォリオで実装、の流れで一気通貫の物語が作れると、不採用が続いた13社のあとに、第一志望から内定が出ました。

未経験OK求人を扱うエージェントの活用

応募経路は「IT特化型エージェント2〜3社の並行登録」が現実的です。総合型（リクルート・doda等）は求人量で勝負しますが、未経験エンジニア領域ではIT特化型のマイナビIT AGENT・レバテック・ワークポートが書類添削まで対応してくれます。1社に依存しないことで、求人の幅と「合わない担当者」リスクを同時に下げられます。詳細比較はIT転職エージェントおすすめ比較に書いています。

[Skill Hacksバナー設置予定（ASP承認後）]

未経験Webエンジニアロードマップ よくある質問（FAQ）

Q1. 未経験からWebエンジニアになるまで何ヶ月かかりますか？

学習量と1日の確保時間によりますが、目安は600〜1,000時間で3〜10ヶ月が現実的レンジです。専業で1日6〜8時間確保できれば3ヶ月、働きながらなら6〜10ヶ月が標準。私（なかた）は営業を続けながら平日3時間・休日10時間で3ヶ月で内定が出ましたが、これは「条件が揃った」結果で、誰でも3ヶ月で必ず行けるという話ではありません。短期決戦ならスクール並走、長期戦なら独学＋教材ハイブリッドが向いています。

Q2. 30代未経験でもWebエンジニア転職は可能ですか？

可能ですが20代より条件は厳しくなります。自社開発の未経験採用は「20代まで」が中心で、30代未経験はまずSES（常駐型）で1〜2年経験→Web系自社開発に転換するルートが現実的です。私の元同僚（33歳）はこのルートで2年で自社開発に到達しました。基本情報技術者などの資格で土台がある人は、書類通過率が上がる印象があります。

Q3. 独学とプログラミングスクール、どちらがおすすめですか？

過去に独学で何かを達成した経験（資格・受験・楽器など）があれば独学、なければスクールまたは教材ハイブリッド型を勧めます。完全独学の挫折率は私の体感で7〜9割、スクール挫折率は2〜4割。費用は独学0〜5万円、スクール40〜80万円。経産省のリスキリング補助制度を使うと、対象講座は受講料の最大70%が補助対象になります。

Q4. プログラミング言語は何から学ぶべきですか？

王道はHTML/CSS→JavaScript→Ruby または PHP。Web系自社開発の未経験求人はRuby on Rails / Laravel / Node.jsが中心です。フロントエンドで入るならReact/Vue、バックエンドで入るならRuby on Railsが、現場感では最も学習リソースが揃っていて挫折しにくい選択でした。「自分が作りたいサービスで使われている言語」から逆算するのが、最短ルートだと思います。

Q5. ポートフォリオは何を作れば内定が取れますか？

「採用担当が30秒で価値を把握できるアプリ1本」で十分です。私は「営業時代に欲しかった日報×顧客管理アプリ」を作り、CRUD・ユーザー認証・データ可視化を実装、READMEに課題→技術選定→工夫→今後の改善を4ブロックで整理しました。動くこと＋なぜその技術を選んだか言語化できることの2点がセットで、書類通過率がはっきり上がりました。

Q6. 学習中の挫折を防ぐコツはありますか？

私が3ヶ月走り切れた理由は「外部の目を意識する仕組み」でした。GitHubのコミット履歴を毎週末X（旧Twitter）で公開、「#今日の積み上げ」「#100DaysOfCode」で同志と繋がる。エラー解消はDeepL+ChatGPTで翻訳→質問の習慣化。最大の挫折ポイントは環境構築なので、ここだけは教材・スクールに頼って「時間を買う」のが、結果として一番合理的でした。

まとめ｜未経験Webエンジニアロードマップを今日から走り出す

• 未経験Webエンジニア転職の目安は学習600〜1,000時間／3〜10ヶ月。1日の確保時間で逆算する
• 2030年にIT人材最大79万人不足（経産省）、転職後賃金上昇率約56%（厚労省）の追い風は本物
• 独学・スクール・ハイブリッドは「過去の独学達成経験の有無」で選び分けると失敗が減る
• ポートフォリオは「動くこと」より「なぜその技術を選んだか言語化できること」
• 応募はIT特化型エージェント2〜3社並行、20代と30代でルート設計を分ける
• 挫折対策は「外部の目を意識する仕組み」＋「環境構築は時間を買う」の2本柱

未経験 Webエンジニア ロードマップは、「自分の現在地」と「3ヶ月後／6ヶ月後の到達点」を週単位で結べば、迷いはかなり減ります。私も3年前は、文系・営業3年目・通勤電車で吐き気の状態で、Progateを開いては閉じるだけの2週間がありました。それでも12週間で内定2社まで届いたのは、地図を引いて毎週末コミット履歴を可視化して、外の目を借りた結果です。最初の1週目は、Progateの無料コースを1つ完走する、だけで大丈夫。今日この記事を閉じたあと、5分だけでも触ってみてください。3ヶ月後に立っている場所は、私の保証が必要なほど遠くではないはずです。