Grok 3 Coder：コードを一切書かずに無料でフルスタックアプリを開発！（何でも作れる！）

3,555 文字

今週リリースされたばかりのGrok 3について、イーロンは世界で最も賢いAIモデルだと述べています。Grok 3は今までで最も強力なモデルの一つで、推論、数学、コーディング、世界の知識など、多くのタスクで優れた性能を発揮しています。また、様々なベンチマークでも驚くべき性能を示しています。さらに面白いのは、DeepResearchとThinkモデルを備えており、二つの異なるエージェントを使って異なるタイプのタスクを処理できることです。
初期のベンチマークテストでは、Grok 3はDeepSeek R1 o3 miniやo1、Gemini 2.0などと比較して、多くのベンチマークで優れた性能を示しています。コーディング、科学、数学など、あらゆる面で優れた性能を発揮しています。コーディングに関しては、上記のモデルの多くを凌駕しており、コードの品質や精度、全体的な回答は、DeepSeek R1をも上回るほどです。
現在このモデルは、アクセス権を持つ全ての人に無料で提供されていますが、Xプレミアムプラスまたはスーパーグロックプランのユーザーは、Grok 3への拡張アクセスが可能になります。さらに、音声モードなどの高度な機能にもアクセスできます。
今日Grok 3について動画を作成した理由は、Grok 3のコーディング機能を使って、ほぼ何でも構築やコーディングができることを紹介したいからです。これはCLientの助けを借りて実現します。CLientは、IDEの拡張機能として直接組み込まれる自律型コーディングエージェントで、ファイルの作成や編集、ターミナルベースのコマンドの実行、ブラウザの使用など、多くの機能を備えています。
このモデルが優れたコーディングモデルである主な理由は、Grok 3が継続的に更新されることです。これは、GPTモデルのように特定のカットオフ日を持つのではなく、最新のコーディングフレームワーク、プラクティス、ライブラリにリアルタイムでアクセスできることを意味します。この場合、日々更新されていきます。
始める前に、World of AIニュースレターへの登録をお勧めしたいと思います。私は毎週様々なニュースレターを投稿しており、AIの分野で何が起きているかについて最新の知識を簡単に得ることができます。完全に無料なので、ぜひ登録してください。
ただし、Grok 3モデルにはまだAPIが提供されていないため、実際の使用は非常に困難になります。では、なぜこの動画を作るのでしょうか？それは、Grok 3モデルがコーディング性能において非常に優れており、他の多くのモデルよりも大きなコンテキストを扱えること、そして現在無料で利用できることが理由です。
チャットボットから得られるコンテキストをマークダウンファイルやプロンプトとして直接貼り付けることができるCLやAERを使用すれば、簡単に利用することができます。AERのコンテキスト認識機能を使用する方法の一つは、AIエージェントがチャットボット内で何が起きているかをスクレイピングできるようにすることです。
例えば、ウェブサイト用に生成されたコードがあれば、そのコードを取得して拡張機能やIDEに自動的に組み込むことができ、Grokが生成したコードに基づいてIDE内でさらなるアクションを取ることができます。このコマンドは、ウェブチャットでコピー＆ペーストするコマンドで、説明の下にリンクを載せておきます。
これは私が紹介する開発方法の中で最も非効率的かもしれませんが、単純にコードを生成してコピーし、マークダウンファイルに貼り付け、CLientに移動して貼り付け、コンテキストとして提供し、GitHub Copilotから得られるような無料モデルを使ってCLientに指示を出し、Grok 3から生成されたコードを使用するという方法です。
これは一例として、Grok 3自体が提供したSaaSウェブサイトのHTMLファイルのコードを適切にフォーマットするようCLに指示した例です。明らかに最高のものではありませんが、次の例でさらに何かを作り続けていきます。
覚えておいてほしいのは、これを行う主な理由は、Grok 3モデルが完全に無料だからということです。全てをコピー＆ペーストするのは非効率かもしれませんが、現時点で無料の代替手段を探しているなら、これが始めるための最良の方法かもしれません。
始めるには、IDEとCLient拡張機能がインストールされていることを確認する必要があります。まず、モダンなフィットネス目標追跡カレンダーアプリの作成に取り組んでみましょう。基本的に私が望む機能は多くありますが、このアプリの構造を適切に計画するためにシンキングベースのモデルを使用します。ダークモードとライトモード、分析、フィットネスアプリとの連携など、設定した全ての機能を使用していることを確認します。
出力を見てみましょう。このアプリケーションに必要な全てのコードと異なるファイルが提供されているようです。これらの異なるファイル構造に全てコピー＆ペーストして供給し、アプリを開いていきます。まず、フィットネスアプリのテンプレートとなるReactプロジェクトを作成します。
そのためにまずVS Codeに移動し、新しいウィンドウをクリックして古いものを閉じます。最初にターミナルに入り、テンプレートを作成するためのnpxコマンドを貼り付けます。全ての要件を受け入れて進めていきます。次に、フィットネスアプリに移動し、必要な全てのものを貼り付けます。その後、依存関係をインストールする必要があります。
カレンダー機能やこのアプリに不可欠な他の機能をインストールしていきます。インストールが完了したら、メインのファイル構造に移動し、生成された全ての必要なコードを貼り付けることができます。
最初の反復では、フォーマットに関して多くのエラーが発生しましたが、私が望んだほぼ全ての機能を実行するのには十分な仕事をしてくれました。コードに戻ってフォーマットの修正を要求する必要がありましたが、今では完成しています。
これが私たちのフィットネスダッシュボードです。毎日の歩数、カロリー、水分摂取量を追跡し、継続記録を保持する機能があります。これは対話式のカレンダーで、毎週3回のランニングなど、様々な項目を追加することができます。スケジュールもあり、1万歩という週間コミュニティチャレンジもあります。
これが基本的にGrok 3モデルで作成できたものです。非常に非効率的でしたが、少なくとも無料でした。コピー＆ペーストの機会費用が価値があったかどうかはわかりません。コードの性能は若干劣るかもしれませんが、他のモデルを使って時間を別の方法で使うべきだったかもしれません。基本的には、最も重要な仕事を成し遂げることができました。
このモデルを使用する場合は、これらのことを念頭に置いておく必要がありますが、冗談抜きでこのモデルは本当に驚異的です。人々は正真正銘のフルゲームを作ることができました。これは複数のレベルを持つマーズディフェンスゲームで、Grok 3モデルで構築することができました。また、3Dシーンを作成できる3Dデザインでも優れています。
全体として、無料であり、コーディングに関して最高のパフォーマンスの1つを持っているということは、間違いなく魅力的な選択肢となっています。コードのコピー＆ペーストは多くの時間を無駄にするので、決してそうすべきではありません。
そのため、現時点では、マークダウンファイルをCLientでテキストに変換し、別のモデルを使ってアプリを構築するのを助けてもらうために、コピー＆ペースト方式を使用することをお勧めします。これが現時点での最良の方法かもしれません。APIがリリースされれば、この新しいモデルとの作業が格段に容易になるでしょう。
私のTwitterで最新情報をお知らせしますので、ぜひフォローしてください。今日の動画を楽しんでいただき、何らかの価値を得ていただければ幸いです。ニュースレターとPatreonをフォローすることを忘れないでください。
もしGrok 3のチャットボットからコードを簡単にコピーする別の方法を知っている方がいれば、他の人も試せるように説明欄に書いてください。購読とベルの通知をオンにして、この動画にいいねを押してください。また、以前の動画もチェックしてみてください。本当に役立つコンテンツがたくさんあります。
素晴らしい一日を。ポジティビティを広めましょう。また近いうちにお会いしましょう。それではみなさん。