Teenyappを使用してClaudeデザインアーティファクトをライブウェブサイトにデプロイする

✍️ OpenClawRadar📅 公開日: May 6, 2026🔗 Source
Teenyappを使用してClaudeデザインアーティファクトをライブウェブサイトにデプロイする
Ad

Teenyapp.comは、Claude Design専用に構築されたウェブホスティングサービスです。Claude Designにはコード実行、ファイル作成、任意のHTTPリクエスト機能があるものの、ホスティング先がないというギャップを解決します。TeenyappのリンクをClaude Designに貼り付けると、エージェントがAPIを介して自動的にアーティファクトをライブサイトに公開します。

仕組み

  • yourapp.app.teenyapp.com でカスタムドメインを取得し、エージェントトークンを含むTeenyappリンクを受け取ります。
  • そのリンクをClaude Designに貼り付けます。リンクは、アーティファクトをデプロイするための指示が書かれた claude.md ファイルを指しています。
  • Claude Designが claude.md を読み取り、エージェントトークンを使用してアーティファクトをアップロードし、サイトを設定します。すべて自動で行われます。

デプロイ例

Claude Designのデフォルトの電卓キットプロンプトを使用した例では、デザインモックアップが作成された後、ユーザーがTeenyappリンクを貼り付け、https://calculator.app.teenyapp.com にデプロイするよう指示しました。Claude Designが残りを処理しました。

サポートされるバックエンド機能

  • APIリクエストを処理するワーカー
  • データベースとファイルストレージ
  • 認証(メール/パスワード、Google、GitHub、Discord OAuth)

対象ユーザー

チャットインターフェースから離れずにプロトタイプや小規模アプリをすぐに公開したい、Claude Designを使用する開発者向け。

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Jan-Code-4B:ローカル開発のための軽量コードチューニングモデル
Tools

Jan-Code-4B:ローカル開発のための軽量コードチューニングモデル

Janチームは、Jan-v3-4B-base-instructをベースにした4Bパラメータのコードチューニングモデル「Jan-Code-4B」をリリースしました。これはClaude CodeのHaikuモデルと互換性のある代替モデルとして設計されており、ローカルで動作しながらコーディング支援を改善します。

OpenClawRadar
certctl: AIエージェント自動化のための78のAPIエンドポイントを備えたセルフホスト型証明書ライフサイクルプラットフォーム
Tools

certctl: AIエージェント自動化のための78のAPIエンドポイントを備えたセルフホスト型証明書ライフサイクルプラットフォーム

certctlは、GoとTypeScriptで構築されたセルフホスト型の証明書ライフサイクルプラットフォームで、証明書管理のための78のREST APIエンドポイントを公開しています。このプラットフォームは発行者とターゲットの両方に依存せず、すべての機能をネイティブMCPツールとして公開するMCPサーバーが計画されています。

OpenClawRadar
Sherlock: AppleデベロッパードキュメントをClaude CodeのローカルMCPとして利用する
Tools

Sherlock: AppleデベロッパードキュメントをClaude CodeのローカルMCPとして利用する

Sherlockは70,000のApple APIシンボルをSQLite FTS5にインデックス化し、5つのMCPツールと3つの自動トリガースキルを提供してClaude Codeを実際のドキュメントに基づかせ、幻覚を防止します。

OpenClawRadar
Claude Codeルーチン:推論機能を備えたCronのようなエージェントタスクのスケジュール
Tools

Claude Codeルーチン:推論機能を備えたCronのようなエージェントタスクのスケジュール

Claude Code Routines を使えば、セッションを開いたままにしなくても、エージェントタスクをスケジュールに従って実行できます。Redditユーザーが実際の例を共有しています:毎晩のコミットレビュー、毎週の依存関係チェック、毎日のエラーログ分析 — 生のスクリプト出力ではなく、AIによる推論を用いています。

OpenClawRadar