プログラミングを独学できるサイトの選び方と、在宅の案件につなげる学習の順番

プログラミングを独学しようと思って学習サイトを探すと、無料のもの、月額制のもの、動画のもの、問題を解くものと種類が多く、どれから始めればよいか迷います。しかも、ひととおり学んだあとに在宅の案件を受けたいと考えているなら、サイト選びより大事なのは「何を、どの順番で学ぶか」です。サイトを次々に乗り換えても、仕事につながる力はなかなか身につきません。

この記事では、プログラミングの独学に使えるサイトを種類ごとに整理し、自分に合うものの選び方を説明します。そのうえで、学んだことを在宅の案件につなげるための学習の順番、作品の作り方、独学でつまずきやすい点まで扱います。料金はサイトの公式ページで2026年10月14日に確かめた内容です。

独学で学ぶ人が増えている背景

プログラミングを独学する人が増えている背景には、学習の環境が大きく変わったことがあります。以前は、開発の環境を自分のパソコンに用意するところで多くの人がつまずいていました。今は、ブラウザの中でコードを書いて結果を確かめられるサイトが増え、パソコン1台あれば準備なしで始められます。

代表的な学習サイトの1つであるProgateは、トップページで次のように説明しています。

実際にプロダクトを作りながら学ぶから、使えるスキルが身につきます。 ブラウザ上で、コードを書いて結果も確認。準備いらずで、すぐにプログラミングが実践できます。 出典: progate.com

一方で、始めやすくなった分、学習サイトの中だけで勉強が終わってしまう人も増えています。サイトの課題をすべて終えたのに、自分で何かを作ろうとすると手が止まる。これは独学の人が最初にぶつかる壁です。学習サイトは、文法や考え方を覚える場としてはとても優れていますが、仕事で求められる「自分で調べて、組み立てて、直す」力は、サイトの外で作品を作る中で身につきます。

この記事で学習の順番を重視するのは、そのためです。サイト選びは入口にすぎず、その後の道筋を決めておくことで、学んだ時間を仕事につなげられます。

学習サイトの4つの種類

プログラミングの独学に使えるサイトは、学び方の形で大きく4つに分けられます。

種類	学び方	向いている人	注意点
スライド型	スライドで説明を読み、ブラウザでコードを書く	文章と図で理解したい人、完全な初心者	課題の範囲が決まっており、自分で考える場面が少ない
動画型	短い動画を見ながら手を動かす	実際の画面の操作を見て覚えたい人	見るだけで分かった気になりやすい
問題演習型	出題された問題をコードで解く	基礎を終え、考える力を鍛えたい人	文法を知らない段階では手が出ない
公式ドキュメント・解説サイト	言語や技術の仕様を読む	基礎を終え、正確な情報を確かめたい人	初心者には説明が難しく感じる

最初の1か月は、スライド型か動画型のどちらか1つを選びます。どちらが合うかは、本を読んで理解するのが得意か、人の作業を見て覚えるのが得意かで判断します。両方を同時に契約すると、同じ内容を2回学ぶことになり、時間もお金も余計にかかります。

基礎の文法をひととおり終えたら、問題演習型と公式ドキュメントに移ります。問題演習で「自分で考えて書く」経験を積み、分からないことは公式ドキュメントで確かめる。この2つを行き来できるようになると、学習サイトの外でも1人で学び続けられるようになります。

学習サイトと並行して、入門書を1冊手元に用意しておくのも有効です。学習サイトは画面の中で手を動かすのに向いていますが、全体の仕組みを見渡したり、前に学んだことを振り返ったりするには、目次から必要なところを開ける本のほうが便利な場面があります。本を選ぶときは、発行年が新しく、学習サイトで学ぶ言語と同じものを扱っている本を選びます。プログラミングの技術は変化が速いので、古い本の書き方が今は推奨されていないこともあります。

学習サイトの種類を決めたら、使う時間帯も決めておきます。スライド型は文章を読む集中力が要るので、頭がすっきりしている朝や休日に向いています。動画型は短い単位で区切られているので、通勤の前後や昼休みに1本ずつ進める使い方ができます。問題演習型は、時間を計って解くと実力が分かるので、まとまった時間が取れる日に回すと効果的です。

代表的な学習サイトの特徴と料金

ここでは、日本語で学べる代表的なサイトと、無料で使える公式の資料を紹介します。料金は改定されることがあるので、申し込む前に公式のページで確かめてください。

Progate（スライド型）

Progateは、イラスト中心のスライドで説明を読み、ブラウザ上でコードを書いて学ぶサイトです。HTMLとCSS、JavaScript、Python、Ruby、PHP、SQL、Gitなど、Web開発に使う技術のコースがそろっています。無料で会員登録して一部のレッスンから始められ、有料プランは公式サイトによると、プラスプランが1か月あたり税込990円から、プロプランが1か月あたり税込2,490円からです。プランによって学べる範囲が違うので、学びたい技術がどのプランに含まれるかを確かめてから申し込みます。

ドットインストール（動画型）

ドットインストールは、3分ほどの短い動画で、実際に手を動かしながら学ぶサイトです。動画が短いので、通勤の前後や昼休みなど、すき間の時間に学びやすいのが特徴です。無料プランで一部の動画を視聴でき、プレミアムプランは公式サイトによると月々払いで1か月あたり税込1,480円で、6か月や12か月の一括払いにすると1か月あたりの金額が下がります。プレミアムでは、すべての動画の視聴や、現役エンジニアへの質問などができます。

paizaラーニング（動画型と問題演習）

paizaラーニングは、動画の講座と、ブラウザ上で問題を解く演習を組み合わせたサイトです。同じ会社がプログラミングの問題を解いてスキルを測る仕組みも運営しており、基礎を終えたあとの腕試しにも使えます。料金と無料の範囲は公式サイトで確かめてください。

MDN Web Docs（公式の解説）

MDN Web Docsは、HTML、CSS、JavaScriptなど、Webの技術についての解説をまとめたサイトです。日本語の解説も用意されていて、無料で読めます（MDN Web Docs）。初心者向けの学習の手引きもありますが、主な使い道は、学習サイトで覚えたことを正確に確かめる辞書としての使い方です。仕事でコードを書くようになってからも、ずっと使い続けることになります。

freeCodeCamp（英語の無料教材）

freeCodeCampは、Web開発やデータの扱いを無料で学べる教材を公開している非営利の団体のサイトです（freeCodeCamp）。説明は英語が中心ですが、課題をこなすと修了の証明が得られる仕組みがあります。英語で技術の情報を読む練習も兼ねたい人に向いています。

学習サイトを選ぶときに確かめる5つのこと

どの学習サイトにするか迷ったら、次の5つを順に確かめます。料金の安さだけで選ぶと、学びたい技術が含まれていなかったり、続けにくい仕組みだったりして、結局ほかのサイトに乗り換えることになります。

1つ目は、無料で試せる範囲です。多くのサイトは、無料の会員登録で一部のレッスンや動画を試せます。最初の数日は無料の範囲で使ってみて、説明の分かりやすさや画面の使い心地を確かめてから有料プランに進みます。

2つ目は、学びたい技術が含まれているかです。同じサイトでも、プランによって学べるコースが違うことがあります。HTMLとCSSは無料の範囲で学べても、フレームワークやサーバー側の言語は上位のプランに限られる、といった形です。学ぶ順番の表で決めた技術が、どのプランに含まれるかを申し込む前に確かめます。

3つ目は、質問できる仕組みがあるかです。独学でいちばん時間を取られるのは、分からないところで手が止まることです。現役のエンジニアに質問できる、利用者どうしで質問し合える場がある、といった仕組みがあると、つまずいたときの時間を短くできます。

4つ目は、続けやすい仕組みがあるかです。学習の記録が残る、進み具合が目に見える、短い単位で区切られている、といった仕組みは、忙しい人が学習を続けるうえで大きな助けになります。

5つ目は、解約の手続きです。月額制のサービスは、使わなくなっても解約するまで料金がかかります。解約の方法と、一括払いにした場合に途中で解約したときの扱いを、申し込む前に確かめておきます。一括払いは1か月あたりの金額が安くなる一方、途中でやめても返金されないことが多いので、最初は月払いで始めるのが無難です。

何の言語から学ぶかを先に決める

学習サイトを選ぶ前に、何の言語や技術を学ぶかを決めておくと、遠回りを減らせます。決め方の軸は、在宅でどんな仕事を受けたいかです。

受けたい仕事	最初に学ぶもの	次に学ぶもの
Webサイトの制作・修正	HTML、CSS	JavaScript、WordPress
Webアプリの開発	HTML、CSS、JavaScript	フレームワーク（React など）、サーバー側の言語
業務の効率化（表計算の自動化など）	Python または Google Apps Script	データの扱い、外部サービスとの連携
スマートフォンのアプリ	Swift（iPhone）、Kotlin（Android）	アプリの公開の手続き、サーバーとの連携

在宅の案件で数が多いのは、Webサイトの制作や修正の仕事です。HTMLとCSSは、学び始めてから目に見える成果が出るまでが短く、初心者が最初の1歩として選びやすい技術です。Progateのコースの説明でも、Web開発の入口として次のように紹介されています。

Web開発とは、HTML・CSS・JavaScriptなどの技術を使って、ブラウザで動作するWebサイトやWebアプリケーションを作ることです。プログラミング未経験からエンジニアを目指す第一歩として、多くの人がWeb開発から学習を始めています。 出典: progate.com

アプリの開発の仕事に興味がある人は、アプリケーション開発のお仕事で、どんな案件があり、どんな技術が求められているかを先に確かめておくと、学ぶ言語を選ぶときの判断材料になります。

1つの言語を選んだら、少なくとも基礎の文法を終えるまでは、別の言語に手を出さないことが大切です。言語が変わっても、変数、条件分岐、繰り返し、関数といった考え方は共通です。1つの言語で考え方を身につければ、2つ目の言語ははるかに速く覚えられます。

在宅の案件につなげる学習の順番

学習サイトを使って在宅の案件を受けられるようになるまでの道のりは、次の6つの段階に分けられます。

1. 学習サイトで基礎の文法を学ぶ（1つの言語・1つのサイトに絞る）
2. 学習サイトの課題と同じものを、見本を見ずに自分の力で作り直す
3. 自分のパソコンに開発の環境を用意し、エディタで書いて動かす
4. 小さな作品を3つほど作り、インターネット上で見られる形にする
5. 公式ドキュメントで調べながら、作品に機能を追加する
6. 作品を見せながら、小さな案件に応募する

この中でいちばん大事なのは、2番目の「見本を見ずに作り直す」段階です。学習サイトの課題は、説明に沿って進めれば誰でも完成させられるように作られています。説明を見ずに同じものを作ろうとすると、どこが分かっていなかったかがはっきりします。そこを学習サイトや公式ドキュメントで確かめ直すことで、知識が自分のものになります。

3番目の開発の環境を用意する段階は、多くの人がつまずくところです。エディタのインストール、ファイルの保存場所、ブラウザでの確認の仕方など、学習サイトの中では意識しなかったことに向き合うことになります。ここでつまずいても、学習を投げ出す必要はありません。エラーの内容を検索し、公式の手順を読み、1つずつ解決していく経験そのものが、仕事で必要な力の練習になります。

学習時間ごとの進め方の例

独学の計画は、1日に使える時間から逆算して立てます。ここでは、HTMLとCSSから始めてWebサイトの制作の案件を目指す場合を例に、学習時間ごとの進め方を示します。かかる期間は人によって大きく違うので、目安ではなく順番の参考として読んでください。

1日に使える時間	平日の使い方	休日の使い方
平日30分	学習サイトのレッスンを1つ進める	平日に学んだ内容で、小さなページを作る
平日1時間	レッスンを進め、見本なしで作り直す	作品づくりと、公式ドキュメントでの調べもの
平日2時間以上	レッスンと作品づくりを並行して進める	作品の機能を追加し、公開の準備をする

時間が少ない人ほど、休日の使い方が大切になります。平日はレッスンで新しいことを覚え、休日はそれを使って何かを作る。覚える日と作る日を分けると、短い時間でも知識が手に定着しやすくなります。

計画は、1週間ごとに見直します。予定どおりに進まなかった週は、計画のほうを現実に合わせて直します。予定より遅れていることを気にして学習の量を一気に増やすと、続かなくなります。進み具合を記録しておけば、自分のペースが分かり、次の計画を立てやすくなります。

生成AIを独学に使うときの注意

最近は、生成AIに質問しながらプログラミングを学ぶ人も増えています。エラーの意味を説明してもらう、コードの書き方の例を出してもらうといった使い方は、独学の時間を短くするのに役立ちます。ただし、使い方を誤ると、かえって力が身につかなくなります。

1つ目の注意は、AIが出したコードをそのまま貼り付けて終わりにしないことです。動いたとしても、なぜ動くのかを説明できなければ、次に似た問題に出会ったときに自分では解けません。AIの答えは、1行ずつ意味を確かめ、分からない部分は公式ドキュメントで調べ直します。

2つ目の注意は、AIの答えが正しいとは限らないことです。古い書き方や、存在しない機能を使ったコードが出てくることもあります。公式ドキュメントで確かめる習慣は、AIを使う場合にこそ欠かせません。

3つ目の注意は、秘密の情報を入力しないことです。学習用のコードであっても、APIキーやパスワード、仕事で預かったデータなどを質問の文に含めないようにします。案件を受けるようになってからは、依頼主のコードや情報をAIに入力してよいかどうかを、契約や依頼主の方針で確かめる必要があります。

作品を作るときに気をつけること

在宅の案件に応募するときは、学習サイトの修了証より、自分で作った作品のほうが評価されます。依頼する側が知りたいのは、「この人に頼んだら、どんなものが出来上がるか」だからです。

最初の作品は、小さく作って完成させることを優先します。たとえばWebサイトの制作なら、架空のお店の紹介ページ、自分のプロフィールページ、問い合わせの入力欄があるページなどです。大きな作品を目指して途中で止まるより、小さな作品を3つ完成させたほうが、技術の幅を見せられます。

作品には、次のような説明を添えると、依頼する側が判断しやすくなります。

• 何を作ったか、誰に向けたものか
• 使った技術（HTML、CSS、JavaScriptなど）
• 工夫した点と、作る途中で解決した問題
• 作るのにかかった時間

作品をインターネット上に公開するときは、セキュリティの面で気をつけることがあります。学習の途中で外部のサービスとつなぐ練習をすると、APIキーやパスワードといった秘密の情報をコードの中に書き込んでしまうことがあります。そのままコードを公開すると、他人に秘密の情報を悪用されるおそれがあります。公開する前に、コードの中に秘密の情報が含まれていないかを必ず確かめ、秘密の情報は公開しないファイルに分けて保存する習慣をつけてください。

独学の時期に起きやすい失敗の1つが、学習用に作ったアプリのコードを公開する際に、外部サービスの鍵を書いたファイルまで一緒に公開してしまうことです。気づいたらすぐに鍵を無効にし、新しい鍵に替える必要があります。こうした事故を防ぐには、公開する前に「このファイルを他人に見られて困ることはないか」を1つずつ確かめる習慣が欠かせません。仕事でコードを扱うときにも、この確認の習慣はそのまま求められます。

作品を見せる形を整えたい人は、Webライターのポートフォリオの作り方｜案件獲得率が上がるテンプレート付き【2026年版】も参考になります。文章の仕事向けの記事ですが、実績の見せ方や説明の添え方の考え方は、プログラミングの作品にもそのまま使えます。

コードの変更を記録する道具を早めに覚える

在宅の案件を受けるようになると、Gitというコードの変更の記録を残す道具を使う場面が増えます。Gitとは、ファイルをいつ、どう変えたかを記録しておき、必要なときに前の状態に戻したり、複数の人の変更をまとめたりできる仕組みのことです。多くの開発の現場で使われていて、案件の条件に「Gitが使えること」と書かれていることもあります。

独学の段階からGitを使っておくと、2つの利点があります。1つは、作品づくりで失敗しても、うまく動いていた状態に戻せることです。新しい機能を試して動かなくなったとき、変更を取り消せるので、思い切って試せます。もう1つは、変更の記録そのものが学習の足跡になることです。いつ何を作り、どこを直したかが残るので、作品の説明を書くときの材料にもなります。

Gitの基本の操作は、学習サイトのコースでも学べます。最初は、変更を記録する、記録を一覧で見る、前の状態に戻す、という3つの操作だけ覚えれば十分です。作品をインターネット上で共有するサービスと組み合わせると、依頼する側にコードを見てもらうこともできます。ただし、作品の節で触れたとおり、公開するときは秘密の情報が含まれていないかを必ず確かめてください。一度公開した記録は、あとからファイルを消しても、変更の履歴に残っていることがあります。

独学でつまずきやすい3つの場面

プログラミングを独学する人がつまずく場面は、だいたい決まっています。先に知っておけば、立ち止まっても慌てずに済みます。

エラーの意味が分からない

コードを書いて動かすと、英語のエラーメッセージが出ることがあります。初心者は、エラーが出るたびに自分が間違ったと落ち込みがちですが、エラーは問題のある場所と理由を教えてくれる手がかりです。エラーメッセージの文をそのまま検索すると、同じエラーに出会った人の解決策が見つかることが多くあります。どの行で何が起きたかを読み取る練習を重ねると、自分で直せる範囲がどんどん広がります。

学習サイトを終えたあと、何をすればよいか分からない

学習サイトの課題をすべて終えたのに、次に何をすればよいか分からなくなる人は多くいます。この段階に来たら、学習サイトの課題を自分なりに変えてみることから始めます。色を変える、ページを1枚加える、ボタンを押したときの動きを変える。小さな変更を重ねるうちに、自分で作る感覚がつかめてきます。

学習の時間が取れない

仕事や家事の合間に独学するとき、もっとも多い挫折の理由は時間が取れないことです。毎日2時間と決めて、できなかった日が続くと気持ちが折れます。平日は30分、休日に2時間というように、続けられる量で計画を立てます。学習した日と内容を記録しておくと、少しずつでも進んでいることが目に見えて、続ける力になります。

資格を学習の目標にする方法

独学の道筋に、資格の勉強を組み込む方法もあります。資格は、学んだ範囲を体系立てて確かめる目印になり、案件に応募するときに一定の知識があることを示す材料にもなります。

IT系の国家試験としては、情報処理推進機構（IPA）が実施する情報処理技術者試験があります。そのうち基本情報技術者試験は、ITの仕事を始める人の基礎として位置づけられています。

ITを活用したサービス、製品、システム及びソフトウェアを作る人材に必要な基本的知識・技能をもち、実践的な活用能力を身に付けた者 出典: IPA「基本情報技術者試験」

IPAのページによると、基本情報技術者試験はCBT方式（試験会場のパソコンで解答する方式）で随時実施されていて、科目Aは90分で60問、科目Bは100分で20問です。科目Bでは、プログラムの考え方や情報セキュリティについての問題が出ます。学習サイトで文法を学んだあと、仕組みの基礎を体系立てて学び直したい人に向いています。

ネットワークの仕事に関心がある人は、CCNA（シスコ技術者認定）のように、特定の分野の知識を示す資格もあります。資格を取ることそのものを目的にせず、学んだ範囲を確かめる道具として使うと、独学の道筋がぶれにくくなります。

独学の人が最初に受けやすい案件の種類

在宅で受けられるプログラミングの案件にはいろいろな種類がありますが、独学を終えたばかりの段階で受けやすいものは限られます。最初の数件は、作業の範囲がはっきりしていて、出来上がりを依頼する側がすぐに確かめられる仕事を選ぶと、評価を積み重ねやすくなります。

案件の種類	主な作業	必要な技術
Webページの修正	文字や画像の差し替え、レイアウトの手直し	HTML、CSS
ランディングページの作成	1枚の縦長のページを、デザインの見本どおりに作る	HTML、CSS、簡単なJavaScript
WordPressの更新作業	記事の入力、プラグインの設定、表示の手直し	WordPressの操作、HTML、CSS
表計算の自動化	定型の集計や転記をプログラムで自動にする	Google Apps Script、Pythonなど
データの整形	ファイルの形式をそろえる、不要な行を取り除く	Pythonなど

どの案件でも、作業を始める前に、作業の範囲、納品の形、修正の回数、締め切りを依頼する側と確かめておきます。独学の人がつまずきやすいのは、技術より、こうした取り決めの部分です。範囲があいまいなまま始めると、「ここも直してほしい」と作業が膨らみ、報酬に見合わない仕事になってしまいます。

また、既存のWebサイトを修正する案件では、依頼する側のサーバーや管理画面に入って作業することがあります。預かったパスワードは自分のパソコンにそのまま書き残さない、作業が終わったら依頼する側にパスワードの変更を勧める、といった扱いを丁寧にすると、信頼につながります。

案件に応募するときの心構え

作品が3つほどそろったら、小さな案件に応募してみます。最初は、Webサイトの一部の修正、文字や画像の差し替え、簡単なページの作成など、範囲がはっきりしている仕事から始めると、締め切りと品質を守りやすくなります。

応募の文面には、使える技術、作品のURL、対応できる時間帯を具体的に書きます。「何でもできます」と書くより、「HTMLとCSSでのページの作成と修正ができます。JavaScriptは簡単な動きの追加まで対応できます」のように、できる範囲をはっきり書いたほうが、依頼する側は安心して頼めます。

会社員が副業として案件を受ける場合は、勤め先の就業規則で副業が認められているかを先に確かめます。副業の収入が一定の額を超えると、確定申告が必要になる場合もあります。手続きは収入の形や金額で変わるので、国税庁の案内や税務署で確かめてください。

最初の案件では、作業の時間が見積もりより長くかかることがよくあります。慣れないうちは、作業にかかった時間を記録しておき、次の見積もりに生かします。この記録は、自分の作業の速さを知る材料になり、報酬の交渉をするときにも役立ちます。

運営者の視点：独学の人ほど「調べる力」が評価される

フリーランスと在宅ワークの市場を長く見てきた立場から言えば、独学からプログラミングの仕事を続けている人には共通点があります。それは、分からないことに出会ったときに、自分で調べて解決策を見つけ、その過程を依頼する側に説明できることです。

仕事では、学習サイトに出てこなかった問題が必ず起きます。そのとき、調べ方を知っている人は、公式ドキュメントやエラーの情報から答えにたどり着けます。独学で学んできた人は、まさにこの力を日々鍛えてきたことになります。学習の過程で身につけた「調べて、試して、直す」習慣は、資格や修了証以上に、仕事の場で評価される力です。

また、依頼する側と受ける側が直接やり取りできる形は、独学から仕事を始める人にとって学びの多い環境です。仲介の手数料が乗らない分、依頼する側は同じ予算で頼みやすくなり、受ける側は手元に残る金額が厚くなります。依頼する側と直接話すことで、仕事の進め方や要望の聞き取り方も身についていきます。

学んだ技術をどんな仕事に生かせるかは、AIコンサル・業務活用支援のお仕事のような、新しい分野の仕事の情報も含めて広く見ておくと選択肢が見えてきます。Webサイトの制作で見た目まで担当したい人は、デザイナーの年収・単価相場で、デザインを含む仕事の報酬の目安も確かめておくと、次に学ぶ技術を決める材料になります。1つの言語と1つのサイトに絞って始め、作品を作りながら調べる力を育てれば、独学でも在宅の案件にたどり着けます。

よくある質問

Q. プログラミングの独学は無料のサイトだけで足りますか？

基礎の文法を学ぶ段階は、無料のサイトや有料サイトの無料の範囲でも始められます。MDN Web Docsのような公式の解説は無料で読めます。ただし、学べる範囲が限られることもあるので、学びたい技術が無料の範囲に含まれるかを確かめ、足りなければ1つのサイトに絞って有料プランを使うのが効率的です。

Q. スライド型と動画型のどちらを選べばよいですか？

文章と図で理解するのが得意ならスライド型、人の操作を見て覚えるのが得意なら動画型が向いています。最初の1か月はどちらか1つに絞り、同時に契約しないことが大切です。両方を使うと同じ内容を2回学ぶことになり、時間と費用が余計にかかります。

Q. 在宅の案件に応募できるのはどの段階からですか？

学習サイトの課題を見本なしで作り直せるようになり、自分で作った小さな作品が3つほどそろった段階が目安です。最初はWebサイトの一部の修正や文字の差し替えなど、範囲がはっきりした仕事から応募すると、締め切りと品質を守りやすくなります。

Q. 作品を公開するときに気をつけることは何ですか？

コードの中に、APIキーやパスワードなどの秘密の情報が含まれていないかを必ず確かめてください。そのまま公開すると、他人に悪用されるおそれがあります。秘密の情報は公開しないファイルに分けて保存し、公開する前にファイルを1つずつ確認する習慣をつけると安全です。