アプリケーションを作成する

このページでは、オントロジーの生成からシードデータの生成まで、Pilot アプリケーションのビルドライフサイクルを説明します。新しいアプリケーションの作成については、はじめにを参照してください。本番環境へのデプロイについては、アプリケーションをデプロイするを参照してください。アプリケーションではなくカスタムウィジェットを作成する場合は、カスタムウィジェットを作成するを参照してください。

オントロジーの生成

アプリケーションの内容を説明すると、Pilot はプロンプトを分析し、オントロジー設計エージェントを使ってアプリケーションのデータモデルを作成します。Pilot はプロンプトに基づいて、次のリソースを作成します。

• アプリケーションの主要なエンティティを表すオブジェクトタイプ。たとえば、タスク管理アプリケーションには、関連するプロパティを持つ Task、Project、Team Member オブジェクトタイプが含まれる場合があります。
• ワークフロー用のアクションタイプ。たとえば、Create Task、Update Task Status、Assign Task、Delete Task などです。
• オブジェクトタイプ間の関係を定義するリンクタイプ。たとえば、タスクが属するプロジェクトを示す Task と Project 間のリンクなどです。

既存のオントロジーリソースをコンテキストとして添付すると、Pilot は重複するリソースを作成せず、既存のリソースを使用します。詳細については、コンテキストと添付ファイルを指定するを参照してください。

オントロジー設計エージェントは、設計上の判断をチャットパネルに記録し、各エンティティの設計理由を説明します。オントロジータブに切り替えると、生成されたオントロジーグラフを表示できます。オントロジーグラフの詳細については、オントロジータブのドキュメントを参照してください。

オントロジーを調整するには、チャットパネルに指示を入力します。たとえば、新しいプロパティの追加、プロパティタイプの変更、オブジェクトタイプ間の新しい関係の作成を Pilot に依頼できます。

設計仕様

オントロジーが定義されると、設計エージェントがアプリケーションの詳細な設計仕様を作成します。設計エージェントはオントロジーと要件を読み取り、次の内容を含む設計仕様を生成します。

• カラーパレットと、意味に応じたステータスカラー
• フォントファミリー、サイズ、行の高さを含むタイポグラフィ
• アプリケーションの主要なビューのレイアウト
• フォームの設計と、ホバー時の状態、アニメーション、検証結果のフィードバックなどのインタラクションパターン

設計仕様の概要はチャットパネルで表示できます。設計仕様は、この後に行われるフロントエンド生成の指針となります。

フロントエンドの生成

アプリ作成エージェントは、オントロジーと設計仕様を使ってフロントエンドを実装します。このエージェントは次のタスクを実行します。

• 設計仕様、オントロジー定義、オントロジー SDK のドキュメントを読み取ります
• オントロジー SDK のフックを使ってリアルタイムにデータを読み込み、変更する React アプリケーションを作成します
• レコードの作成、更新、絞り込み、削除を行うコンポーネントを生成します

エージェントの処理が完了すると、プレビュータブに、コンテナ内で実行されているアプリケーションのライブプレビューが表示されます。プレビューを操作して機能をテストでき、デバイスセレクターを使うと、さまざまな画面サイズでアプリケーションをプレビューできます。

シードデータ

エディタービューでは、AI エージェントが実際の企業データにアクセスすることがないように、Pilot がコンテナ内でシードデータを生成します。これにより、Pilot がアプリケーションコードに本番環境の値をハードコーディングすることを防ぎます。オントロジータブでオブジェクトタイプのノードを選択し、データプレビューパネルを開くと、生成されたレコードを表示できます。詳細については、オントロジータブのドキュメントを参照してください。

実際のオントロジーデータでアプリケーションを検証するには、デプロイビューに切り替えます。デプロイブランチでは、オントロジースキーマの変更はそのブランチのみに適用され、マージするまで Main に影響しません。Main では、アプリケーションで実行したアクションは、ライブのオントロジーの編集となります。詳細については、アプリケーションをデプロイするを参照してください。

アプリケーションを繰り返し改善する

初回のビルド後は、追加のプロンプトでアプリケーションを調整できます。

• 機能を追加する： 新しい機能を説明すると、Pilot が必要に応じてオントロジー、設計、コードを更新します。
• 問題を修正する： プレビューで予期しない動作が見られた場合は、問題を説明すると、Pilot が調査し、修正を適用します。
• 設計を変更する： 色、レイアウト、タイポグラフィの変更を依頼すると、設計エージェントが仕様を更新します。
• 参考資料をアップロードする： Pilot の作業の指針となるドキュメント、画像、ワイヤーフレームを添付します。コンテキストと添付ファイルを指定するを参照してください。
• コードを直接編集する： コードタブには埋め込みエディターがあり、アプリケーションのソースコードを直接変更できます。
• モデルやモードを切り替える： 別の AI モデルを使用するか、タスクに応じて実行モードと計画モードを切り替えます。詳細については、モデルとエージェントモードを参照してください。

プレビュータブでビルドエラーが発生した場合は、Pilot で修正を選択すると、Pilot が問題を自動的に診断して解決します。