ブルーランプのロゴブルーランプ
  1. ホーム
  2. 記事
  3. 非エンジニアが Claude Code を使うには?画面とボタンで始める道

非エンジニアが Claude Code を使う道 — 画面とボタンで始める

つまずくのは黒い画面(ターミナル)・保存の仕組み・公開の 3 つ。セットアップの道具と VS Code の拡張に任せれば、人がやるのはログイン 2 回と「何を作るか」を話すことだけです。

非エンジニアが Claude Code を使うには、命令を覚えるより先に「入れる作業」と「操作」を道具に任せ、自分は何を作りたいかを言葉で渡すのが近道です。Claude Code は Anthropic の AI エージェントで、パソコンの中で読み書きと作業をします。AIエージェントとはから読むと全体がつかめます。

どこでつまずくのか

非エンジニアが止まる所はだいたい決まっています。

つまずく所なぜ止まるかブルーランプでの代わり
黒い画面(ターミナル)何を打てばよいか分からないセットアップの道具が全部打つ
保存と共有の仕組み専門の言葉が多いエージェントが代わりに保存する
公開(デプロイ)72 時間進まなかった経験もある最も苦戦する工程人が触らなくても公開できる置き場に決めてある

入れるところまでの実際

Mac の手順書では、全体でおよそ 2〜30 分(ほとんどが待ち時間)、Mac の管理者パスワードは一度も要らず、再起動も無い、と書いています。人の操作は次の所だけです。

  1. ダウンロードして、ダブルクリックを 2 回
  2. セットアップの最初の画面で「はじめる」を 1 回(あなたの出番はしばらく終わり)
  3. Claude にログイン
  4. VS Code が自動で開いたら、ブルーランプにログイン(最後の 1 回)
VS Code の拡張の店で、ブルーランプの拡張を入れた画面
VS Code の拡張の店のブルーランプ(手順書の画像・入れた数はぼかし)

3 日間で何をするか

奥伝の講座「AgenticApp 構築プログラム」は、Day1 にセットアップ・要件定義・画面の土台・裏側の計画、Day2 に画面と裏側の連結・E2E テスト・公開、Day3 に各席の発表という時間割です。アプリ 1 本を最後まで自分の手で通します。

講座の中では、ひとりで飲食店を営んでいた受講生が、3 日で予約アプリの基本形を作り、5 日後に公開した例を紹介しています(お名前は伏せています)。

人の仕事は「何を作るか」を決めること

働き手が AI エージェントになると、人の立ち位置は自然にリーダーになります。実務で張り合えば負けるので、実務は捨てて、明瞭なビジョンを持つことに時間を使う——これが講座の考え方です。要件定義(何を作るかを言葉にした紙)がアプリの DNA で、ここから画面も裏側も決まります。

詰まったときの 3 つの約束

どの仕事から任せるかは使いどころ、入れてすぐ使えるエージェントはエージェントの棚にまとめています。

よくある質問

Claude Code は何がすごいのですか?

聞かれた事に答えるだけでなく、パソコンの中でファイルを読み書きし、作業を続けられる所です。手順書を渡せば、1 回の指示で長く働きます。講座では、1 回の指示で 5〜6 時間動く構造を持つ人間が、生産性の高い人間と言っています。

パソコンは何を用意すればよいですか?

始めるだけなら今のパソコンで十分です。複数のエージェントを並列に動かすようになったら、メモリは 24GB 以上、理想は 36GBを勧めています。手順書は Mac 版と Windows 版の両方を用意しています(初伝のライブラリ)。

コードが読めなくても、作った物を直せますか?

直すのもエージェントの仕事です。E2E テストではエージェントが人の代わりに画面を触り、通らなければ原因を探して直します。人がやるのは、どこが「思っていた物と違うか」を言葉で伝えることです。

VS Code に入れて、今日から任せる

入れ方は 3 手。手順書と動画つき。

ブルーランプを入れる