一、

先週、私たちはClaude Code国産の大モデルに接続するチュートリアルを書きました。その後、学生が「なぜVS Codeを使わないの？」と聞きました。

質問がいいですね。私はコマンドラインに慣れていますので、確かにVS Codeを見落としていました。

本日はその補足として、プラグインなしでVS Code内でClaude Codeを使う方法を紹介します。

私は本当に、Claude Codeの方がプラグインより便利だと思います。だから、プラグインをスキップして、直接VS Codeで試してみることにしました。

以前と同じように、今回のClaude Codeも国産の大モデルに接続します。私はMiniMax M2を選びました。その品質はとても良く、今週はセールもあります。

二、

今回の評価のテーマはとても面白くて、私自身も気に入っています。

これは最近、外国人のプログラマーが考え出したもので、海外で大きな話題を呼んでいます。

彼は9つの有名なモデルを使って、ウェブページ用の時計のアニメーションを作成し、それらをウェブサイトに掲載しました。サイトのタイトルは「AI時計」です。

不思議なことに、このテストは見た目は簡単そうに見えますが、多くのモデルが生成した結果は良くありませんでした。中には非常に悪いものもありました。

例えば、下の図はOpenAI社のGPT-5モデルが生成した時計で、見る者を唖然とさせます。

この時計のプロンプトは以下の通りです。皆さんも自分で試してみてください。

アナログ時計のHTML/CSSを作成してください。${time}を表示し、数字（または数字）を希望する場合に含め、CSSアニメーション付きの秒針を持たせてください。レスポンシブにし、白い背景を使用してください。HTML/CSSコードのみを返してください。

中国語に翻訳すると：

"時間を ${time} と表示するアニメーション時計の HTML/CSS コードを作成してください。必要であれば数字を含め、CSS アニメーションで秒針を追加してください。レスポンシブデザインで、白い背景を使用してください。HTML/CSS コードのみを返し、Markdown 形式は含めないでください。"

それも私もテストして、MiniMax M2 の効果はどうか見てみます。

3.

本題に入る前に、強調しておきたいのは、VS Code と Claude Code は全く異なるツールであるということです。

VS Code は IDEで、AI を IDE の中で使います。

Claude Code はコマンドラインツールで、AI をターミナルウィンドウで使います。

それらの特徴は全く異なります。IDE はインテリセンスと自動補完をサポートし、コマンドラインはシステムツールやスクリプトの呼び出しをサポートし、自動化統合や並列実行も可能です。

したがって、それら二つは代替関係ではなく、補完関係です。必要に応じて、最適なツールを選択すべきです。

私が示す方法は、IDEとコマンドラインを組み合わせることで、最大の柔軟性を持たせるものです。

四、

私はテストに使っているモデルはMiniMax M2なぜそれを選んだのか説明してください。

それは上月末（10月27日）リリースされ、多くのレビューでプログラミング能力が最も高いオープンソースモデルの一つであると示されています。また、OpenRouterプラットフォームでは、Tokenの呼び出し回数が最も多い国産モデルです。

その時私はそれにしましたレビューみなさん、まだ覚えていますか？結論は、そのプログラミングのパフォーマンスが私の期待を超えました。

しかし当時、月額パッケージはなく、APIの使用量に応じて課金されるため、あまり使われなかった。

はもう違うんです。先週末、突然Coding Plan 月額プランをリリースし、三つの料金プランがあります。

最も安いプランは普通の使用に対応しており、初月はたった9.9元（継続は29元/月）、とてもお得です。

この割引キャンペーン以外にも、二つの特徴があり、このチュートリアルにとても適しています。

（1）互換性が良いで、外部ツールを接続することが簡単です。私はClaude CodeとVS Codeを接続するのにとてもスムーズでした。

公式ドキュメントには、Cursor、Cline、Codex、Kilo Code、Droid、Trae、Grok、OpenCode、iFlowなどを含む、インターフェースのサンプルを提供するツールが非常に充実しています。

（2）応答速度、生成速度。そのAPIサーバーは、国内での応答時間が一般的に数十ミリ秒で、毎秒生成されるTokenの数（TPS指標と呼ばれる）は100を超え、海外のモデルよりもはるかに速い

。五、

本題に入ります。まずは準備作業で、MiniMax M2をClaude Codeに接続します

。具体的な手順は詳しく説明しませんが、皆さんは前のチュートリアルに従ってください

。簡単に言うと、claude-minimaxスクリプト（下図）を作成し、MiniMax M2の公式サイトから取得したインターフェースパラメータを入力します。

が完了したら、正常に動作するかテストしてみてください。

$ claude-minimax --version

六、

これは、VS CodeでClaude Codeを使用してウェブクロックを生成するテストです。

最初のステップは、プロジェクトのディレクトリとしてローカルディレクトリを作成することです。例えばai-clockです。

$ mkdir ai-clock 

次に、VS Codeでこのディレクトリai-clockを開き、作業スペースとして使用します。

次のステップは、VS Codeのメニュー「ターミナル/新しいターミナル」を開き、このターミナルウィンドウでclaude-minimaxを入力します。

$ claude-minimax

この時、ウィンドウはアクセス許可の授与を求めます。同意すると、メインインターフェースに入り、以下のようになります。

今や、VS Code でコマンドラインの Claude Code を使うことができます。

この時、IDE でコードを書くことができ、コマンドラインで AI モデルを使うこともでき、両者の利点を得られます。

次に、Claude Code のプロンプトの後に、/initコマンドを入力し、リポジトリ内に CLAUDE.md ファイルを生成して、AI がこのリポジトリを操作したことを記録します。

/init

生成が終わったら、CLAUDE.md ファイルを開いて確認できます（下図）。

このサンプルリポジトリは空なので、ファイル内にはあまり内容がありません。既存のコードがあるリポジトリでは、ファイル内に AI がコードベースを詳細に解析した内容が含まれます。

このファイルはコンテキストとして機能し、モデルを毎回クエリするときに自動的に添付され、モデルがコードベースを理解するために使用されます。

プロンプトボックスにバックスラッシュを入力すると、Claude Code がすべての利用可能なコマンドを表示します（下図）。

これらのコマンドを通じて、Claude Code の強力な機能を活用し、さまざまな AI 操作を実行できます。

この手順は、Claude Code の基本的な使い方であり、すべてのプロジェクトに適用されます。

第四のステップとして、プロンプトボックスに先ほどのプロンプトを入力します（下図）し、モデルがウェブクロックを生成させます。

MiniMax M2 は1分未満で生成を完了し（下図）、自動的にこれらのコードをファイル index.html に書き込みます。

ウェブページを開くと、下図のようになります。

本当に素晴らしい、最初からこのような効果が得られました。時計の形は正しく、秒針の動きは非常に滑らかで、毎秒更新され、現在時刻を表示しています。

は皆さんで使ってみてください。Claude Codeが手元にない場合は、の公式サイトで実行できます。

では、私が得たの完全なコードを確認し、コピーしてHTMLファイルに保存してブラウザで開くことができます。

七、

このテスト結果から見ると、MiniMax M2の生成結果は、横断的な比較でも実際の効果でも満足のいくものです。

現在の価格を考慮すると、コストパフォーマンスが高く、皆さんに手を付けてみる価値があると考えます。

最後に、彼らのCoding Planキャンペーンを転送します。のポスター、初月9.9元、コーヒー一杯の値段で、最新のAIプログラミングモデルを月額利用可能、必要な方はご利用ください。

（終）