メインコンテンツへスキップ
レッスン一覧に戻る

atom.web-builder.how-ai-changes-learning

AIがあると学び方はどう変わるか

AIがあると学び方はどう変わるか 旅行先で言葉が通じないとき、昔は辞書を片手に一語ずつ調べていました。今はスマホの翻訳アプリに話しかけるだけで、すぐに意味が伝わりますよね。 プログラミングの学び方にも、まったく同じ...

understand-ai-first-learningunderstand-ai-first-learning関連するしくみを言葉で説明できるようになります。
想定時間未設定公開状態: draft
学習メモ

成果物成果物このレッスンが終わったとき、あなたの手元に残る具体的な成果物です(例: 公開済みの Web ページ、動作するフォームなど)。

種類: markdown_doc検証: basic_manual_check_v1

証跡証跡成果物が正しく作れたことを確認するためのチェックリストです(例: ブラウザで動作する、フォーム送信で値が保存される)。

screenshot

メディアメディアレッスン内に出てくる図や動画のスロットです。実際の画面やイメージで理解を補助します。

diagramscreen_capture

レッスン本文

AIがあると学び方はどう変わるか

旅行先で言葉が通じないとき、昔は辞書を片手に一語ずつ調べていました。今はスマホの翻訳アプリに話しかけるだけで、すぐに意味が伝わりますよね。

プログラミングの学び方にも、まったく同じ変化が起きています。AI(=人工知能で、あなたの質問に答えてくれる仕組み)を使えば、分厚い教科書を最初から読む必要はありません。「作りたいもの」を起点にして、AIに聞きながら進めるのが、このコースの学び方です。

このレッスンでは、AIを使った学び方の3つの特徴を理解し、実際にAIツールへ質問を1つ投げてみるところまでを体験します。所要時間は約15分です。

従来とAI-firstの学び方比較図

従来の学び方を振り返る

これまでプログラミングを学ぶとき、多くの人が次のような壁にぶつかってきました。

  • 分厚い教科書を最初から読む → 途中で眠くなる
  • エラーメッセージ(=プログラムが「ここがおかしいよ」と教えてくれる警告文)を見ても意味がわからない → 検索しても専門用語ばかり
  • 作りたいものがあっても、何から始めればよいかわからない → 結局何も作れない

料理にたとえるなら、「包丁の持ち方から始める料理教室」に何ヶ月も通っているのに、自分の食べたい料理を一つも作れない状態です。

AI-first学習の3つの特徴を知る

AIを学習パートナー(=いつでもそばにいて質問に答えてくれる助手)として使うと、学び方は根本から変わります。特徴は3つです。

1. 対話しながら学ぶ

わからないことをそのまま日本語で聞けます。教科書をめくって探す必要はありません。

2. すぐ試せる

AIが出したコード(=コンピューターへの指示文)をそのまま貼り付けて動かせます。理論より先に「動く体験」が手に入ります。

3. 作りながら学ぶ

最初から自分の作りたいものをベースに進められます。教科書の例題ではなく、あなたのアイデアが教材になります。

AIへの上手な質問の仕方を身につける

AIに質問するときは、「何を作りたいか」「今どんな状態か」を具体的に書くほど、良い回答が返ってきます。レストランで「何かおいしいもの」と注文するより、「温かい醤油ラーメンをお願いします」の方が確実に満足できる料理が出てきますよね。AIへの質問もこれと同じです。

良い例:

  • 「ボタンを押したら『ありがとう』と表示されるWebページを作りたい。HTML(=Webページの骨組みを書く言語)だけで作れますか?」
  • 「エラーが出ました。画面に『Unexpected token』と表示されます。原因を教えてください。コードはこれです:(コードを貼る)」

悪い例:

  • 「Webアプリを作って」→ どんなアプリか伝わらないので、的外れな回答が返ってきます
  • 「コードを直して」→ どこがどう直したいかわからないので、AIも困ってしまいます

使えるAIツールを把握する

このコースでは、主に4つのAIツールを使います。どれも「AIと対話しながら作業を進める」ための道具です。

ツール名特徴向いている場面
ChatGPTブラウザで使える。最も手軽まず気軽に質問したいとき
Claude Codeターミナル(=コマンドを入力する黒い画面)で動くファイルを直接作りたいとき
CursorAIが組み込まれたエディタ(=コードを書く専用のアプリ)コードを見ながら修正したいとき
Codex CLIターミナルで動く。まとめて作業を任せられる複数ファイルを一気に変更したいとき

最初はどのツールでもOKです。迷ったらChatGPTから始めてみてください。ブラウザを開くだけで使えます。

AIツール4種の画面イメージ

実際にAIに質問してみる

それでは、AIツールに一度質問してみましょう。ChatGPT(https://chat.openai.com を開くだけ)またはお好みのAIツールを開いて、次の質問をそのままコピーして入力してみてください。

私はプログラミング初心者です。自分の紹介ページをWebで作りたいのですが、何から始めればいいですか?できるだけ簡単な方法を教えてください。

何をしているか: AIツールに「自分の紹介ページを作りたい」と相談して、最初の一歩を教えてもらっています

AIから回答が返ってきたら、次のことを試してみてください。

  1. 回答を読む — わからない言葉が出てきたら、それをメモしておく
  2. 追加で質問する — メモした言葉について「〇〇って何ですか?小学生にもわかるように説明してください」と聞いてみる
  3. 回答のスクリーンショットを撮る — あとで振り返るための成果物になります

この「わからない → すぐ聞く → わかる」のサイクルが、AIならではの学び方の核心です。

AIとの付き合い方を知る

AIは強力な味方ですが、万能ではありません。次の3つを意識しましょう。

  • 動かして確認する — AIの回答をそのまま信じ込まず、必ず自分の画面で試す癖をつけましょう。料理のレシピを見たら実際に作ってみるのと同じです
  • 「なぜ?」を聞く — AIにコードを書いてもらったら、「なぜこの書き方なんですか?」と聞いてみましょう。理解が深まります
  • 具体的に伝える — 期待どおりの回答が来なかったら、条件をもっと具体的に書き直しましょう

自分の理解を確かめる

このレッスンで学んだことを、次の3つのチェックポイントで確認しましょう。すべてに自信を持って「はい」と言えたら合格です。

  • AI-first学習の3つの特徴(対話しながら学ぶ・すぐ試せる・作りながら学ぶ)を、それぞれ一言で説明できる
  • AIへの良い質問と悪い質問の違いを、具体例を一つずつ挙げて説明できる
  • AIに実際に質問して、回答のスクリーンショットを1枚撮った

つまずきやすいポイントを知る

つまずきポイントこうすれば大丈夫
AIの回答が難しくて理解できない「小学生にもわかるように説明して」とそのまま追加で聞く
AIが的外れなことを答えてくる質問に「何を作りたいか」と「今の状況」を書き足す
何を聞けばいいかわからない「私は〇〇したいです」とゴールだけ伝えればOK。AIが段取りを提案してくれます
どのAIツールを使えばいいかわからないまずは ChatGPT から。ブラウザで開くだけで使えます
AIが英語で回答してくる「日本語で回答してください」と付け加える

これで、AIを使った学び方の基本がわかりました。次は、実際にAIツールを使って小さな成果物を作ってみましょう。

成果物成果物このレッスンが終わったとき、あなたの手元に残る具体的な成果物です(例: 公開済みの Web ページ、動作するフォームなど)。

種類: markdown_doc

検証: basic_manual_check_v1

証跡とメディア

証跡証跡成果物が正しく作れたことを確認するためのチェックリストです(例: ブラウザで動作する、フォーム送信で値が保存される)。

screenshot

メディア

diagramscreen_capture
前提 atom

必須

なし

あると楽

なし

学習完了