コーダーの独学はどのくらいかかる？JavaScriptまで数年かかった私の実例

※本記事にはプロモーション（広告）が含まれます。

「コーダーになるには、独学でどのくらいかかるの？」
「3か月で稼げるって本当？」
「半年やってるけど、まだ案件が取れる気がしない」

この疑問に対して、「3か月で月20万」のような発信が溢れています。それを見て焦り、自分は遅れていると感じている人が多いと思います。

私はWeb制作の実務を14年ほど続け、数十社の現場に関わってきました。その経験から正直に書くと、期間の答えは「何を目指すか」で3倍以上変わります。そして私自身、決して早いほうではありませんでした。

この記事では、段階ごとの現実的な期間と、独学が長引く原因を具体的に書きます。

結論：案件を受けられるまで6か月〜1年が現実的

先に結論を書きます。1日2時間ほど確保できる前提で、お金をもらえるレベルに到達するまで6か月〜1年が現実的なラインです。

「3か月で稼げる」も嘘ではありません。ただしそれはクラウドソーシングで小さな案件を1件受けるレベルの話です。継続的に案件を受け、生活できる水準になるまでとは意味が違います。

ここを混同すると、「3か月経ったのにできない自分はおかしい」と錯覚します。実際にはおかしくありません。

段階別・独学にかかる期間の目安

※ 1日2時間程度の学習を継続した場合の目安です。前職の経験や確保できる時間で大きく変わります。

学習時間別・かかる期間のシミュレーション

同じ「6か月」でも、1日の学習時間で中身がまったく違います。

重要なのは、1日30分でも半年で90時間になるということです。「まとまった時間が取れないから無理」ではありません。止まることのほうが問題です。

私が実際にかかった期間

ここは正直に書きます。私は早いほうではありませんでした。

JavaScriptを扱えるまで数年かかった

私がHTML/CSSを書き始めてから、JavaScriptをまともに扱えるようになるまでには数年空いています。間に何年もブランクがあります。

当時は「同期に追いつけていない」と焦っていました。でも今振り返ると、単に順番どおりに進んでいただけです。HTML/CSSが体に入る前にJavaScriptへ手を出しても、消化できなかったと思います。

周りが動きのある実装をしている中で、1行も書けなかった

いちばんきつかったのは、CSSは触れるのにJSは書けないという中途半端な時期です。写経しても動かない、動いても理由が分からない。

この時期に「自分には向いていない」と結論を出していたら、そこで終わっていました。実際には、まだ順番が来ていなかっただけです。

14年経った今も、追いかける側です

正直に書くと、新しいフレームワークに追いつくのは今でも苦手です。実務でモダンな構成を扱うようになったのも、キャリア全体から見ればごく最近のことで、いまだに調べながら書いています。

「いつか全部分かる日が来る」という状態にはなりません。そういう仕事です。だからこそ、最初から全部を目指さないでください。

6か月の学習ロードマップ

「何を、いつやるか」が決まっていないと迷います。1日2時間を前提にした進め方を書きます。

1〜2か月目：HTML/CSSの基礎

教材を1つ決めて、最後まで通します。複数を並行しないでください。ここで大事なのは理解より慣れです。

この時期は「分からないまま進む」で構いません。全部理解しようとすると必ず止まります。

3か月目：模写を3本

実在するサイトを見ながら再現します。ここで一気に力がつきます。教材どおりに書くのと、完成形から逆算して組むのはまったく別の作業だからです。

4か月目：レスポンシブ対応

実務でスマホ対応をしない案件はまずありません。ここは避けて通れません。模写したサイトをスマホ対応させるところから始めると効率的です。

5か月目：オリジナルサイトを1本

模写ではなく、自分で構成から決めて作り切ります。これがそのままポートフォリオになります。前職に関係する題材にすると、面談での話のネタにもなります。

6か月目：JavaScriptを読む／小さい案件に応募

JavaScriptは「書ける」より先に「読める」を目指してください。並行してクラウドソーシングで応募を始めます。落ちても構いません。応募の経験自体が必要です。

模写の具体的なやり方

「模写がいい」とはよく言われますが、やり方を間違えると時間を溶かします。

1. ソースは最初に見ない

検証ツールでコピーすると、その場は完成しますが力になりません。まず自分で組んでから答え合わせをしてください。

2. 完璧を目指さない

1pxまで合わせようとすると1サイトに1か月かかります。8割の再現度で次に進むほうが、結果的に上達します。

3. 選ぶサイトは中規模のコーポレートサイト

凝ったアニメーションの多いサイトは避けてください。実務で最も多いのは、シンプルな企業サイトやLPです。練習は実務に近いもので。

4. 3本目からは時間を計る

実務では速度が単価に直結します。「このボリュームなら何時間か」の感覚を早い段階で持っておくと、後で見積もりが出せるようになります。

独学が長引く5つの原因

現場で多くの人を見てきて、伸び悩む人には共通点がありました。才能ではなく、やり方の問題です。

1. 順番を飛ばしている

これが最も多い原因です。HTML/CSSの基礎が固まる前にJavaScriptやReactに手を出して挫折する。これは適性ではなく順番の問題です。

正しい順番は、HTML/CSS →レスポンシブ対応→ JavaScriptを読める → WordPress構築、です。飛ばすと必ず戻ってきます。

2. チュートリアルを何周もしている

教材を見ながら書けるのは「できる」ではありません。何も見ずに自分で1サイト作り切るまでは、力がついた実感は出ません。

3周目に入っているなら、それは前に進んでいない合図です。

3. 詰まった時間を計っていない

1つのエラーに3時間使うと、その週が丸ごと消えます。「30分調べて分からなければ飛ばす」と決めてください。後で戻ると、あっさり解決することがよくあります。

4. インプットばかりでアウトプットがない

動画や本を消費している間は安心できますが、手を動かしていないと定着しません。時間の比率を、インプット3：アウトプット7に近づけてください。

5. 完成させずに次へ行く

8割の状態で放置したものが複数ある人は要注意です。完成させないと、納品や修正対応という実務で最も重要な工程を経験できません。

期間を短くする4つの方法

1. 作るものを先に決める

「勉強してから何か作る」ではなく、「これを作るために勉強する」にしてください。目的があると必要な知識が絞れます。

題材は前職に関係するものがおすすめです。業界が分かっている分、内容で悩む時間が減ります。

2. 学習時間を固定する

「空いた時間にやる」では空きません。時間帯を固定するほうが習慣になります。量ではなく時間を決めるのがコツです。

3. 週に一度、自分のコードを読み返す

独学者には他人のレビューがありません。1週間前の自分のコードを読むと、驚くほど改善点が見えます。これが最も現実的なレビューの代わりです。

4. 同じミスは2回目でメモにする

1回目は誰でも間違えます。伸びる人は2回目で「これは自分の癖だ」と気づき、メモに残します。この差が半年後に大きく開きます。

学習の続け方は案件に困らない人の学習習慣にもまとめています。

教材の選び方で迷わないために

最初は無料で十分

HTML/CSSの基礎レベルなら、無料の学習サイトや公式ドキュメントで足ります。ここでお金をかける必要はありません。

教材は「1つに絞る」

複数を並行すると、書き方の違いで混乱します。1つを最後まで通してから次へ。これが遠回りに見えて最短です。

公式ドキュメントを開く癖をつける

現役でも、すべてのプロパティを暗記している人はいません。実務は「知っていること」より「調べて解決できること」で回っています。

調べる場所が分かっている状態を早く作ってください。これは教材では身につかず、詰まった回数でしか作れません。

古い情報に注意する

数年前の書き方が非推奨になっていることがあります。記事を読むときは更新日を必ず確認してください。特にCSSのレイアウト周りは変化が大きい領域です。

独学の限界と、スクールを考えるタイミング

独学で十分な人

自分で調べて進められるなら、独学で問題ありません。今は無料・低価格の教材が揃っているので、費用をかけないと学べない時代ではありません。

検討したほうがいい合図

判断基準は1つです。「何を調べればいいか分からない状態」が2週間以上続いているかどうか。

これは知識不足ではなく、地図がない状態です。この状態は独学では抜けにくいので、人に聞ける環境を作る価値があります。

ただし、即決はしない

スクール自体を否定はしませんが、まず独学で始めて、詰まってから検討で十分間に合います。始める前に契約すると、自分に必要なものが分からないまま選ぶことになります。

独学のあと、案件を取るまでの流れ

1. 自作サイトを1つ完成させる（ポートフォリオの作り方）
2. クラウドソーシングで小さい案件を受ける（単価より件数）
3. 制作会社の下請けにつながる（継続取引を作る）
4. 実務経験1年を作る
5. エージェントに登録して単価を比較する

実務経験が1年あると、選択肢が一気に増えます。私は7社のエージェントに登録していますが、実務経験がある状態で門前払いされたことは一度もありません。

案件獲得の詳細は1年目の案件獲得法にまとめています。

よくある質問

Q. 3か月で稼げるというのは嘘ですか？

嘘ではありませんが、「小さな案件を1件受ける」と「継続的に生活できる」は別物です。前者なら3か月でも可能性はあります。

Q. 半年やっても案件が取れません

珍しくありません。完成した成果物が1つもない状態なら、まずそこを作ってください。学習量ではなく成果物の有無が分かれ目です。

Q. 何時間くらい必要ですか？

案件を受けられる水準まで、累計で数百時間が目安です。1日2時間なら半年〜1年、1日30分でも続ければ到達します。止まらないことが最優先です。

Q. JavaScriptはいつから始めるべき？

HTML/CSSで1サイト作り切ってからで十分です。私はそこから数年空いていますが、それでも実務に支障はありませんでした。まず「読める」ことを目指してください。

Q. 独学だと単価が低くなりますか？

独学かスクールかは単価に関係ありません。関係するのは対応できる範囲です。相場はコーダーの単価相場にまとめています。

Q. 自分に向いているか分かりません

3か月続けてから判断してください。最初の1〜2か月がいちばん苦しい時期です。適性はコーダーに向いている人・向いていない人にチェックリストを置いています。

まとめ｜遅くていい。止まらないことが全て

• 案件を受けられるまで6か月〜1年が現実的
• 「3か月で稼げる」は小さな案件1件の話
• 私はJavaScriptを扱えるまで数年かかっている
• 長引く原因は才能ではなく順番・アウトプット不足・完成させないこと
• 1日30分でも半年で90時間。止まるよりはるかに速い

あの頃の私に伝えたいのは、「遅いんじゃない。順番どおりに進んでいるだけだ」ということです。

実務経験ができた段階で、自分の市場価値を確認してみてください。登録も相談も無料です。数字が分かると、次に何を学ぶべきかも見えてきます。

Midworksで案件と単価を見てみる

何を学ぶべきかはコーダーに必要なスキル、独立まで含めた全体像はフリーランスになるための7ステップにまとめています。