ソフトウェア開発は、人工知能（AI）によって大きな変革期を迎えている。コード補完やバグ修正から自然言語対話によるコード生成まで、AIは目覚ましいスピードで進化している。
最近、バイトジャンプは新しいAIプログラミング・ツール「Trae」を発表し、業界で再び注目を集めるきっかけとなった。
Traeのインターフェイスは中国語で、中国の開発者に非常に親切で、開始の敷居を低くしている。さらに、Traeはクロード3.5ソネットとGPT-4oモデルによって駆動される2つのAIアシスタントを備えており、開発者に強力なインテリジェントサポートを提供する。
ある ビルダー・モード Traeは、開発者のビジョンを理解し、実際の製品を一から作り上げる手助けをする一人前のアシスタントです。
のみならず チャットモード Traeはフルスタックのプログラマーで、開発者のプログラミングのニーズに応え、開発タスクを効率的に完了できるよう常に待機しています。
さらにエキサイティングなことに、Traeツールはクロード3.5ソネットやGPT-4oのような先進モデルを統合している。
次に、対話を通じてゼロからアプリケーションを開発するTraeを深く体験し、AIプログラミングの新たな魅力を感じてもらう。
クイックスタートガイド
1.Traeの公式サイトを見る：
インタビュー https://www.trae.ai/ 公式サイトに入ると、以下のようなインターフェイスが表示されます。をクリックしてください。macOS用ダウンロード"ボタンをクリックしてインストーラーをダウンロードする。
ご注意くださいTraeは現在macOSのみに対応しており、Windows版も準備中である。
2.インストールと初期起動
インストール後、初めてTraeを開くと、デフォルトの言語は、中国の開発者の使用習慣を考慮した簡体字中国語になります。
3.初期設定とログイン
Traeは、テーマの選択、IDEコンフィギュレーションのインポート、コマンドラインによるスタートアップ項目の追加といった初期セットアップを行い、最後にログイン画面までユーザーを案内する。
重要な注意事項TraeのAI機能を体験するには、サインインが必要です。ログインプロセスでは、ウェブベースのツールを使用する必要がある場合があり、ユーザーは電子メール登録またはサードパーティのアカウントログインのいずれかを選択できます。
4.機能インターフェースの概要
ログインに成功すると、ユーザーはTraeのメインインターフェイスに入ります。Traeは豊富なプラグイン拡張機能をサポートしており、個々の開発ニーズに合わせてエディタのコーディング機能を強化するためにインストールすることができます。
実習：AI春節連句ジェネレーターの開発
この記事では、Traeのアプリケーション能力をより直感的に示すために、AI春節カップル・ジェネレーターの開発を例に挙げ、AIとの共同プログラミングや、自分や家族のために春節限定の祝福をカスタマイズする楽しさを読者に体験してもらう。
この記事では、プロジェクトの開発プロセスを、プロジェクトの初期化、基本的なUIの実装、春節の連句生成ロジック、スタイルの最適化の4つのステップに分けて説明する。
プロジェクトの初期化
まず、ビルダー・モードに切り替え、以下の名前のファイルを作成する。 ai-カップル 新しいプロジェクトの
ダイアログ ボックスに要件の説明を入力します：
カレントディレクトリに、React + Tailwind CSSテクノロジースタックを使用して、AIスプリングリンクジェネレータプロジェクトを作成したいのですが、どうすればよいでしょうか？
以下の手順を教えてください：
プロジェクト構造の初期化
*必要な依存関係の設定
基本的な開発環境のセットアップ
最初のステップを開始してください。
Trae AIは、プロジェクトの初期化コマンドを提供することによって迅速に応答します。うごきだす"ボタンをクリックして実行する。
その後、AIが必要なスタイルファイルの設定を支援します。ユーザーは変更内容を確認し、それが正しいことを確認した後、" をクリックします。全額受理"で設定を完了する。
数回クリックするだけで、プロジェクトの初期化が完了し、プロジェクトが稼働します。
Traeにはウェブプレビュー機能が内蔵されており、インターフェースの効果をリアルタイムで表示することができる。
基本的なUIの実装
プロジェクトの初期化が完了したら、次のステップは春祭りジェネレータのユーザーインターフェースの実装を開始することです。以下のインターフェース・プロトタイプ図を参照しながら、AIへのインターフェース要件を記述してください。
プロトタイプ図を含む簡単なプロンプトを送信すると、Traeはすぐに設計意図を理解し、自動的にコードを書き始めます。ユーザーはドキュメントの変更を確認し、"全額受理"である。
プロトタイプのイメージと整合性が高く、フォントや配色の点でもさらに美的感覚に優れたインターフェース要素を備えた、美的感覚に優れた春祭りジェネレーターのインターフェースが素早く提示される。
上記の対話プロセスから、Traeはコードを理解するだけでなく、画像コンテンツも正確に解析していることがわかる。インターフェイス開発プロセス全体がスムーズで自然であるため、従来のインターフェイス開発作業が簡単で効率的になります。
春節の連句生成ロジックの実装
ユーザー・インターフェイスができたら、次は春節の連句を生成する機能を実装する。この関数はユーザーの入力を受け取り、対応する春節の連句を生成するためにクロードAPIを呼び出します。
この機能の開発は、Trae AIによって完成され続けている：
春節の連句生成機能の実装をお願いします：
ユーザーが「春節の連句を生成する」ボタンをクリックすると、以下のアクションを実行する必要があります：
ユーザーが入力ボックスに入力した件名またはキーワードを取得する。
クロードAPIを呼び出して、以下の条件で連番を生成する：
横組み（4文字）
連文節（7文字の連文節）
連句は端正で、旧正月のおめでたい雰囲気に沿ったものであること。
生成された結果を対応する赤い部分に表示する。
Trae AIは、APIインターフェースの呼び出し、エラー処理、その他のロジックを含む機能開発をすぐに完了した。しかし、テスト中に「春節の連句の生成に失敗しました」というプロンプトが表示された。
問題は気にせず、修正するためにAIにフィードバックし続ければいい。
ユーザーは、AIがより正確に問題を理解し、解決するのを助けるために、問題の簡単な説明とともにスクリーンショットをAIに送ることもできる。
何度も最適化と調整を繰り返した結果、最終的に完全に機能し、安定した春節の連句生成機能を実現した。
家庭」、「春」、その他のキーワードを入力しても、Traeは縁起の良い春節の対訳を作成することができる。
インターフェイス・スタイルの最適化
次に、チャットモードに切り替えて、春節の連句の表示をさらに最適化してみよう。
チャットモードに切り替えた後も、インターフェイスのスクリーンショットを交えながら、最適化の必要性についてAIと自然言語による対話を続ける：
現在のインターフェイスの背景色がグレーで、少し華やかさに欠けるのが気になります。以下の調整をしたいと思います：
背景色を白に変更し、赤い春の連句がより目を引き、目立つようにする。
左右の対訳の間隔を広げる。
文字サイズを調整し、対訳の文字がより目を引くようにする。
関連するスタイル・コードの修正をお願いします。
Trae AIは同様に、ユーザーがコードを見直すために必要な特定のスタイル修正コードを素早く提供する。
クリック "アプライアンス「ボタンをクリックすると、Traeが再度変更内容を表示します。全額受理" アップデートを完了する
インターフェースの細部を最適化するためには、AIと何度も会話し、調整する必要があるかもしれない。ユーザーは、修正の意図を明確に説明するだけでよい。
例えば、現在の連弾スタイルはやや単調で、祝祭的な雰囲気にはまだ改善の余地があるので、AIに最適化の提案を求めることができる。
AIの提案に触発され、横断幕の左右に小さな提灯を2つ付け、お祭りの雰囲気を盛り上げることにした。デザインコンセプトをより明確に表現するため、インターネットで提灯の素材画像を検索し、簡単な模式図を描いてAIに送り、デザイン実現のための協力を依頼した。
TraeのAIはすぐにデザインの意図を理解し、コードを書き始めた。 提灯の要素の追加はすぐに満足のいく結果で完了し、提灯をより生き生きとさせるために左右に揺れるダイナミックな効果まで追加した。
ランタンを加えることで、インターフェイスに春節の強い風味が加わる。連句の真ん中が少し空いているのを見て、連句の真ん中に「福」の文字を入れることにした。 また、回路図を描いてAIに送り、実現に協力してもらっている。
結語
本論文で示すように、Traeは「AI春祭り」プロジェクトの開発中、効率的なプログラミング・アシスタントの役割を果たし、自然でスムーズな対話インタラクションを通じて、開発者が完全に機能するアプリケーションを構築するのを支援する。
もちろん、新製品であるトレイには、まだ完成されていない部分がいくつかある。
例えば、ランタンアニメーションのエフェクトを実現する過程で、ユーザーはAIがより効率的に開発タスクを完了できるようにガイドするためのサンプル画像を提供する必要がある。
よく使われるいくつかの設定ルールについては、エディタがまだグローバルオプションを提供していないため、ユーザーは設定を再利用する際に設定を繰り返す必要があり、操作プロセスが少々面倒です。Traeチームには、今後のリリースでこれらの詳細を最適化することを期待しています。
とはいえ、より多くの開発者が参加し、積極的なフィードバックを提供することで、TraeのようなAIプログラミング・ツールは完成していくと信じている。ツールと職人が互いに補完し合うことで、ソフトウェア開発の効率は大きく向上するだろう。
AI技術が加わったことで、プログラミングの敷居が下がり、より多くの人がソフトウェア開発に参加できるようになり、より実用的で創造的なインターネット製品を生み出すことができるようになったのは間違いない。
今後、インターネット製品のイノベーションが加速する時代がやってくるかもしれない。
日本語 
简体中文 
English 
Deutsch (Sie) 
Português do Brasil