こんにちは、AIプログラミングを深く追求している易安です。
一、はじめに
昨日、グループの仲間がTraeの海外版に「Proにアップグレード」の表示が出ているのを見かけ、Traeが正式に商用化プロセスに入ったことを示しています！
現在のプランは初月3ドル、次月10ドルで、これはCursorの半額です。効果がCursorより優れているかどうかは、後ほど易安のレビューで確認してください。
海外版は有料ですが、国内版は依然として無料です。今のところ有料化の入り口は見当たりません。無料で使い続けたい方は、引き続き国内版をご利用ください。ドメインは以下の画像をご参照ください。
待ちきれず、私は夜11時に仕事を終え、急いで家に帰り3ドルチャージしました。みんなのために試したのです。チャージの入り口は公式サイトのトップページにあり、「使用開始」をクリックすると、Alipay（アリペイ）のチャージ入り口が見えます。
QRコードをスキャンし、Alipayのパスワード不要支払いを紐付けたら、3秒足らずでチャージが完了しました。
私はProユーザーの初期メンバーではありませんが、待ちに待ったTraeの有料版をようやく使い始めました！
公式Proユーザーは、600回の高速呼び出しと無制限の低速呼び出しが利用できます。Cursorの500回と比較して、これはまさに良心的で、またもやトークン単位でカウントしない太っ腹なサービスです。
これは昨日の更新で、Pro版の他に、最も重要なのはAgent能力の向上と複数ターン対話のコンテキスト実行の最適化、そしてエージェント利用の敷居がさらに低くなり、すぐに使えるようになったことです。
二、Trae Proのプログラミング性能はどうか？
いくつか事例を挙げてデモンストレーションします。デモではCursorとTraeともにclaude-4-sonnetモデルを使用しました。なぜclaude-4-opusを使わないのかって？Traeにないからです、公平を期すためにね、ハハ。
1）テストプロジェクト：小紅書風ウォーターフォール画像表示ページ
なぜこれを選んだのか？
みんな小紅書に慣れているから
効果が直感的で、一目で良し悪しがわかるから
一般的なフロントエンド技術を網羅しているが、複雑すぎないから
私のプロンプトはこちらです：
小紅書風のウォーターフォール画像表示ページを作成したいです。具体的な要件は以下の通りです：技術スタック：- React 18 + TypeScriptを使用- スタイルにはTailwind CSSを使用- 状態管理にはZustandを使用- 画像の遅延読み込みにはreact-lazyloadを使用ページ構造：1. トップ検索バー： - 左側にロゴ（テキスト「小藍書」） - 中央に検索アイコン付きの検索ボックス、プレースホルダー「興味のあるコンテンツを検索」 - 右側に投稿ボタン2. ウォーターフォールの本体： - 2列レイアウト（モバイル）、3列レイアウト（タブレット）、4列レイアウト（デスクトップ） - 各カードには以下が含まれます： * 画像（幅100%、高さ自動調整） * タイトル（最大2行、オーバーフローは...で表示） * 作者のアバター（円形、24px）とニックネーム * いいね数（赤色のハートアイコン+数字） - カードのホバー効果：わずかに浮上、影が濃くなる - カードクリック時に押し込み効果3. データ読み込み： - 初回読み込みで20件のデータを表示 - 下部にスクロールすると自動的にさらにデータを読み込む - 読み込み中はローディングアニメーションを表示 - 高さの異なる画像を含むモックデータを使用スタイル要件：- 全体的に清潔でシンプルなスタイル- メインカラー：#fe2c55（小紅書レッド）- 背景色：#f5f5f5- カードの背景：純白、角丸8px- iPhone 12以降のモデルに対応インタラクション効果：- プルツーリフレッシュ機能- 画像読み込み失敗時にデフォルト画像を表示- いいねアニメーション：クリック後に赤色のハートが拡大してから縮小- ページ切り替えにはフェードイン効果を使用してくださいコンポーネントの分割、スタイル処理、データモックを含む完全なコードを生成してください。1、Cursorの効果
プロンプトをCursorにコピーしてAgentモードを使用しましたが、一切介入する必要がありませんでした。
すぐにコードが完成し、npmを実行したらエラーが出ました。
理解できません。大丈夫、Cursorに渡して自分で修正させましょう。
残念ながら、何度か修正を試みましたが、やはりエラーが出ました。
2、Traeの効果
新しいウィンドウを開き、ビルダーモードに切り替えると、やはり有料版は最強ですね、真に高速で、待機状況は一切ありませんでした！
5分後、結果を待つと、自動的にnpmが実行され、動作しました。
やったー！一発で成功しました！この点ではCursorに完敗です。同じモデルなのに、Cursorはエラーを出して、何度修正しても直りませんでした。
3、ビデオデモンストレーション
2）テストプロジェクト：カルーセル
先ほどのCursorのデモが失敗に終わったので、2つ目のケースでは、より簡単なもの、つまりカルーセルコンポーネントの実装という一般的な要件を試してみましょう。
私のプロンプトはこちらです：
カルーセルコンポーネントを書いてください。要件は以下の通りです：使用シナリオ：ECサイトのトップページでの商品推奨カルーセル具体的な要件：1. 基本機能： - 自動再生、3秒ごとに切り替え - マウスホバー時に一時停止 - 左右の矢印による切り替えをサポート - 下部に小さな丸いインジケーター - モバイルでの左右スワイプをサポート2. スタイルデザイン： - カルーセルサイズ：幅100%、高さ400px（PC）/ 200px（モバイル） - 画像は16:9の比率を維持し、余分な部分はトリミング - 左右の矢印：半透明の白い背景、ホバー時に不透明度が増加 - インジケーター：白い丸、現在選択中のアイテムはテーマカラー #ff6b6b - 切り替えアニメーション：フェードイン・フェードアウト効果、持続時間300ms3. 技術要件： - Vue 3のComposition APIを使用 - サードパーティのカルーセルライブラリに依存せず、ネイティブで実装 - TypeScriptをサポート - スタイルはCSS Moduleを使用4. データ構造： 渡される画像配列の形式： [{ id: 1, url: '画像URL', title: '画像タイトル', link: 'クリック時の遷移リンク' }]5. 追加機能： - 画像の遅延読み込み - カスタム切り替え時間の設定をサポート - 親コンポーネントからの呼び出し用に切り替えメソッドを公開 - 切り替え時にchangeイベントをトリガーしてください完全なVueコンポーネントのコードを、詳細なコメント付きで提供してください。1、Cursorの効果
25回の呼び出しを実行した後、異常が発生しました。
何度か修正を試みましたが、結果は同じでした。
2、Traeの効果
エラーなく正常に完了しました。
自動カルーセルを実装しただけでなく、イベントログも考慮されています。この点でもTraeの方が優れていました！
3、ビデオデモンストレーション
3）テストプロジェクト：クローラー
3番目のプロジェクトは、多くの人がクローラーの入門として最初に取り組むものです。どちらのコードがより理解しやすいか見てみましょう。
私のプロンプトはこちらです：
豆瓣映画Top250の情報をスクレイピングするPythonクローラーを作成したいです。具体的な要件は以下の通りです：ターゲットサイト：https://movie.douban.com/top250スクレイピングする情報：1. 映画ランキング2. 映画タイトル（中国語名+外国語名）3. 監督4. 主要キャスト（最大3名）5. 公開年6. 製作国/地域7. 映画ジャンル8. 豆瓣評価9. 評価人数10. 一言あらすじ11. 映画ポスター画像リンク技術要件：1. requests + BeautifulSoupを使用してスクレイピング2. 適切なリクエストヘッダーを追加し、通常のブラウザアクセスをシミュレート3. ランダムな遅延（1-3秒）を設定し、リクエストが速すぎないようにする4. 可能なアンチスクレイピング対策（ログイン、CAPTCHAなど）を処理する5. loggingを使用してスクレイピングの進捗を記録6. エラー処理：ネットワークエラー、解析エラーなどデータストレージ：1. スクレイピングしたデータをCSVファイルとして保存2. 後続処理のためにJSONファイルとしても保存3. 画像リンクを個別のテキストファイルに保存4. pandasを使用して簡単なデータクリーンアップ追加機能：1. スクレイピングの中断と再開をサポート（途中で中断した場合、次回から続行可能）2. スクレイピング完了後、簡単なデータ分析を生成： - 年代別映画数の分布 - 国/地域別映画数 - 評価分布のヒストグラム - 監督別作品数ランキング（上位10名）3. スクレイピング結果の統計情報を示すHTMLレポートを生成コード規約：- クラスを使用してコードを整理- 詳細な日本語コメントを追加- PEP 8コーディング規約に従う- 使用方法と依存ライブラリのリストを提供する完全なコード実装を提供し、遭遇する可能性のあるアンチスクレイピング問題の対処方法を説明してください。1、Cursorの効果
同様にプロンプトをCursorにコピーしましたが、プロジェクトは生成されたものの、依存関係のインストールでずっと止まっていました。
2、Traeの効果
プロンプトをワンクリックでコピーし、Traeに渡しました。途中でライブラリのインストールを促されたので、そのまま「インストール」をクリックしました。
最終的な実行結果は、複数の機能が実装されていることを示しました。
1を入力するとすぐにスクレイピングが始まり、最終的にCSVファイル、JSONファイル、HTML、チャートレポートが生成されました。
このチャートはかなり標準的です。
3、ビデオデモンストレーション
三、実体験まとめ
この3ラウンドの実践テストを経て、結果はかなり意外でした。Cursorのやり方はやはり厳しいもので、公式の多くのモデルコンテキストは半減され、課金しても頻繁に知能が低下します。Traeの有料版は今回のテストで非常に強力なパフォーマンスを示しました。私のレビューは一方的なものであることを承知していますが、1週間使ってみてどうなるか見ていきたいと思います。しかし、ByteDanceの力は信じていますし、ついに国内にもAIプログラミングのトップランナーたちと互角に渡り合えるIDEが登場したことになります。
パフォーマンス比較
使用体験の詳細
応答速度：
Trae Proは有料化後、確かに待ち時間がなく、応答速度は目に見えて向上しています。
Cursorは複雑なプロジェクトの場合、呼び出し回数の消費が非常に速いです。
コード品質：
両者ともに生成されるコードの品質は良く、コメントも詳細です。
Traeは依存関係や環境設定の処理においてよりスマートです。
どちらも複雑な日本語の要件を理解できます。
安定性：
Trae Proは3つのプロジェクトすべてで一発成功しました。
Cursorのエラー発生時の自己修復能力は改善の余地があります。
四、私の選択提案
コストパフォーマンスを考慮すると、現時点での第一候補はTrae Proです。
初月3ドルの試用価格で、Cursorより半額以上安い。
600回の高速呼び出しで、Cursorより100回多い。
無制限の低速呼び出しで、使い切る心配がない。
どのような人に向いているか？
プログラミング初心者：Traeは許容度が高く、一発での成功率が高いです。
個人開発者：価格が手頃で、機能も十分です。
ベテラン開発者：3ドルの試行コストはほとんど無視できます。
五、最後に
AIプログラミングツールの競争は本当に激しいです。Trae ProはCursorの半額で同等以上の体験を提供しており、これは私たち開発者にとって間違いなく良いことです。しかし、ツールはあくまでツールであり、自分に合ったものを選ぶことが最も重要です。予算が限られている場合はTrae Proを試してみるのも良いでしょう。安定性を重視するならCursorも引き続き良い選択です。無料で使いたいなら、Traeの国内版は引き続き無料です。
最後に、易安はTraeの交流グループを立ち上げました。興味のある方は以下の連絡先を追加して、使用体験を共有しましょう。コメント欄での使用体験の共有も歓迎です！
私は皆さんのために12万字のAIプログラミングマニュアルを用意しました。WeChat：20133213を追加し、備考に「AIプログラミングマニュアル」と記入してください。同時に、私のAIプログラミング交流グループにも招待し、一緒にAIプログラミングの最新トレンドを交流しましょう。
私は易安です。AI技術研究に専念するAIスーパー個人です。毎日、最先端のAIツールのレビューと実践経験をお届けし、複雑な技術概念をわかりやすい方法で解説しています。👇長押しでQRコードをスキャンしてフォローし、一緒にAI技術の無限の可能性を探求しましょう！
もし私の記事が役に立ったと感じたら、ぜひ「いいね👍」や「お気に入り❤」をお願いします。そうすることで、あなたと同じように良いセンスを持つより多くの人々にこのコンテンツが届きます。感謝します🙏
おすすめ記事
こちらが易安の紹介（第2版、友達になりましょう、期間限定特典付き）
PS：今回のレビューは全て実際の記録に基づいており、広告収入は一切ありません。ツールが良いかどうかは、試してみるまでわかりません〜