4,653 文字
アンスロピックは最新の発表で、他のすべてのAIコーディングツールを一掃してしまったのでしょうか。この動画では実際に動作する「Claude Code」と「Claude 3.7 Sonnet」を見ていきます。
まず大きなニュースとして、Claude 3.7 Sonnetが発表されました。これはAIを使わないコーダーにも非常に人気のある3.5 Sonnetのアップデート版です。更新内容の中で特に印象的なのは、Claude 3.7 Sonnetが3.5よりも優れているのはもちろんのこと、o1、o3 mini、そしてDeepSeek R1よりも優れていると述べている点です。
しかし私が思うに最大の発表はClaude Codeでしょう。今すぐインストールできるので、早速その方法を見ていき、Claude Codeがどのように機能するのか、そしてCursor、Windsurf、Lovableなど、コーディングを支援する他のツールを置き換えられるかどうかを確認してみましょう。
概要を確認し、要件を満たしているか確認しましょう。私はMacOSを使用していますが、Ubuntu、Debian、Windowsでも動作します。最低4ギガバイトのRAMが必要ですが、もちろん持っています。Node.jsのバージョン18以上も必要なので確認しましょう。Node –versionとコマンドを打ち、バージョン18以上であることを確認しました。また、Git 2.23も必要なので、git –versionでこちらも確認します。もしこれらがない場合は、Googleと言いかけましたが、AIを使ってインストール方法を調べれば良いでしょう。
それでは、Claude Codeを動かすために、ここに書かれている手順に沿って進めていきます。まず、このコマンドをターミナルで実行します。実行完了しました。たった1秒でインストールされました。次に、プロジェクトディレクトリに移動してくださいとありますが、既にCommentGenieのディレクトリにいます。これは以前動画で紹介した、YouTubeのコメント返信を支援するAIツールです。ちなみに、私を置き換えるものではありませんよ。
Claude Codeを起動するには、たった一つのコマンドだけです。本当にこれだけでClaude Codeが動くのでしょうか？画面をクリアして、プロジェクトのディレクトリでclaudeとタイプしてみましょう。本当に簡単でした！これで動き始めました。もっと設定が大変だと思っていました。30分のチュートリアルになると思っていましたが、あっという間に動き始めました。
これはClaude Codeのリサーチプレビューです。始めましょう。選択するときに最適に見えるオプションを選んでくださいとのこと。見た目の設定ですね。デフォルトのままにしておきましょう。これでClaude Codeに入りました。
AnthropicコンソールアカウントのAPIを通じて構築されるとのこと。Enterキーを押して、Anthropicコンソールアカウントにログインします。「認証」をクリックしてログインする必要があります。認証をクリックするだけで本当に簡単でした。これでClaude Codeリサーチプレビューに入れました。このフォルダ内のファイルを信頼しますか？はい、続行します。
これで始められます。最初のプロンプトとして、「このプロジェクト構造を説明して」と入力してみましょう。Claude Codeに私のプロジェクトの内容を説明してもらいたいと思います。デモでこれを見たことがあります。現在、Claude Codeはプロジェクトを見ています。
速いですね！これはスナップ感があります。編集なしのリアルタイム映像です。このプロジェクトはCommentGenieで、YouTubeクリエイターがビデオコメントを管理するためのウェブアプリケーションです。フロントエンドはExpressJSでHTML、CSS、JSページ、バックエンドはPython、FastAPI、そしてPostgresを使用しています。とても良い説明です。
Dockerサポートもあり、主要な機能としてGoogleOAuthによる認証、YouTubeAPI統合、GrokとInflectionによるAI駆動の返信生成、ダッシュボードインターフェースなど、すべてを正確に説明してくれました。これは信じられないほど素晴らしいです。本当に言葉を失うほどです。
もし今見ているものが気に入ったなら、良いねとチャンネル登録をお願いします。毎週このような動画を投稿しています。
最初のテストが終わったので、簡単なことから始めてみましょう。まずはダッシュボードページの背景色を濃い青に変更するよう指示してみます。
ちなみに、これをテストするためにCommentGenieを含むDockerコンテナをビルドしています。すべて動作しており、CommentGenieにログインできることが確認できます。これが私のダッシュボードの現在の表示です。
では、このコマンドを実行して、再ビルド後にCommentGenieに戻って確認しましょう。まず、Claude Codeに背景色の変更を依頼します。コードを読み込んでいるようです。「考え中」と表示されています。良さそうですね。
完了しました。とても速いですね。この編集を行いますか？単純な編集なので信頼して「はい」と答えましょう。ダッシュボードの背景色を濃い青に変更したと言っているので、再ビルドして更新し、結果を確認してみましょう。
見てください！ダッシュボードが濃い青色になりました。予想通りです。実際、見た目が良いので、このまま使うかもしれません。
それはかなり簡単でした。では、もう少し複雑なことはどうでしょう？バックエンドにAPI/user-infoというAPIエンドポイントを追加して、現在のユーザーのチャンネル名とチャンネルIDを返すようにしてみましょう。Claude Codeがこれを処理できるか見てみましょう。
熟成中…料理のテーマが継続していますね。既に変更すべき正しいファイルを見つけたようです。何かをうまく仕上げたようです。編集を行いますか？はい。
完了したと言っています。それは本当に簡単でした。再ログインして、すべてのコメントに返信済みの空のダッシュボードが表示されています。ここでAPI/user-infoというAPIエンドポイントにアクセスしてみましょう。
見てください！チャンネル名「creator magic」とチャンネルIDが表示されています。これは私の長いチャンネルIDで、完全に正確です。印象的ですね。たった一つのプロンプトでアプリを更新できました。それも非常に簡単に。
Claude Codeと新しいClaude 3.7 Sonnetモデルの難易度を上げてみましょう。次は「もっとコメントを取得する」ボタンをダッシュボードページに追加するよう指示してみます。これにより、利用可能な場合はさらにコメントを取得できるようにします。
パーコレーション中…良いですね。完了しました。このファイルを編集しますか？はい、クリックしましょう。現時点では、フロントエンドを編集してボタンを配置しているだけで、実際の機能は追加していないように見えます。つまり、ボタンは得られますが、機能は得られません。
実は間違えました。さらに進んでダッシュボードにもっと手を加えています。ボタンのスタイルも設定しているので、これにも「はい」と答えましょう。もしかするとClaude Codeはボタンのあらゆる側面に取り組んでいるのかもしれません。
そしてはい、ダッシュボードに行き、「もっとコメントを取得する」ボタンを処理すると言っています。そう、見た目だけのボタンを配置すると思っていましたが、実際には一つのプロンプトですべての機能を実装しようとしています。
完了したようです。ダッシュボードに「もっとコメントを取得する」ボタンを適切なスタイルと機能で追加したと言っています。ボタンは最も古いコメントのタイムスタンプに基づいて古いコメントを取得する新しい関数を呼び出します。それはとても素晴らしいです。
見てみましょう。今回は別のアカウントでログインしました。「もっとコメントを取得する」ボタンが表示されています。今はコメントがありませんが、クリックしてみましょう。一瞬、コメントを検索していたのが見えました。実際にはAI返信を生成していましたが、必要ありませんでした。「もう一度試す」をクリックできます。これはかなり素晴らしいです。ダッシュボードにボタンが追加されました。
Claude Codeはコンテキストを保持すると思いますので、次に「先ほど作成したボタンのテストを追加して、正しく機能し、正しいデータを返すことを確認してください」と指示してみましょう。
今、何かを作成しています。どんな結果が出るか見てみましょう。この部分はかなり時間がかかっています。すでに26秒ほど考えています。どこまで進むか見てみましょう。
完了しました。長いコードが表示されています。何というファイルか見てみましょう。fetch_more_comments.test.jsというファイル名です。テスト用の独自ファイルを作成しています。これに「はい」とクリックしましょう。
README.fileの更新も行われます。これはドキュメント化に役立ちます。Claude Codeは本当にすべてを考えています。完了したと報告しています。
「もっとコメントを取得する」ボタンの包括的なテストスイートを作成しました。テストは成功したフェッチ、空のレスポンスの適切な処理、ネットワークエラーの管理、認証失敗時のログインへのリダイレクトをテストします。さらに、コマンドラインからこのコマンドでテストを実行できます。これは本当に素晴らしいです。
ご覧のように、Claude Codeは非常に素晴らしいです。新機能を設計するだけでなく、新機能をテストし、コード内にドキュメントやコメントを入れ、さらに多くのことができます。すべてがコマンドラインから、読みやすいインターフェースで行えます。
これは、CursorのようなAIファーストのIDE、あるいはWindsurfや、Lovableのようなよりユーザーフレンドリーなインターフェースに取って代わることができるでしょうか？将来的に私たちは皆、コマンドラインで作業することになるのでしょうか？
マイクとSuperwhisperのようなアプリで何が欲しいかを口述し、Claude CodeのようなAIコーディングアシスタントにすべてを任せるだけで良いのでしょうか？すごいことをするための拡張機能を持つ大きなツールは必要なのでしょうか？それとも声とコマンドラインとClaude Codeだけですべてできるのでしょうか？あなたの考えをコメント欄で教えてください。
Claude 3.7 Sonnetのテストを楽しんでいただけたら幸いです。この動画が気に入ったらいいねとチャンネル登録をお願いします。毎週このような動画を投稿しています。今、画面に表示されている次に見るべき動画もありますのでご覧ください。ありがとうございました。
コメント