実践的なケーススタディ: SOLO Coder で「Web ページを Markdown に変換する」ブラウザプラグインを作成する ウェブサイト構築以外では、普段はブラウザプラグインなどの小さなツールを作成しています。ここ数日、TRAE SOLOモードを使ってウェブページのコンテンツをMarkdown形式で抽出するプラグインを試しているのですが、とても便利です。 また、コーディング エージェントの TRAE を使用してブラウザー プラグインを作成する際に、いくつかの経験とヒントを蓄積しました。 - フレームワークを使用する: ゼロから構築する時間を大幅に節約できるため、ブラウザ プラグイン専用に設計された wxt などのフレームワークを使用するのが最適です。 - 例から始めましょう:エージェントのトレーニングは比較的早い段階で行われ、多くのライブラリが頻繁に更新されるため、エージェントをゼロから作成する必要はありません。このWXT + React + Tailwind + Shadcnプロジェクトは適しています:https://t.co/RF9Q0SAZlH - 最初に計画を立ててから実行する: 私は、エージェントに直接コードを書かせるのではなく、最初に SOLO で計画を立ててから実行することに慣れています。 - 手動フィードバック: Agent などのブラウザ プラグインは直接アクセスやデバッグを行うことができないため、自分でテストし、エラー結果を Agent に貼り付ける必要があります。 実装時に使用したプロンプトワードは以下の通りです。ご興味があればお試しください。 --- プロンプトワードが始まります --- ウェブページを開いた際に、タイトル、リンク、そしてウェブページのコンテンツをMarkdown形式で取得できるブラウザプラグインの実装をお願いします。スクリーンショット(注:画像2)をご覧ください。 - 最大サイズ 400x600 - タイトルは最大 1 行まで表示できます (タイトルが長すぎる場合は省略記号が表示されます)。 プロパティ内のメタ情報は最大 1 行で表示されます (超過行は省略記号で表示されます)。 - ウェブページ コンテンツの Markdown 部分が残りのスペースを埋めます。コンテンツが長すぎる場合は、スクロールできます。 - 下にコピーボタンがあります。クリックすると、Markdownコンテンツ全体(タイトル + コンテンツ + ソースURL)がコピーされます。 - プラグインに適切な Web ページ アクセス権限があり、Web ページのコンテンツにアクセスできることを確認します。 テクノロジースタック: - wxt: プラグインフレームワーク - Tailwindcss + shadcn ui: UI - 開始するには、このサンプルプロジェクトを直接ダウンロードしてください (https://t.co/RF9Q0SAZlH)。wxt-dev/examples/tree/main/examples/react-shadcn ディレクトリの内容がすべて含まれている必要があります。それ以外の無関係なコンテンツは必要ありません。 --- プロンプト終了 --- SOLO の正式版を入手した後、SOLO Coder を使用してこのプロンプトをやり直したところ、発生するエラーの数が大幅に減り、生成速度も速くなりました。 プランモードを有効にすると、まずプランが生成されます。実行を開始する前に、プランを手動で確認し、問題がないか確認することをお勧めします。 最初の試みは失敗する可能性があります。その場合は、結果を送り返して修正してもらってください。結果を得るには、おそらく数回の反復処理が必要になるでしょう。 完成後、使用方法が分からない場合は、エージェントに公開方法や使用方法を問い合わせたり、ドキュメント化してもらったりすることができます。 TRAE SOLO パターンを使用して構築されたこの小さなプロジェクトは、GitHub で公開されています。
最後に:私の考え 全体的に、SOLO モードは CLI モードに慣れていない人にとってはるかに便利なはずです。 - プロンプトの入力と編集、画像の貼り付けが簡単に行えます。 - マウスを使用していつでも停止したりモードを切り替えることができます。 - DiffView を使用するとコードの更新を簡単に確認でき、Browser を使用すると Web ページの効果をリアルタイムで確認できます。 CLI モードに慣れている人にとっては、これらの利点はそれほど明白ではありませんが、ブラウザーで作業できる機能は、Web アプリケーションの開発にはまだはるかに便利です。 最後に、課金についてお話しましょう。TRAEはトークンの使用量に対して非常に寛大です。最近、SOLOはトークンベースの課金方法に切り替えました。トークンはFast Requestsに変換され、メンバーシップパッケージから差し引かれます。各ダイアログラウンドの終了後、消費量の詳細はIDEのダイアログボックスの下部とTRAEウェブサイトの「使用状況」ページに明確に表示されます。 皆さんにぜひ試してみることをお勧めします。特に、上で紹介した SubAgent を試してみるか、上で紹介した提案に基づいて独自のブラウザ プラグインを作成してみてください。 TRAE 国際版公式サイト: https://t.co/rF5s0uF53p https://t.co/wQXKquMgqg



