ハイブリッド UI：安定した既存 UI と、UIC で高速構築したページが融合する場。妥協なし。
UIC は新規の UI 開発では素晴らしい力を発揮しますが、本番環境には既存の UI アプリも多数存在します。両者は共存でき、クライアントに両方のメリットを提供できると私たちは考えています。私たちはこれをハイブリッド UI アプリと呼んでいます。
EasyPA の UI を例に見てみましょう。ハイブリッド UI アプリは 3 つの要素で成り立ちます。
- 既存の RainbowUI アプリはそのまま稼働し続けます。これはプロジェクトが既に提供している安定した機能を担います。変更には引き続きプロのフロントエンド開発者が必要で、標準的な SDLC プロセスに従います。
- このアプリのバックエンド API（EasyPA API）は Playbook 経由で公開されます。バックエンドに新たな構築は不要で、API を発見・再利用可能にするだけです。
- 新しい UIC ページは、それらの Playbook の上にフルの Vibe Coding 体験で構築でき、RainbowUI アプリの新しいメニュー項目として追加されます。
下の図はハイブリッド EasyPA UI を示しています。赤い枠のメニューは既存の UI アプリ由来、緑の枠は UIC で構築されたページを示します。メインエリアには UIC で構築された Training Policy Insights ページが表示されています。
ハイブリッドモデルにより、クライアントは安定性とスピードのどちらかを選ぶ必要がありません。既存の UI は実績ある信頼性の高い機能を提供し続け、継続的に改善されます。同時に、革新的なアイデアや目的特化型の UI は UIC 上で非常に速く反復でき、フロントエンドの専門家でない人でも構築できます。
