Datasette Apps: Datasette内でカスタムHTMLアプリケーションをホストする
Datasetteの新プラグイン「datasette-apps」が公開された。これは、厳格に制限されたiframeサンドボックス内で自己完結型のHTML＋JavaScriptアプリケーションを実行する仕組みで、ユーザーは読み取り専用のSQLクエリや、設定済みのストアドクエリ経由で書き込みクエリも実行できる。CSPヘッダーとMessageChannel()ベースの通信によりセキュリティを確保しつつ、カスタムUIや可視化をDatasette上で安全に構築可能にした。また、LLM向けのプロンプトをコピー＆ペーストするだけでアプリを生成できる機能も備える。
背景メモ
- **Datasette**はSQLiteデータベースをWebで公開・探索するためのオープンソースツール。作者のSimon Willison（サイモン・ウィリソン）はDjangoフレームワークの共同創設者としても知られる。
- **Claude Artifacts**はAnthropic社のAIアシスタントClaudeが生成したHTML/JSコードを即座にプレビュー・実行できる機能。本記事の着想元。
- **Datasette Agent**はAIアシスタントと連携してデータ分析を対話的に行うDatasetteのプラグイン。その拡張として本機能が生まれた。
- **vibe coding**はAIに自然言語で指示してコードを生成させる開発スタイルを指すWillisonの造語。
- 記事の核心：sandbox属性とContent-Security-Policy（CSP）を組み合わせ、認証済みDatasette上で信頼できないHTML/JSアプリを安全に実行する仕組み。iframeは外部通信やcookie・localStorageにアクセスできず、許可されたSQL読み取り専用クエリのみ親フレーム経由で実行できる。書き込みは事前に登録したストアドクエリに限定。LLMにプロンプトをコピペすればAIがアプリを生成できる点も特徴。