Applet Workshop（ミニアプリ）

ミニツールを構築して実行します——自然言語で必要なビジュアルユーティリティアプリを説明するだけ。描写した内容を元に Applet Workshop がコードを書き、起動して、目の前のライブデスクトップで動作している様子を見せてくれます。

## 得意なこと

- **ラピッドプロトタイピング** — 説明から動作するアプリまで一つの会話で完結
- **ビジュアルユーティリティツール** — 計算機、コンバーター、データダッシュボード、フォームアプリ、タイマー、ファイルプロセッサー
- **ライブプレビュー** — 組み込み VNC デスクトップでアプリをレンダリング、準備できたらすぐ確認できます
- **AI 対応ツール** — 組み込み LLM API 経由でどんなツールにもチャット、翻訳、要約、テキスト生成を追加可能
- **Web 連携ツール** — 組み込みスクレイピングサービスで外部コンテンツ（価格、データ、ページ）を取得
- **イテレーション** — 動作中にレイアウト、ロジック、機能をリアルタイムで調整

## 仕組み

Applet Workshop は VNC 付きのフルデスクトップサンドボックスを使用します。Node.js + HTML/CSS/JS アプリを作成し、ローカルサーバーを起動してデスクトップブラウザでアプリを開くので、すぐに確認できます。何かおかしければそう言えば調整します——再起動不要。

サンドボックスは `longrunning`——アイドル時に一時停止し、戻ると再開します。Workspace は永続保存されるので、次のセッションでも作成したアプリ、スクリプト、アセットがあります。

## 良いプロンプトの書き方

**実装方法ではなくツールを説明する。** 「長さ、重さ、温度に対応したシンプルな UI の単位コンバーター」で十分です。スタックを指定する必要はありません。

**特別な要件は事前に含める。** AI 機能が必要なら明示してください：「LLM API を呼び出す翻訳ツール」。ライブデータが必要なら：「最新の USD/JPY レートを取得して」。

**動作後は会話でイテレーションする。** アプリが動いている間「ボタンを大きくして」や「ダークモードのトグルを追加して」は有効なフォローアッププロンプトです。

**例：**

> シンタックスハイライトとエラーメッセージ付きの JSON フォーマッター・バリデーターツールを作って。

> 長さ、重さ、温度に対応した単位コンバーターを作って——シンプルでミニマルな UI で。

> タスクトラッキングと各セッション終了後のサマリー付きのポモドーロタイマーを作って。

> 組み込めるシンプルな AI チャットツールを作って——LLM API を呼び出して会話を表示する。

> ウェブからリアルタイムの為替レートを取得する通貨コンバーターを作って。

## 機能一覧

| 機能 | 詳細 |
|------|------|
| スタック | Node.js + HTML/CSS/JS |
| プレビュー | ライブ VNC デスクトップ——ビルド後すぐにアプリが動作 |
| AI 統合 | 組み込み LLM API、チャット・生成・翻訳・要約に対応 |
| ウェブアクセス | 外部コンテンツ取得用の組み込みスクレイピングサービス |
| ツール種類 | コンバーター、計算機、ダッシュボード、フォーム、ファイルプロセッサー、AI チャットアプリ |
| サンドボックス | `claude-desktop` イメージ、4 GB RAM、2 vCPU、VNC 有効 |
| ライフサイクル | 長時間実行——アイドル 1 時間後に一時停止、最大 24 時間 |
| Workspace | 永続保存——作成したすべてのアプリとアセットは無期限に保持 |

## 次のステップ

- [Web Builder](/docs/ja-jp/built-in-agents/website) — デプロイが必要なフルウェブサイトや本番アプリの場合
- [General Assistant](/docs/ja-jp/built-in-agents/general) — スタンドアロンツール以外のオープンエンドなコーディングやスクリプト
- [AI エキスパート：最適なものを見つける](/docs/ja-jp/getting-started/ai-experts-intro) — すべての組み込みエキスパートを確認する