新しいComposer Agent：コードを一切書かずにフルスタックアプリを開発！Cursor + Windsurfの代替手段

3,228 文字

このチャンネルでは、コードLLMとその機能について複数の動画を紹介してきました。WindsurfやCursorの優れた代替手段として、AbacusAIの他のツール群（ChatLLMやコンピューターエージェントなど）を利用できるAIコードエディタです。今日は、コードLLMをさらに優れたものにする新しいアップデートが導入されました。コードLLM内で利用できるようになった新しいComposer Agentをご紹介します。これは、IDEに組み込まれた新しいAIエージェントで、大規模なエージェント型タスクを処理し、コードの編集、理解、新機能の作成に最先端の大規模言語モデルを使用することができます。
コードLLM IDEをご存じない方のために説明すると、これはコード作成時の生産性を向上させるためのツールで、オートコンプリートなどのAIエージェント機能を備え、ソフトウェア開発のワークフローをサポートします。
Composer Agentの動作例をご覧ください。バイナリツリーの実装に対するユニットテストを、ほとんど何もする必要なく自律的に作成します。コードを生成し、Pythonスクリプトを実行するだけで、その実装を生成することができました。このComposer Agentは、コードのリファクタリングや新機能の実装など、複雑なタスクに取り組むことができ、コード関連のほぼすべての作業をサポートするよう設計されています。
始める前に、World of AIニュースレターへの登録をお勧めします。AI分野の最新情報を毎週投稿していますので、無料で最新の知識を得ることができます。
Composer Agentの動作例をもう一つご覧ください。これは、ノードやエッジを追加でき、入力した内容に基づいて図を視覚化できるインタラクティブなFlaskアプリを自律的に作成するものです。Composer Agentは、たった1つのプロンプトでこのようなものを効率的に開発できました。
素晴らしいことに、DeepSeek R1のような最先端のモデルを、個人のAPIを使用することなく利用できます。Claude 3.5 Sonnetなど、複数のモデルを使用してComposer Agentでアプリケーションを構築することができます。
タブによるコードの自動補完、クエリ処理のための異なる大規模言語モデルの使用、新機能のAgent Composer、デバッグや機能強化のためのAIによるコード編集など、多くの機能があります。また、コードのインプレース編集機能があり、編集の効率化や変更のチェックポイント設定が可能で、AIによるコード生成とAbacusAIが提供するChatLLMなどの他のツール群を効率的に利用することができます。
無料で始められるのが素晴らしく、2ヶ月のサブスクリプションで最低1ヶ月は無料で利用でき、月額料金も比較的安価です。興味がある方は「Get Started」をクリックしてAbacusAIでアカウントを作成してください。
サインアップまたはサインインしたら、コードLLMに移動し、使用しているオペレーティングシステムに基づいてインストールします。私はWindowsを使用しているので、このオペレーティングシステム用にインストールします。インストールが完了したら、コードLLMに移動して「Show Chat」をクリックします。
すでにログインしているので、チャットとエージェントタブにアクセスできます。チャットは、コードの生成や質問のために異なるエージェントや大規模言語モデルと協力して作業できる場所です。一方、エージェントタブでは、Composerを使用してエージェント型タスクを自律的に展開するための任意のものを生成できます。
チャットタブには様々なモデルが設定されています。O3 mini Highがあり、これは素晴らしいですね。DeepSeek R1もあり、これらのモデルはレート制限に引っかかることなく、またAPIの支払いもなく使用できます。
例えば、コンピュータ上にあるランダムなファイルがあるとして、「このコードのバグを修正してください」と言えば、Claude 3.5 Sonnetモデルでこれを送信できます。すると、設定ファイルが添付され、自律的に分析を行い、問題がないかを確認します。問題を見つけると、設定ファイルに問題を挿入して適用することができ、変更された箇所を確認できます。変更を受け入れるか拒否するかを選択できます。この場合は、新しい変更を受け入れることにします。
次に、Composer Agentの例を紹介します。MatplotlibとPlotlyという2つのパッケージを使用してデータを視覚化できるFlaskアプリを生成してもらいます。異なるグラフやインタラクティブなチャートを表示できるか試してみましょう。現在、異なるエージェントが協力してアプリケーション自体の自律的な機能を生成しており、フォルダ、テンプレート、スタイリング、アプリのPythonコードを生成しているのが分かります。
生成が完了したら、生成されたすべてのコードを確認し、作成されたファイルをすべて受け入れることができます。その後、起動方法の指示が表示されます。まず、必要な依存関係をインストールする必要があります。これをコピーしてターミナルに移動し、必要な依存関係をインストールするためのpip installコマンドを貼り付けます。
インストールが完了したら、python app.pyコマンドでアプリを起動できます。このコマンドを貼り付けると、ローカルホストでアクセスできるようになります。
見てください、レスポンシブなフロントエンドと機能的なバックエンドを備えたFlaskアプリが完成しました。データセットと視覚化を選択でき、時系列などのデータセットを選んで静的プロットを表示できます。提供される時系列データに基づいて生成された良い静的プロットが表示されました。
インタラクティブプロットも表示できます。これをクリックすると、プロットグラフを表示するための異なるツールセットを備えたインタラクティブプロットが表示されます。戻って、散布図に変更することもでき、2種類の視覚化（インタラクティブまたは静的プロット）で同じことができます。
これらすべての設定に時間はかかりませんでした。1つのプロンプトだけで、すべてを自動的に実行できました。他のプロンプトを送信する必要もなく、コードLLMに展開された異なるエージェントと協力すれば、フルスタックアプリケーションとして何でも簡単に構築できます。
さらに、ChatLLMにアクセスでき、最先端の大規模言語モデルにアクセスできるオールインワンAIプラットフォームを利用できます。また、コンピューターエージェントやAIエンジニアを使用したり、このプラットフォーム内で異なる種類のAIエージェントを作成したりすることもできます。
これが、Composer Agentの新しいアップデートの概要です。今日の動画で使用したリンクはすべて説明欄にありますので、ぜひご覧ください。AbacusAIのコードLLMをチェックしてください。ChatLLMへのリンクも用意していますので、その機能を簡単に確認できます。実際にいくつかの動画を作成していますので、ぜひご覧ください。
Patreonやニュースレターでフォローしてください。最新のAIニュースを入手するためにTwitterでもフォローしてください。最後に、必ずチャンネル登録して通知ベルをオンにし、この動画にいいねを押してください。以前の動画もご覧ください。本当に役立つコンテンツがたくさんあります。
ご視聴ありがとうございました。今日の動画を楽しんでいただけたと思います。では、また次回お会いしましょう。