1,469 文字
笑顔を作るべきなんですか？
いや、今のままで—
大きな笑顔は不気味ですよね。それが言いたかったんです。私はボリス、エンジニアです。
私はキャット、プロダクトマネージャーです。私たちは人々がClaudeを使って何を作るのか、特にコーディングにおいて見るのが大好きで、すべての人のためにClaudeのコーディング能力を向上させたいと考えています。
私たちはいくつかのツールを開発し、その一つを今日共有します。Claudeコードをリサーチプレビューとしてローンチします。Claudeコードは、ターミナル上で直接Claudeと一緒に作業できるエージェントコーディングツールです。実際の動作例をお見せしましょう。
ここにプロジェクトがあります。これはNext.jsアプリです。Claudeコードのインスタンスでこれを開きましょう。これで、Claudeコードはこのリポジトリ内のすべてのファイルにアクセスできるようになりました。このコードベースについてはあまり知りません。カスタマーサポートエージェントとチャットするためのアプリのようです。Claudeにこのコードベースの説明を手伝ってもらいましょう。
Claudeはまず上位レベルのファイルを読み取り、その後さらに深く掘り下げていきます。今はプロジェクト内のすべてのコンポーネントを確認しています。いいですね、ここに最終的な分析があります。
例えば、この左側のサイドバーをチャット履歴に置き換え、さらに新しいチャットボタンを追加するよう依頼されたとします。Claudeに手伝ってもらいましょう。
私たちはファイルやパスを指定していませんが、Claudeはすでに自力で更新すべき正しいファイルを見つけています。Claudeは自分の思考プロセスを表示することもでき、この問題にどのように取り組むことにしたかを見ることができます。Claudeは私に変更を受け入れるかどうか尋ねています。はい、と言いましょう。
今、Claudeはナビゲーションバーを更新し、ボタンとアイコンも追加しています。次に、保存状態が正しく機能するようにロジックを更新しています。しばらくすると、Claudeはタスクを完了します。ここに行った作業の要約があります。アプリを見てみましょう。
新しいチャットボタンと左側の新しいチャット履歴セクションが表示されています。前のチャットを保存したまま新しいチャットを開始できるか確認してみましょう。新しいチャットボタンも試してみます。素晴らしい、すべて機能しています。
次に、Claudeに追加した機能が確実に動作するようにテストを追加するよう依頼しましょう。Claudeはコマンドを実行する許可を求めています。はいと言いましょう。Claudeはこれらのテストを実行するために変更を加えています。結果を得た後、すべてのテストが合格するまで計画を続行します。
数分後、準備ができたようです。今度はClaudeにアプリをコンパイルしてもらい、ビルドエラーがないか確認しましょう。何が見つかるか見てみましょう。Claudeはビルドエラーを特定し、今それを修正しています。それから再度ビルドを試みます。うまくいくまで続けます。
最後に、Claudeに変更をコミットしてGitHubにプッシュするよう依頼して、すべてを完了させましょう。Claudeは変更の要約と説明を作成します。そしてGitHubに変更をプッシュします。
以上が、Claudeコードができることの例です。皆さんがこれを使って開発を始めるのを楽しみにしています。
コメント