AI coding tool の全体像をつかむ

「AI がプログラムを書いてくれるらしいけど、ツールが多すぎてどれを使えばいいかわからない…」――そんな悩みを持つあなたに向けた Atom（＝学習単元）です。

この Atom を終えると、代表的な AI coding tool（＝AI がプログラムの作成を手伝ってくれる道具）の違いがわかり、「自分はまずコレを使おう」と 1 つ選べるようになります。所要時間はおよそ 15 分です。

---

料理のキッチン道具を思い浮かべてみてください。

• 包丁（シンプルで万能）→ 文字だけの画面で AI と会話しながらコードを書くタイプ
• フードプロセッサー（材料を入れたら自動で完成）→ 指示を出すと完成品がまるっと返ってくるタイプ
• まな板＋調理器具セット（作業台ごと AI 付きに変わる）→ コードを書くアプリそのものに AI が組み込まれたタイプ

どの道具が「一番良い」ではなく、作りたい料理に合わせて使い分けるのがコツです。AI coding tool もまったく同じです。

---

代表的なツールを 3 つのグループに分けて紹介します。

グループ 1：ターミナル対話型（文字だけの画面で AI と会話する）

良い例：「このフォルダの中にある画像ファイルを日付順に並べ替えて」と指示すると、AI が実際にファイルを操作してくれる

悪い例：ターミナルの開き方がわからない状態でいきなりインストールしようとする → まず前の Atom でターミナルの基本を確認しましょう

グループ 2：エディタ統合型（コードを書くアプリに AI が組み込まれている）

良い例：コードを書き始めると AI が「こう続けてはどうですか？」と提案してくれる → 内容を確認して Tab キーで採用する

悪い例：AI の提案を中身を読まずにすべて採用してしまう → 意図しない動作の原因になります

グループ 3：ブラウザ完結型（ブラウザだけで動く。インストール不要）

---

迷ったら、以下の 3 ステップで考えてみましょう。

ステップ 1：「何を作りたいか」で絞る

ステップ 2：「操作の好み」で決める

ステップ 3：「まず 1 つ」に決める

最初から全部使おうとするのは失敗のもとです。このサイトでは Claude Code をメインツールとして使います。迷ったらまず Claude Code を選んでおけば、後の Atom にそのまま進めます。

良い例：「まずは Claude Code を 1 週間使ってみる」と決めて集中する

悪い例：5 つのツールを同時にインストールして、全部中途半端になる

---

ここでは Claude Code を例に、一番シンプルな確認手順を紹介します。

1. ターミナルを開く

• Mac の場合：Spotlight（画面右上の虫めがねアイコン）で「ターミナル」と検索して開きます
• Windows の場合：スタートメニューで「コマンドプロンプト」または「PowerShell」と検索して開きます

2. Claude Code をインストールする

以下の 1 行をコピーしてターミナルに貼り付け、Enter キーを押します。これで Claude Code があなたのパソコンに導入されます：

npm install -g @anthropic-ai/claude-code

💡 この命令は「npm（＝Node.js 用のアプリ管理ツール）を使って、Claude Code を世界共通の配布場所からダウンロードしてインストールする」という意味です。

⚠️ もし「npm が見つかりません」というエラーが出たら、Node.js（＝JavaScript を動かすための基盤ソフト）がまだ入っていません。前の Atom を参照してインストールしてください。

3. Claude Code を起動する

インストールが終わったら、次のコマンドを入力して Enter を押します：

claude

4. AI に話しかけてみる

起動できたら、以下のように入力して Enter を押してみましょう：

Hello World と表示する HTML ファイルを作って

AI が HTML ファイルを作成してくれるはずです。これが「AI にコードを書いてもらう」最初の体験です！

うまくいかないときの AI への聞き方（プロンプト例）

AI ツールは「何を聞くか」で結果が大きく変わります。困ったときは以下のように聞いてみましょう：

---

以下のチェックリストで、この Atom の内容が身についたか確認しましょう。すべてにチェックがつけば完了です。

• AI coding tool の 3 つのグループ（ターミナル型・エディタ型・ブラウザ型）の違いを、自分の言葉で説明できる
• 自分がまず試すツールを 1 つ選び、選んだ理由を言える
• 選んだツール（Claude Code を推奨）を起動して、AI にメッセージを送り、返答を受け取れた

成果物

以下の形式で、自分の選択を短いメモにまとめてください（3 行で OK です）：

# 自分の AI coding tool 選択メモ
- 選んだツール：（例：Claude Code）
- 選んだ理由：（例：このサイトのメインツールだから）
- 試した結果：（例：HTML ファイルを作ってもらえた）

このメモが「この Atom を完了した証拠」になります。

---