コース一覧
プログラミング学習のはじめ方
プログラミング分野を知る

プログラミング学習のはじめ方

プログラミング学習の進め方、言語の選び方、環境構築、つまずきやすいポイントの乗り越え方を、最短ルートで整理した無料の導入コースです。これから学習を始めたい完全初学者や、独学が続かず行き詰まっている方を対象としています。約 1 時間 (1 日 30 分 × 2 日) で 5 レッスンを修了でき、修了後は迷わず自分に合った学習ロードマップを描いて走り出せるようになります。

1
はじめに
0. プログラミングとは?5分
1. プログラミング分野を知る7分
2. 学習の始め方5分
3. 入門者が同じところで止まる理由6分
4. 「ちょっとデキる」から始める7分

プログラミング学習のはじめ方

01プログラミングとは?
02プログラミング分野を知る
03学習の始め方
04入門者が同じところで止まる理由
05「ちょっとデキる」から始める

プログラミング学習のはじめ方

プログラミング分野を知る

「プログラミングを勉強しよう」と決めても、次に開く教材は決まりません。Web、スマホアプリ、AI、ゲーム。並んでいる名前はどれも大きく、どれを選んでも遠回りに見えます。

分野の名前を眺めても決まらない

分野の名前は、作るものの名前でしかありません。「Web 開発」は Web で動くものを作る仕事、「モバイル開発」はスマートフォンで動くものを作る仕事、という以上の意味はありません。名前をいくら見比べても、自分に向いているかは出てきません。

手がかりになるのは、そのコードがどこで動いているかです。動く場所が違うと、書く言語も、動かして確かめる方法も変わります。

コードが動く場所で分かれている

分野コードが動く場所最初に触るもの
フロントエンド目の前のブラウザHTML、CSS、JavaScript
バックエンド手元にないサーバーPython、Java、PHP、Node.js など
モバイル自分のスマートフォンSwift、Kotlin
データ・AI手元やクラウドの計算機Python
ゲームゲーム機やスマートフォンUnity (C#)、Unreal Engine (C++)

フロントエンドは、書き換えて画面を読み込み直せば結果がその場で見えます。バックエンドは目に見えない場所で動くので、動いたかどうかを確かめる道具の使い方から覚えることになります。データ・AI の分野では、結果は画面ではなく数字やグラフとして出ます。ゲームは、言語より先にエンジンの操作を覚える時間が長めです。

同じ「プログラミング」でも、一日の手の動かし方はこれくらい違います。逆に言えば、変数や条件分岐といった考え方はどの列にも共通していて、そこはあとから持ち越せます。

そして、この行は互いに独立しているわけではありません。買い物サイトで「購入」を押したとき、押されたことを受け取るのはブラウザ側のコードで、金額を計算して注文を保存するのはサーバー側のコードです。一つのサービスが、二つの場所で動く二つのコードの受け渡しでできています。

だから「フロントエンドを選ぶ」というのは、サービスの全部を作らないという意味ではありません。自分がどの側に立って受け渡しをするかを選んでいる、と考えるほうが実際に近いです。

将来性ではなく、いま確かめられることで比べる

「これからは◯◯が来る」という言い方は、当たったかどうかを後からしか確認できません。選ぶときに使えるのは、いま自分で確かめられる軸のほうです。次の三つは、今日この場で調べられます。

  1. 求人サイトでその分野の言葉を検索したとき、どれくらいの数が出てくるか
  2. 自分が書いてから結果が見えるまでの距離が近いか
  3. その分野の周りに、どんな仕事が並んで出てくるか

三つ目は見落とされがちです。たとえばブラウザ側を触る仕事の求人には、デザインの調整やアクセス解析の話が一緒に出てくることが多く、隣に何があるかで日々の仕事の幅が見えてきます。

それでも決められないときは、いま自分が毎日触っているものから入るのが無難です。多くの人にとってはブラウザで、書いた結果がすぐ画面に出るぶん、手を動かしている実感を得やすい場所でもあります。

そして分野選びは、一度きりの決断ではありません。しばらく触ってから別の場所へ移る人はふつうにいますし、そのとき最初の分野で覚えたことは無駄になりません。

このレッスンに出てくる用語

意味があいまいなまま進んだ語は、ここから読み直せます。

  • フロントエンドフロントエンド=ユーザーが目にする部分(HTML/CSS/JS)。
  • ブラウザユーザーから見たWebのクライアント
  • HTMLHyperText Markup Languageの略。
  • CSSCascading Style Sheetsの略。
  • JavaScriptWeb で動的な振る舞いを担う言語
  • バックエンドサーバ側のロジックとデータ処理
  • サーバークライアント(ブラウザなど)がリクエストを送り、サーバーがレスポンスを返す。
  • Node.jsJavaScript をサーバ側で動かすランタイム
生田 陸人
監修生田 陸人
ゆめさくエンジニア / 現役ソフトウェアエンジニア監修者プロフィールを見る →
編集 ゆめさく編集部·公開 2025/12/18·更新 2026/08/26

関連レッスン

  • 学習の始め方

    プログラミング学習の始め方を初心者向けに整理します。最初の言語の選び方から毎日手を動かす習慣、小さく作る進め方まで挫折しない手順が分かります。

  • 入門者が同じところで止まる理由

    学習が止まりやすいのはエラーが出た瞬間です。赤い英語の塊をどこから読むか、そして題材が他人のものだと手が動かなくなる問題を扱います。

  • 「ちょっとデキる」から始める

    「ちょっとデキる」から始める学習の心構えを解説します。コピペは悪じゃない、正解は一つじゃないといった現場の常識を知り、気負わず学び始められます。

分からないところは Tap (AI先生) に質問できます

24 時間いつでも、あなたのレベルに合わせて日本語で答えます。

復習ミニクイズ

Webサービスの開発において、ユーザーが入力した情報をデータベースに保存したり、注文に応じた決済の処理を行ったりする「裏側の仕組み」を担当する分野はどれでしょうか?