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

atom.web-builder.why-claude-code-or-codex

Claude Code / Codex を使う理由を決める

Claude Code / Codex を使う理由を決める

choose-ai-coding-toolchoose-ai-coding-tool「choose ai coding tool」に関するスキルがこのレッスンで身につきます。
想定時間未設定公開状態: draft
学習メモ

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

種類: markdown_doc検証: basic_manual_check_v1

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

test_result

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

diagramscreen_capture

レッスン本文

Claude Code / Codex を使う理由を決める

このレッスンで身につくこと

料理をするとき、すべてを一人でこなすのもよいですが、便利な道具や助手がいればずっとラクにおいしいものが作れますよね。Webアプリづくりも同じです。AI(=人工知能で、あなたの指示を理解して作業を手伝うプログラム)を「料理の助手」として活用すると、プログラミング経験がないあなたでも本格的なWebアプリを作れるようになります。

このレッスンを終えると、次の3つができるようになります。

  • Claude Code と Codex CLI の違いを自分の言葉で説明できる
  • あなたの作業スタイルに合った道具を一つ選べる
  • 「なぜAIを使うのか」を自分の言葉で書き出せる

所要時間: 約10〜15分

比較イメージ図

AI道具を知る

まずは、この学習パスで使う2つのAI道具を紹介します。どちらも「ターミナル(=文字だけでコンピューターに指示を出す画面)」で動くAIの助手です。

Claude Code(クロード・コード)

Anthropic社が作ったAI「Claude」を、あなたのパソコン上で動かせる道具です。ターミナルの中で対話しながら、コードを書いたり直したりしてくれます。

  • 特徴: 日本語で話しかけると、丁寧に返事しながら作業を進めてくれる
  • 向いていること: 対話しながら少しずつ作り上げたいとき
  • たとえるなら: 隣にいる料理の先生。「次は何をしますか?」と一つずつ確認しながら一緒に作る

Codex CLI(コーデックス・シーエルアイ)

OpenAI社が作ったAIを、同じくターミナルから使える道具です。コマンド(=コンピューターへの短い指示文)一つで、まとまった作業を一気に進めてくれます。

  • 特徴: 指示を与えると自動でバシバシ作業を進める
  • 向いていること: ある程度方針が決まっていて一気に進めたいとき
  • たとえるなら: レシピを渡すと全部作ってくれるシェフ。完成品をドンと出してくれる

ターミナルでの操作イメージ

どちらを選ぶか考える

どちらも「AIがコードを書く」という点では同じですが、進め方の好みに合わせて選べます。

選び方のポイント

あなたの好み向いている道具
対話しながら確認しながら進めたいClaude Code
方針が決まったら一気に進めたいCodex CLI
どちらも試してみたいまずは Claude Code から
とにかく早く成果物がほしいCodex CLI

良い例と悪い例

良い例: 「まずはWebアプリを1つ完成させたい。プログラミングは初めてなので、対話しながら進められる Claude Code を選ぼう」

悪い例: 「どっちでもいいからとりあえず入れてみる」(→ 途中で「自分に合っていなかった」と感じて挫折しやすい)

良い例: 「Codex CLI の方が効率的らしいけど、まずは仕組みを理解したいから Claude Code で始めて、慣れたら切り替えよう」

悪い例: 道具選びだけで満足して、実際に使い始めない

AIに聞いてみる(プロンプト例)

まだ迷っている場合は、AIに相談してみましょう。ChatGPTやClaudeの無料版(ブラウザで使えます)に、次のように聞くことができます。

プロンプト例 1(自分に合う道具を聞く): 「私はプログラミング経験がない初心者で、Webアプリを作りたいです。Claude Code と Codex CLI のどちらが向いているか、私の状況に合わせて教えてください」

プロンプト例 2(違いをもう少し詳しく知りたいとき): 「Claude Code と Codex CLI を使ってWebアプリを作る場合、それぞれの作業の流れを具体的に教えてください。プログラミング用語は使わず、日常の言葉で説明してください」

AIの答えを読んで、「こっちの方が自分に合いそうだな」と思えたらOKです。

あなたの理由を書き出す

最後に、「なぜAIの力を借りるのか」をあなた自身の言葉で書き出してみましょう。メモ帳やノートアプリに、次の3つを書いてみてください。

書くこと

  1. あなたが作りたいもの(例: 「自分のポートフォリオサイト」「カフェの予約ページ」)
  2. 選んだ道具(Claude Code または Codex CLI)
  3. その道具を選んだ理由(1〜2文でOK)

書き方の例

私は自分のポートフォリオサイトを作りたい。プログラミングは初めてなので、日本語で話しかけながら進められる Claude Code を選んだ。対話しながらだと、一つずつ理解しながら作れると思ったから。

これがこのレッスンの成果物(=あなたが完成させるもの)です。

つまずきやすいポイント

よくあるつまずき対処法
「どっちがいいか全然わからない」迷ったらまず Claude Code を選びましょう。対話型なので初心者に向いています。あとから変更もできます
「理由がうまく書けない」完璧な文章でなくて大丈夫。「○○を作りたいから」の一言だけでもOKです
「そもそもAIを使う必要があるのかわからない」AI無しだとプログラミング言語を一から学ぶ必要があります。AIを使えば日本語の指示だけでコードが書けるので、最初の一歩が格段にラクになります

確認する

次の3つすべてに「はい」と言えたら、このレッスンは完了です。

  • Claude Code と Codex CLI のそれぞれの特徴を、友だちに説明できる
  • あなたが使う道具を一つ選んだ(迷ったら Claude Code でOK)
  • 「作りたいもの」「選んだ道具」「選んだ理由」を書き出した

おめでとうございます!次のレッスンでは、選んだ道具を実際にインストールして使い始めます。

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

種類: markdown_doc

検証: basic_manual_check_v1

証跡とメディア

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

test_result

メディア

diagramscreen_capture
学習完了