リテラルコーディングを使用して、Bobが自然言語のコメントからコードを生成します。Bobはエディタ内で直接、コンテキストを認識した正確なコード変更を書くのを支援します。

リテラルコーディングを使用すると、エディタ内で直接AIの支援を受けてコードを書くことができます。チャットウィンドウに切り替えたり、長いプロンプトを書いたりする代わりに、コードが必要な場所に平易な言葉で指示を書きます。その後、Bobがコンテキスト内で実装を生成し、変更の差分を表示します。

リテラルコーディングは、以下の変更に効果的です：

ラッピングロジックの追加： 既存のコードの周りにリトライメカニズム、エラー処理、またはロギングを追加

特定のブロックのリファクタリング： 周囲のロジックを保持しながら特定のセクションを変更

迅速で的を絞った変更： より広い構造に影響を与えることなく、特定の関数に正確な変更を加える。複数の関数やファイルに影響する複雑な変更の場合は、エージェントチャットサイドバーを使用してプランを作成することを検討してください。

このチュートリアルでは、コードブロックをリトライロジックでラップして、断続的なタイムアウトを修正します。

前提条件

このチュートリアルを完了するには、以下が必要です：

まだお持ちでない場合は、Galaxium Travelsのデモコードをクローンしてください。クローンコマンドは、チュートリアルで使用するコードを含むbob-learning-path-branchブランチもチェックアウトします。

git clone -b bob-learning-path-branch https://github.com/IBM/galaxium-travels

Galaxium Travelsのデモコードを開いたBob IDE

Bobのエージェントチャットインターフェースで/initを実行してBobを初期化し、コードベースからコンテキストを収集できるようにしました。まだ実行していない場合は、プロジェクトを開始するチュートリアルを参照してください。

必須ではありませんが、Bobのインターフェースと機能に慣れるためにクイックスタートチュートリアルを実行することを検討してください。

このチュートリアルで新しいコンテキストウィンドウを開始することをお勧めします。手順については、新しいコンテキストウィンドウの作成チュートリアルを参照してください。

リテラルコーディングを使用する

Galaxium Travelsのバックエンドは信頼性が低く、時々タイムアウトエラーが発生します。コードをゼロから書き直す代わりに、リテラルコーディングを使用して特定のコードブロックをリトライロジックでラップできます。

booking_system_frontend/src/pages/Flights.tsxファイルを開きます。

43行目をクリックします。

省略記号をクリックして、Literate Coding Mode を選択します。

リテラルコーディングモードを選択する

43行目で希望する変更を説明するために、次の自然言語の指示を入力します：

バックエンドは時々信頼できません。ここにリトライロジックが必要です

リテラルコーディングモードで入力された自然言語プロンプト

Generateをクリックして変更を生成します。

Bobは差分ビューインターフェースで変更を表示します。赤でハイライトされたテキストは削除されるコードを示し、緑でハイライトされたテキストはBobが追加するコードを示します。

Bobは差分ビューで提案された変更を表示します

変更を確認し、Accept Allをクリックして適用します。

Galaxium Travelsウェブアプリケーションのタイムアウトエラーを解決するためのリトライループを追加しました。

このチュートリアルでは、リテラルコーディングが自然言語駆動の正確なコード変更を使用できるようにする方法を学びました。リテラルコードは、変更を受け入れる前にコードを確認できるようにコード差分を表示します。

複雑な機能の計画と実装に進んで、Bobの複雑なマルチステップ開発タスクのメインインターフェースであるエージェントチャットサイドバーについて学びましょう。