UI の確認
Cloud IDE
Desktop IDE
API とインテグレーションの設計、開発、デプロイを行うには、Anypoint Code Builder の UI と要素を理解します。
| 1 | アクティビティバー: プロジェクトの作業を行っているときに VS Code アクティビティバーの項目を使用します。項目の上にマウスを置くと、その名前が表示されます。
Anypoint Code Builder (MuleSoft アイコン) に加えて、アクティビティバーでよく使用する項目を次に示します。
|
| 2 | Anypoint Code Builder (MuleSoft アイコン): プロジェクトを開始するための [Anypoint Code Builder] パネルを開きます。チュートリアルに従って、Anypoint Code Builder で API 仕様の設計、実装、インテグレーションの開発を行います。 |
| 3 | Quick Actions (クイックアクション): API 仕様、実装、またはインテグレーションプロジェクトを開始します。 |
| 4 | 設定: IDE の US クラウドまたは EU クラウドを含め、Anypoint Code Builder 設定を定義します。自分の Anypoint Platform ユーザーアカウントが存在するクラウドを選択します。 |
IDE のプロジェクト UI の比較
Web IDE とデスクトップ IDE の UI は同じ構造を共有します。
インテグレーションおよび実装プロジェクトは同様の UI を持つ Mule アプリケーションです。
| 1 | Explorer: プロジェクトのワークスペースを開きます。 |
| 2 | エディター: キャンバス UI と設定 XML ファイルでプロジェクトを開発します。設定 XML ファイルでは、オートコンプリートがサポートされます。 |
| 3 | ステータスバー: ユーザー名を参照して、Anypoint Platform にログインしているかどうかを確認します。 |
| 4 | 出力パネル: プロジェクトが Anypoint Code Builder で実行されているときに Mule DX サーバーからの出力とログを表示します。組み込みコマンドターミナルを開きます。問題とポートを表示します。
詳細は、インテグレーションの開発 and API の実装を参照してください。 |
API 設計プロジェクトには、API Console でエンドポイントをモックするためのサービスが含まれます。
| 1 | エディター: API 仕様プロジェクトファイルを設定します。このエディターでは、オートコンプリートがサポートされます。 |
| 2 | API Console: 例でエンドポイントをテストします。
詳細は、API 仕様とフラグメントの設計を参照してください。 |
IntelliSense を使用したエディターのオートコンプリート
Anypoint Code Builder では、VS Code の組み込みコード補完機能である IntelliSense を使用して、エディタービューのオートコンプリートを提供します。
-
エディタービューで、Ctrl+Space を押すと、使用可能なオプションが表示されます。
-
検索語を入力して結果を絞り込みます。次に例を示します。
IntelliSense では、コンテキストに応じてさまざまなオプションが表示されます。次に例を示します。
-
矢印キーを使用してリストを操作します。
-
Enter または Tab キーを使用して、選択した要素を挿入します。
オートコンプリートにより、要素がコードに追加され、値を挿入できるようにカーソルが配置されます。
詳細は、VS Code ドキュメントの 「IntelliSense」を参照してください。
