ええ。

『ClaudeCode』なら、私もリリースされた日から使っています。

特に最近の、勢いは目を見張るものがありますね。

たとえば年間の、売り上げ額でいうと、Claudeを除く、『ClaudeCode』だけでも、約4,000億円あります。

しかも『ClaudeCode』を、契約する企業の数は、2026年の初めから5月までに、4倍に急増しています。

開発元の『Anthropic』の、企業価値は、今年2月に60兆円だったのが、5月末には154兆円。

わずか3ヶ月ほどで2、3倍に膨らんで、ついにChatGPTの開発元、『OpenAI』を追い抜きました。

そうですね。

日本の1年間の国家予算が、過去最大で約122兆円です。

つまり『Anthropic』は、たった1社の価値で、国の1年分の予算を超えてしまったのです。

私も驚きを隠せません。

そして今やAnthropicの、ClaudeCodeは、非エンジニアでも、使わないと損するツールとなっているのです。

そうですね。

たとえばこちら、私が普段使っている、自分の喫茶店の運営、ダッシュボードです。

はい。

日々の運営に必要なものを、自分の店に合わせて、1つにまとめたツールを作りました。

ちなみにこのツール、私はコードを1行も書かずに作っています。

ええ。

ツールの要件を、チャットで伝えて、指示を重ねていくだけで、動くようになりました。

いえ、プログラミングの知識は不要です。

今回は『ClaudeCode』で、このようなツールを、誰でも簡単に作れることを、ClaudeCodeの使い方から、AIでプログラミングする際のコツも、含めてお伝えします。

最後まで見ていただければ、マジさんも明日から、自分専用のツールを自力で作れる状態になります。

マジさん。

ClaudeCodeが、あるからといって、一人で何でも作れるわけではありません。

実際にClaudeCodeの、限界を体験いただくのが、良いですね。

たとえば、ClaudeCodeを開いて、世界的なゲームの例として、こういうお題で、作ってみましょう。

ええ。

エンターを押して、ClaudeCodeに、作らせてみます。

さて、ゲームが完成したようですね。

起動してみましょう。

マジさん、せっかくですから、操作してみてください。

そうですね。

ちなみにこういった、ゲームの作り方で、作ったものは、個人で試して遊ぶ分に留め、公開することは控えてください。

今簡単に、ご覧いただいたように、ClaudeCodeがあるといっても、一人で、しかも非エンジニアの方が、作れるものには限界があります。

ええ。、大きく3つ。

今試してみたような、本格的でリッチな、ゲーム全般、『Instagram』や『TikTok』、『YouTube』のような、大規模プラットフォーム、それから商用の、月額課金のアプリなどです。

ひとことで言うと、考えることが増えすぎるからです。

セキュリティ、サーバー、決済、法律など…。

規模が大きくなったり、商用でお金を取ったりすると、一気に難易度が上がります。

ご安心ください、マジさん。

ClaudeCodeで作るべきものは別にあります。

ClaudeCodeで作るべきは、『自分専用の武器』です。

自分専用の武器とは、自分のやりたいことや普段やっている業務に完全に最適化された道具のことです。

先ほどお見せした、私の喫茶店運営ダッシュボードがまさにそれです。

良い質問ですね。

Excelのような、市販のツールは、世界中のなるべく多くの人に、売るために作られた汎用品。

私やマジさん、ひとりひとりの仕事に、ぴったり最適化されているわけではありません。

たとえば私の場合、喫茶店では毎週、コーヒー豆の発注量を決めなければなりません。

これが、なかなか大変でした。

いえ、それが奥深くて、在庫の残量、先週の売上、季節の動向、それから常連さんの好みの変化…いくつもの要素が、組み合わさっています

ただ自分専用の、ダッシュボードを、作ってからは、AIが在庫・過去の売上、常連さんの好みの変化などを、全部加味して、、今週の発注量を、提案してくれるようになりました。

私はその提案を確認して、承認ボタンを押すだけで、発注まで完了します。

その通りです、誰しも自分の仕事には、特有のやり方や、事情があります、完全にフィットする、自分が最も使いやすい道具は、市販品では手に入らないのです

まずは、今マジさんが、手動でやっている、面倒な業務を自動化するツールから作ってみるのが良いでしょう、失敗しにくいですし、できあがれば、毎日の仕事で価値を実感できるはずです

良いですね、今日は実際に、マジさんの面倒な業務を、自動化するツールを、一緒に作ってみましょう、Claude Code がある今、対話するだけで、誰でも自分専用のツールを作れますから。

まずは、今から使う Claude Code とは、そもそもどういうものなのか、簡単に知っておきましょう、マジさん、1つだけ質問です、Claude Code と、普通の Claude、何が違うと思いますか？

いえ、違います

Claude Code に、載っている、モデルは普通の Claude とまったく同じものです

違いは2つだけです

1つ目の違いは、『システムプロンプト』というもの、会話全体を通して、勝手に読み込まれる、裏側の指示書のようなものです

はい、Claude Code では、システムプロンプトが、コードを書く作業に、最適化されており、PC にインストールした、Claude アプリの中に、内蔵されています

その通り

2つ目の違いは、PC の中のファイルや、アプリを、直接読み書きできること

普通の Claude は、ただ画面上で、やり取りするだけ、一方 Claude Code は、PC の中のファイルを、直接書き換えたり、作ったツールを立ち上げて、動作チェックしたりまで、してくれます

ええ、コード特化の指示書と、PC を直接操作できる仕組み、この2つをClaudeに、組み込んだものが、Claude Code です、Claudeに課金していれば、同じClaudeの、デスクトップアプリ上で、使えます

では、実際に、Claude Codeを、使っていくにあたって、はじめに押さえておきたいポイントを、3つお伝えします

今、全てを完全に、理解する必要はありません、ざっくり掴めれば大丈夫です

1つ目のポイントは、『作業フォルダ』の設定、Claude Code に、『どこで作業してもらうか』を、最初に教える必要があります、分かりづらければ、デスクトップで構いません

2つ目のポイントは、『モード切り替え』。

こちらのボタンを押すと、表示されるように、ClaudeCodeには、いくつかの動作モードがあります。

基本的に使うのは、計画を立てる『プランモード』と、自動で実装してくれる『自動モード』、こちらの2つです。

使い分けは、後ほど実際に使ってみる際に、自然に分かりますので、今は『2つのモードを使い分ける』とだけ覚えれば、問題ありません。

3つ目のポイントは、『Git』。

コードの変更履歴を保存して、必要なら元の状態に戻せる仕組みです。

ちなみに変更履歴の単位は、コミットと呼ばれます。

間違えても元に戻せるので、安心して試行錯誤できます。

慌てる必要はありません。

Gitは、使いながら慣れるのが一番の近道です。

今は、コードの変更履歴を管理してくれるGitという仕組みがある、これだけ覚えておけばOKです。

Gitを使った履歴の管理は、ClaudeCodeに頼めば、代わりにやってくれます。

ええ。

これで、ClaudeCodeを使う準備は完了です。

今から実際に、ClaudeCodeを使って、ツールを作っていきます。

では、早速、どんなツールを作るか、決めましょう。

マジさんが普段から、面倒だと感じている業務はありますか？

それは大変ですね。

では、その毎朝のタスク管理と報告を自動化する、このような『進捗ダッシュボード』が、自動でSlackに投稿されるようにしましょう。

ええ。

では、ツールをどう作っていくか、大まかな流れを押さえます。

やることは大きく3ステップ。

1、進捗ダッシュボードに欲しい機能の詳細を固める。

2、ダッシュボードの『見た目』を作る。

3、見た目ができたら、裏でデータを動かすための『中身のしくみ』を作る、です。

この流れで、今回最もお伝えしたい、『AI時代のプログラミングのコツ』を、順に5つご紹介します。

ではまず、進捗ダッシュボードに欲しい機能の詳細を、ClaudeCodeと対話しながら固めましょう。

ここで早速、「AI時代のプログラミングのコツ」1つ目、『grill-me』スキルを使う、です。

『は、やりたいことを具体化するため、ClaudeCodeに『私を質問攻めにして』とお願いするスキルです。

『スキル』というのは、よく使う手順を、ClaudeCodeに、あらかじめ教え込んでおく仕組みのこと。

一度保存しておけば、その後はいつでも、スキルを呼び出せます。

その通り。

非常にシンプルな指示で、今回のようなツール作り以外にも、企画書の叩き台や旅行計画など、ぼんやりしたアイデアを、具体化したいあらゆる場面で使えます。

まずは実際に試してみましょう。

『/grill-me』と打てば、このようにスキルを呼び出せます。

そのまま送信すると、何について具体化したいか、聞かれました。

マジさん、今の業務の悩みと、どんなツールが欲しいのかを、ClaudeCodeに伝えてみてください。

すると、ClaudeCodeが、早速質問を返してきます。

心配不要です。

こういう専門用語が混じった質問がきた時のために、おすすめのフレーズが2つあります。

入社したての新卒社会人でもわかるように、専門用語は解説しながら説明して。

もしくは、『エンジニア1年目でもわかるように教えて』。

これを伝えるだけで、ClaudeCodeが、必要な用語は残しつつ、噛み砕いてくれます。

私は『にゅ』と『え』で辞書登録して、いつでも呼び出せるようにしています。

では、マジさん、ClaudeCodeからの質問がなくなるまで、1つずつ答えていってください。

数分後・・・

まさにそれが、grill-meの本質です。

どんなツールが欲しいのかが、ぼんやりしたまま、作り始めると、後で『やっぱり違った』『この機能いらなかった』と、大きなやり直しが発生します。

grill-meで、最初に詰め切るのが結局一番速いのです。

ええ。

ちなみにこの『grill-me』、もともとは海外の開発者、MattPocockさんが、無料で公開した、英語のスキルで、開発者の間で、大きな話題になったものです。

私は日本語の方が、チューニングしやすいので、日本語に書き換えたものを使っています。

こちらのリンクから、スキルのファイルをダウンロードして、サイドバーのカスタマイズから、スキルをアップロードすれば、誰でも使えるようになります。

作りたいツールが明確になったところで、「AI時代のプログラミングのコツ」、2つ目、先に見た目を作る、です。

はい。

実はツール作りは大きく2つの部分に分けられます。

画面に映っている『表側』と、

裏でデータを処理したり、保存したりしている『裏側』。

『見た目から作る』というのは、先に表側だけを作ることです。

ただし、表側だけだと、データの保存はできません。

画面上でデータを入力して変更しても、ページを更新すると消えてしまいます。

あくまで、『見た目を先に固める』段階だと思ってください。

見た目が決まってない状態で裏側も一緒に作ると、いらない機能まで作ってしまったり、途中で『やっぱり別のツールにしたい』と、やり直しが発生したりします。

見た目さえ決まっていれば、何を作るべきかが逆算で見えてくるのです。

ここで、「AI時代のプログラミングのコツ」、3つ目、『プランモード』を使います。

ええ。

ClaudeCodeには、モード設定があり、基本的にプランモードと自動モードの2つを使うと、ご紹介しました。

『自動モード』は、指示すると自動でプログラミングを進めてくれるモードで、後ほど実際にAIにコードを書いてもらう際に使います。

『プランモード』は、ClaudeCodeにファイルへの変更を一切許可せず、計画を立てることだけに専念させるモード。

このプランモードで、見た目を作る計画を立ててもらうのです。

いきなり自動モードで実装させると、こちらの意図とズレたものが大量にでき上がって、後で大きなやり直しになることが多いのです。

先にプランモードで計画をたて、内容に納得してから自動モードに切り替えて実装。

これが結果的に一番速いのです。

では、早速、『プランモード』に切り替えます。

見た目を考える際は、ClaudeCodeに、『プロのUI/UXデザイナー』として考えてもらうのがオススメ。

UI/UXデザイナーというのは、簡単に言うと、使う人にとって使いやすくて見やすい画面を設計する専門家のことですね。

では早速指示します。

先ほどgrill-meで固めた内容をもとに、プロのUI/UXデザイナーとして、進捗ダッシュボードの見た目の計画を、モダンな開発で立ててください、と送信します。

これはClaudeCodeに、『最新の作り方で組み立ててください』とお願いするための一言です。

ツールを作るときには、色んな作り方がありますが、今、現場のエンジニアが実際に使っている最新の組み合わせを、ClaudeCodeが選んでくれるのです。

ええ、その通り。

見た目を作るときも、後の裏側を作るときも、両方で使える便利な一言です。

プランが返ってきました。

shadcnにTailwindという、今どきの道具を使って作ることを提案してくれているようです。

お待ちください、マジさん。

ここで、「AI時代のプログラミングのコツ」、4つ目、サブエージェントレビュー、です。

サブエージェントとは、ClaudeCodeの中に、別の役割を持ったAIを立ち上げる機能です。

出てきたプランを、自分でじっくり読む前に、サブエージェントを呼んで、AIにレビューしてもらいましょう。

今回は、『プロのUI/UXデザイナー』役と、『シニアエンジニア』役の2人を同時に呼びます。

プラン内容をプロのUI/UXデザイナーと、シニアエンジニアのサブエージェント2体にレビューさせてください、と打ちこんで送信です。

ええ。

自分で作ったものを、自分で見直しさせても、見落としが多くなります。

サブエージェントとして別のAIを立ち上げる利点は、これまでの私たちとの会話の流れ、つまりコンテキストを知らない状態で起動できること。

はい。

知らないからこそ、先入観なしで本当に客観的な目でプランを評価してくれます。

自分で考えた人は『これでいい』って思ってしまうところを、何も知らない別の人が見ると、おかしいところに気づける、というのと同じ理屈です。

そうこうしているうちに、レビューが終わったようです。

デザイナー側からは、『遅延タスクはTOP5に絞ってハイライトすべき』や、

エンジニア側からは、『エラー時の表示の計画が欠けている』など。

ええ。

この指摘をふまえて、プランを更新してもらいます。

この指摘を反映して、プランを更新してください、と送信。

ちなみにこのサブエージェント、デザイナーやエンジニアだけでなく、自分の業務に合わせて、『法律の専門家として』、『マーケターとして』など、色々な役割を立てて使えます。

さて、更新されたプランが出てきました。

ここでようやく、ちゃんと自分で読みます。

マジさん、この内容に違和感はありませんか？

ではあとはプランを承認するだけ。

プランを承認すると、プランモードから勝手に自動モードに切り替わって、プランの実装を進めてくれます。

少し待つと実装が完了しました。

本来はここでもう一度、同じサブエージェント2人に実装した内容をレビューしてもらうと、さらに盤石です。

では完成した画面を見てみましょう。

ええ。

この後で裏側、つまり中身の仕組みさえ作ってしまえば、この画面がそのまま使えます。

いいですね。

そういう時は、ClaudeCodeに一言伝えるだけ。

遅延タスクの色をもう少し目立つように調整してください、と送信。

これでダッシュボードの見た目は完成です。

あとは中身を作るだけ。

grill-meで欲しい機能は固まっていますので、今使った『プランモード』と『サブエージェントレビュー』、これをまた繰り返すだけです。

では中身に取り掛かりましょう。

やることは、見た目のときと同じ流れ。

プランモードでまず計画を立て、サブエージェントレビューです。

ええ。

今度はClaudeCodeに、『プロのシニアエンジニア』として計画を立ててもらいます。

先ほど固めた要件と、作った見た目に合わせて、裏側の実装のプランをプロのシニアエンジニアとしてモダンな開発で立ててください、と。

そして、サブエージェントのレビューもまとめて依頼してしまいましょう。

プランを作ったら、プラン内容をシニアエンジニアのサブエージェントにレビューをさせ、レビューを踏まえてプランに必要な修正を加えてください、と。

送信します。

ええ。

しばらく待つと、レビュー結果を反映したプランが返ってきました。

では、こう指示してみてください。

『構造はアスキーアートで説明して』と。

AIの回答をご覧ください。

アスキーアートとはこのような、文字や記号だけを並べて作る簡易な図のこと。

ClaudeCodeが処理の流れを図にしてくれました。

ええ。

テキストだけだと複雑な内容も、アスキーアートを使って説明させれば理解しやすいです。

AIが短い時間で作ることができるのも、便利な点ですね。

ちなみにClaudeCodeには、毎回のセッションで常に守ってほしいことや、知っておいて欲しいことを書いておける、CLAUDE.mdという仕組みがあります。

今回は詳しく触れませんが、例えば、説明には積極的にアスキーアートを使用する、のようにCLAUDE.mdのファイルに記載しておくと、わざわざ指示しなくてもアスキーアートを使って説明してくれるので楽です。

CLAUDE.mdは、ClaudeCodeに伝えるだけで簡単に作れるので、ぜひ試してみてください。

さて、ダッシュボードの裏側を作るプランを承認する前に、最後の「AI時代のプログラミングのコツ」、『途中でClaudeCodeの記憶をリセットする』です。

まずはご覧ください。

/context」と打ちこんで送信すると、このような表示が出ます。

これはコンテキストウィンドウ、つまりClaudeCodeがここまでのやり取りで使った『頭の中の容量』がもう32%埋まっている、ということです。

はい。

読み書きした情報量が増えるごとに、判断の精度が少しずつ落ちていきます。

そこで節目で記憶をリセットして、新鮮な状態に戻す、というのが、この5つ目のコツです。

実はClaudeCodeを開発しているエンジニアのThariqShihiparさんも、コンテキストが30〜40%あたりで性能の低下が始まると発信しています。

それを超えてしまうと、性能が落ちた武器で戦い続けるようなものですからね。

ええ。

ちなみに私はもっと前倒しで、『25%〜30%』のあたりでリセットするようにしています。

私の体感ではそのくらいから既に、ClaudeCodeの考えが鈍ってきているように感じるからです。

ご安心ください。

リセットする前に、『次のセッションへの引き継ぎ』を作ってもらえば良いのです。

そうですね。

では、次のセッションの指示を簡潔に考えて、pbcopyしてクリップボードに入れてください、と打ち込んで送信。

Macで『コピーしておいて』という意味のコマンドです。

Windowsを使っている方は、『clipして』に変えて使ってください。

覚える必要はなく、このフレーズも『つぎ』と打つだけで入力できるよう、辞書登録しておくのがオススメです。

では、引き継ぎがコピーできたところで、記憶をリセットです。

入力欄に『/clear』と打って送信します。

画面がスッキリしましたね。

これでさっきまでのやり取りはリセットされて、ClaudeCodeは今、新鮮な状態です。

では、先ほどコピーされた引き継ぎを貼り付けて送信します。

ClaudeCodeが、固まった要件と現在の作業内容を踏まえて進めます、と理解してくれました。

ではプラン通りに実装を進めてもらいます。

ええ。

ちなみに『/clear』に似た機能で、『/compact』というのもあります。

こちらはそれまでの会話を要約することで、頭の中の容量を空けてくれます。

/compact」の方が一般的ですが、作業を開始できるまでに時間がかかるため、スピード重視なら、『/clear』と引き継ぎをコピーするフレーズのセットがオススメです。

そうこうしている間に、実装が終わったようです。

では、出来上がったツールを実際に動かしてみましょう。

毎朝9時に自動で動く設定になっていますが、ClaudeCodeに指示して、現時点のタスク情報を取得するところから動かしてもらいます。

少し待つと…Slackにメッセージが投稿されました。

遅延タスクの担当者には、自動でメンションをつけてくれていますね。

ダッシュボードを見ると、色は黄信号、遅延タスクが3件、担当者別の進捗カードも揃っています。

そうですね。

ちなみに、このツールにAIを組み込んで、さらに進化させることもできます。

例えばこのように、AIがタスク状況を見て、佐藤さんのタスクに遅れが出始めています、施策の提案タスクは、余力のある渡辺さんに振るのがオススメです、と提案してくれる。

ただ進捗を可視化するだけではなく、『次に何をすべきか』まで、AIが考えてくれる、なんてこともできるのです。

ええ。

今日は実装まではお見せしませんが、慣れてきたらAIを搭載する、なんてことも、簡単にできるようになります。

ただし、はじめにgrill-meから始めることを忘れずに。

いい言語化です。

逆に言うと、実装中につまずく人の多くは、その前の『詰め』を飛ばしている。

コードを書く前の詰めを丁寧にやれば、ClaudeCodeは驚くほど効果的に動いてくれるのです。

最後に、ClaudeCodeとよく比較されるツール、ChatGPTの『Codex』も、簡単にご紹介しておきます。

『Codex』はClaudeにおけるClaudeCodeのように、プログラミングに特化したChatGPTのようなもの。

『ChatGPT』に課金していれば、追加コストゼロで『Codex』が使え、使っていても利用制限に引っかかることはほとんどありません。

ええ。

『ClaudeCode』に比べると、「/grill-me」などのskill機能が使えない欠点はありますが、すでに『ChatGPTPlus』に課金している方は、『Codex』もぜひ試してみてください。

ここで、今回のマスタークエストです。

あなたが今抱えている面倒な仕事を1つ思い浮かべて、それを楽にする自分専用のツールがどんなものか、『grill-me』を使って言語化してみてください。

すでにChatGPTに課金している方は、Claudeではなく『Codex』でも問題ありません。

さて、今回マジさんの業務を自動化するツールを作りながら、お伝えしたAI時代のプログラミングのコツ、5つを振り返りましょう。

1つ目、grill-meスキルを使って、欲しい機能を言語化する。

2つ目、先に見た目から作る。

3つ目、プランモードを使って、計画を立てる。

4つ目、サブエージェントにレビューをさせる。

5つ目、節目でClaudeCodeの記憶をリセットする、でしたね。

正直に話してくれて、ありがとうございます。

実際に使ってみてどうでしたか？

良い気づきですね、マジさん。

ClaudeCodeがある今、必要なのは、プログラミングの知識よりも、自分が欲しいものを言葉にする力。

それはAIが、どれだけ賢くなっても、人間にしかできないことです。

ええ。

まず1つ、自分の道具を作れば、また次も作ってみようと思える。

そうして、道具を作っていく中で、できることがどんどん増えていくのです。