この動画では、AnthropicのClaude Codeが単なるコーディングエージェントではなく、実質的に汎用AIエージェントとして機能することを解説している。話者は個人ウェブサイト制作の体験を通じて、Claude Codeがコード生成だけでなく、プロジェクト戦略の立案、要件定義、デザイン決定など、開発プロセス全体をサポートする能力を持つことを実証している。ターミナルベースのインターフェースに対する恐怖心を取り除き、Claude Codeの真の価値を理解することの重要性を訴えている。
Claude Codeに対する根本的な誤解
我々はClaude Codeを誤解しています。私は確信しているのですが、Anthropicは事実上汎用AIエージェントを立ち上げており、それを単なるコーディングエージェントであるかのように偽装して隠しているのです。
これは単なるコーディングエージェントではありません。Claude Codeは知能の全スペクトラムに対応できるのです。ただ、ターミナルに隠れているため、ターミナルを使ってコーディングしない人々には怖く見えるだけなのです。そして正直に言えば、それは我々のほとんどに当てはまることです。
私が本当に興味深いと感じるのは、ついにClaude Codeを使い始めたとき、Claudeの最大ティアか何かにアップグレードする決断がとても簡単になったことです。結局のところ、どれだけ多くのClaude Codeを利用できるか、どれだけ多くの時間をClaudeのUIで過ごせるかがわかり、Claude Codeがもたらす知能について十分な経験を積んでいたため、それが直感的に感じられたからです。
従来の開発環境を超えた体験
そのことを少し説明させてください。Claude Codeでは従来の開発環境は持っていません。コードが必ずしもカスケード式に流れ落ちるのを見ているわけではないのです。Claudeはファイルを編集し、ファイルを作成しますが、開発環境で行うように必ずしもすべてを見せてくれるわけではありません。
「なんてひどい設計選択だ」と思うかもしれません。しかし、そのレベルを抽象化することで、プロジェクトの戦略と意図にClaudeと一緒に集中できるようになることがわかりました。そして、Claude Codeのレビューのほとんどが、この部分を飛び越えてコーディング能力に直行してしまったと感じています。
わかります。Claude Codeは強力です。コードが得意です。彼らはそこで魔法のようなことをやったのです。私が強く疑っているのは、Cursorのような他のツールにClaudeをインストールした場合に生じるようなトークン制約が同じではないからだと思います。
そして、Anthropicが体験全体をコントロールできるため、Claude Codeを彼らが望む通りに正確に動作させることができるのです。これは野生に放たれた内部開発ツールのような感じがします。実際にそうだと思います。
エンジニアリングの本質的な価値
そのように考えると、時間を経てその分野で経験を積んだシニアエンジニアが気づき始めることが少し理解できます。変革をもたらすのはコードを書く能力ではありません。プロジェクトの構造とその順序付けの仕方を考える能力が有用なのです。
私は非常に経験豊富なシニアエンジニアであると主張するつもりはありません。私のバックグラウンドは異なります。私はハッキーで粘り強い創業者タイプで、プロダクト寄りの人間です。確実に技術的な傾向が強いジェネラリストです。
しかし、コーディングについて十分に知っており、プロジェクト管理についても十分に知っているので、Claude Codeはコーディングツール以上のものであることがわかります。そして、単なるコーディングツールとして考えると、それを誤解してしまうのです。
個人ウェブサイト制作での実践例
例として、作成したいと思っていた個人ウェブサイトをいじっていました。私は自分の個人ウェブサイトを愛していませんでした。そこを訪れたことがある方々、私はあなたがたに心から同意します。それはひどいものです。酷いものです。私の優先事項ではありませんでした。より良いものを作成しています。
そして、このビデオではその秘密を明かすつもりはありません。別のもので取っておきます。要点は、他の環境で試したどれよりも、このプロジェクトでClaude Codeを動作させるのがずっと簡単だったということです。Windsurfを試しました。Cursorで少し試しました。o3で試しましたが、これは最悪の例でした。
o3は好きです。それについて多くの良いことを言ってきましたが、o3環境での直接的なコーディングとしてのo3は好きではありません。
Claude Codeが簡単だったのは、Claudeが私の質問に知的に答えてくれたからです。Claudeは私が理解できる計画を立ててくれました。そして、Claudeが構築することを決めたとき、最初からほぼ正しく構築してくれました。私が行う必要のある調整は最小限でした。
私がしなければならなかったのは、Claudeに私が構築したいもの、つまり個人サイトを伝え、Claudeにスタイルガイダンスを与え、Claudeにまず計画で答えてもらうよう求めることだけでした。そしてClaudeとともに計画を練り上げていきました。
自然言語でのプロジェクト管理
これはすべて平易な英語で行われました。はい、ターミナルです。それに怖がらないでください。ターミナルは単なるチャットボット体験です。それほど怖くありません。
そして、これはエンジニアではない方々向けです。エンジニアの方であれば、ターミナルは怖くないでしょう。要点は、Claude Codeを単なるコーディング用だと考えると、それを誤解してしまうということです。
私は、Claude Codeと欲しいものを詳細に話し合うことによって、ウェブサイト用の効果的なプロダクト要件ドキュメント全体を作成しました。そして、他の種類のバイブコーディングプロジェクトでも持続している興味深い特徴に気づきました。これらは従来のエンジニアリングプロジェクトで見るものとは異なるため、特に強調したいと思います。
従来の開発プロセスとの違い
従来のエンジニアリングプロジェクトでは、常に骨組みやワイヤーフレームを最初に組み立てます。私たちのアジャイル開発タイムラインの多くが、ワイヤーフレームを作成し、ワイヤーフレームが機能するかを確認し、その後詳細を追加してミッドファイ、最終的にハイファイを得て、それからコーディングするという流れになっている理由です。
いいえ、プロトタイプを作成するときは最初からコーディングしているのです。これはほとんどのバイブコーディングに当てはまります。そして特に、バックエンドをコーディングする前に、まずポリッシュのためのコーディングを目指しているのです。
これは私には非常に直感的ではありませんが、UXとデザインのポリッシュを後から導入するのは難しいため、バイブコーディングプロジェクトではうまく機能します。早期に導入する方がはるかに簡単です。ですから、ポリッシュを正しく行うために時間をかけてください。
Claude Codeを使用するのは、実際に洗練されたプロフェッショナルレベルのAIを得ることができた初めてのことです。Substackで私が試していたもののスクリーンショットをいくつか投稿しますが、結局のところ、そこに到達した方法は80%がClaude Codeで、残りの20%は実際にo3とClueyの組み合わせでした。
革新的なワークフロー
誰かが以前にそのワークフローを行ったことがあるかわかりません。間違っていたら教えてください。しかし、私が行ったのは、Clueyをコーディングスクリーンショッターとして使用することでした。スクリーンショットを撮って取引する必要がありませんでした。Claude Codeにスクリーンショットを直接入れることはできません。UIで見ているものの具体的なフィードバックを簡単にClaude Codeの手に渡す方法を探していました。
そこで、基本的にClueyに私が持っているUXを視覚化してもらい、「見てください、ボタンのハイライトが気に入りません。ボタンのハイライトは汚くて気持ち悪いと思います。必要な方法でポップしないと思います。光が弱すぎます。もっとポップする必要があります」と言いました。
そして、ClueyはCSS観点からそれを修正するコードで応答しました。そして、Clueyが正しいかどうかは気にしませんでした。以前のビデオで、Clueyは平凡なAIだと思うという事実について話しました。ですから、コードについて正しいかどうかは気にしませんでした。変更をコードで大まかに説明できることを気にしていました。
多ツール連携の効果
そして、それを取って、色についていくつかの研究を行うためにo3に少し渡しました。色の研究にo3を使うのは奇妙ですよね。でも、そうしました。
そして、フロントエンドに欲しい適切な色とテーマの感覚を得たと感じたとき、そしてボタンやフレームなどの特定の要素について調整する方法のコードとその感覚も得たとき、Claude Codeに戻りました。スクリーンショットは渡しませんでした。「これはコードスニペットです。これは色です」と渡しました。
そして、再び知的であるように求めました。私たちは単なるコーディングエージェントのレベルを超えて動作しています。汎用エージェントのように感じられます。「これについて考えて、検討して、適切な変更を行ってください」と言いました。
そして、HTMLやCSS、JavaScriptを簡単にCodePenに戻して循環させ、フロントエンドを視覚化して、「良いか良くないか、変更が欲しいか」と言うことができました。そして、欲しい通りに正確になるまでいじることができました。
そして、「よし、ついに準備ができました。サイトの構築を進めてください」と言いました。そして、Claude Codeはローカルでの構築を進めました。その後は、ローカルで構築し、デプロイメントを行い、他の通常の開発作業を行うという問題になります。
Claude Codeの真の価値
しかし、汎用エージェントの作業、要件開発、実際にはデザインのすべてをClaude Code内で行いました。そして、人々がそれを使用することを止めているのは、ターミナルを使用することへの恐怖だけだと思います。
ターミナルを効果的にコンピューター上のファイルと話せるチャットボットとして考えると役立つと思います。それだけです。
そして、MCPを使って他の場所に行く方法もあることは知っています。それは素晴らしいことです。そして、Claude Codeがインターネットを検索できることも知っています。会話の一部でそれを行わせました。
しかし、単純な視点から考えて、「Claude Codeはただの別のチャットボットです。たまたまターミナルに住んでいて、それと話すことができます」と考えれば、エンジニアでない場合、恐怖を克服できるかもしれません。
エンジニアコミュニティへの提言
エンジニアの方には、Claude Codeプロジェクトについて共有するとき、はい、Claudeがどれほど素晴らしいか、どこでトークンバーンを示すか、実際に欲しいものを実行するのが本当に賢く、高いフォロースルーを持っているかについて話してください。特定の状況での注意点や欠点について話すことができます。書いているコードを見ることができないのは残念ですよね。すべてを置き換えるとは言っていませんが。
しかし、エンジニアの方やClaude Codeの定期的なユーザーの方も、これは単なるコーディングエージェントではないことを言及してください。それ以上のものです。それは効果的にターミナルに住む汎用エージェントなのです。
そして、AIエージェントが将来どこに向かうかのための興味深いモデルだと思います。
まとめ
それが私のClaude Codeの紹介です。楽しんでいただけることを願います。Claude Codeをコンピューターに導入するのは難しくありません。2分程度のインストールです。非常に簡単です。1つのターミナルコマンドのようなものです。指示に従えば、起動して実行できます。全く怖くありません。Claudeアカウントがあれば、非常に非常に高速です。
ですから、Claudeが私にお金を払ってこれをやってもらったわけではありません。Claude Codeが好きで、単なるコーディングエージェントではないことをもっと多くの人に理解してもらいたいから、これをやっているのです。
コメント