> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kazzle.com/llms.txt
> Use this file to discover all available pages before exploring further.

# アプリパターン

> 一般的なタスクに適した Kazzle アプリの形状を選択します。

# アプリパターン

ジョブに合う最小のアプリ形状を選びます。プロセス、データベース、同期、または AI API は、アプリがその機能を必要とする場合にのみ追加します。

| ユーザーの要望                     | 使用                   | 注記                                                                                        |
| --------------------------- | -------------------- | ----------------------------------------------------------------------------------------- |
| ランディングページ、レポート、静的ページ        | UI アプリ               | 1 つの UI コンポーネントで十分です。                                                                     |
| ダッシュボードまたはサーバーデータを使用した内部ツール | UI + プロセス            | API ルートと認証情報をプロセスコンポーネントに保持します。                                                           |
| 永続的なアプリデータ                  | UI + プロセス + データベース   | 新しいデータベースを作成する前に、適切なアクティブなデータベースを再利用します。                                                  |
| オフラインまたは即座のマルチデバイスデータ       | リアルタイムアプリ            | 同期を有効にし、アプリを接続する前に `sync: ready` を確認します。                                                  |
| スケジュール済みジョブまたは Webhook      | プロセスアプリ              | プロセスコンポーネントでトリガーを使用します。                                                                   |
| アプリ内の AI 搭載機能               | プロセス + Kazzle AI API | `/ai/*` を `kzl_` API キーで使用します。                                                            |
| アシスタントが後で呼び出すべきツール          | スキル + プロセス           | スキルフォルダ（`SKILL.md` + `tools.ts`）を追加し、各 `target.type: 'app'` ツールをプロセスコンポーネント上のルートでサポートします。 |

## デフォルト

* 適切なテンプレートがある場合はそこから開始します。
* フロントエンドコードをシークレットとデータベース URL から保護します。
* サーバーのみの作業をプロセスコンポーネントに配置します。
* ハードコードされた localhost アドレスの代わりに、兄弟コンポーネント URL を使用します。
* アプリが実行中であると言う前に、アプリ開発タブでプレビューを確認します。