AI App Builder with Hosting まとめ

#juneboku > topics > AI App Builder with Hosting まとめ
created: 2026-06-22 / updated: 2026-06-22
juneboku Claude Code
Written by juneboku with assistance from Claude Code.

プロンプトからアプリを生成し、そのままホスティングまで提供してくれるサービスのまとめ。従来のPaaSと違い、コードを自分で書かずにアプリの構築からデプロイまで完結する。

サービス

  • Replit — AI Agent機能でプロンプトからアプリ生成、Replit上でそのままホスティング
  • Base44 — プロンプトからWebアプリを生成してワンクリックで公開
  • Bolt.new — StackBlitz製、ブラウザ上でフルスタックアプリを生成・デプロイ
  • Lovable — プロンプトからUIを生成、Supabase連携でバックエンドも構築・デプロイ
  • v0 — Vercel製、UIコンポーネント生成に強み、Vercelへのデプロイが自然に繋がる
  • Anything (旧Create.xyz) — プロンプトからインタラクティブなWebアプリを生成・公開
  • Firebase Studio — Google製、AIでフルスタックアプリを構築しFirebaseにデプロイ
  • Hostinger Horizons — Hostingerが提供するAIアプリビルダー、ホスティング込み
  • Tempo — React/Next.jsに特化したビジュアルエディタ + AIコード生成、デプロイ機能あり

特徴

  • プロンプト(自然言語)でアプリの要件を伝えるとコードが生成される
  • 生成されたアプリをそのままプラットフォーム上でホスティング・公開できる
  • カスタムドメインの設定やデータベース連携など、運用に必要な機能も備えていることが多い

比較表

サービス バックエンド/DB コードエクスポート 主な技術スタック
Replit あり(PostgreSQL等) あり 多言語対応
Base44 あり あり React
Bolt.new あり(Supabase等) あり React, Next.js等
Lovable あり(Supabase) あり(GitHub連携) React + Vite
v0 限定的 あり React, Next.js
Anything (旧Create.xyz) あり 限定的 React
Firebase Studio あり(Firebase) あり Next.js, Flutter等
Hostinger Horizons あり 限定的 独自
Tempo 限定的 あり(GitHub連携) React, Next.js

各サービス詳細

Replit

  • URL: https://replit.com
  • 無料枠: あり(Starter)。公開プロジェクト1つ、5分間アクセスがないとスリープ
  • 有料プラン: Core $25/月(年払い$20)、Pro $100/月(年払い$95)
  • カスタムドメイン: Core以上で対応

老舗のオンラインIDEがAI機能を統合。Replit Agentにプロンプトを渡すとアプリを生成してくれる。Python, Node.js, Go など多言語対応で、PostgreSQLやKey-Value Storeも組み込みで使える。生成したアプリはそのまま .replit.app ドメインで公開される。

Base44

  • URL: https://base44.com
  • 無料枠: あり(Free)。.base44.app サブドメインで公開
  • 有料プラン: Starter $16/月 → Builder $40/月 → Pro $80/月 → Elite $160/月
  • カスタムドメイン: Starter以上で対応

イスラエル発のサービス。プロンプトからReactベースのWebアプリを生成し、ワンクリックで公開できる。バックエンド機能も組み込みで提供。シンプルなCRUDアプリの立ち上げが速い。

Bolt.new

  • URL: https://bolt.new
  • 無料枠: あり(Free)。月1Mトークン(1日300K上限)、.bolt.host でホスティング
  • 有料プラン: Pro $25/月
  • カスタムドメイン: Pro以上で対応

StackBlitzが開発。ブラウザ上のWebContainerでフルスタックアプリを生成・実行する。Supabase等の外部サービスとの連携にも対応。生成したコードはそのままダウンロードしたりNetlifyへデプロイしたりできる。

Lovable

  • URL: https://lovable.dev
  • 無料枠: あり(Free)。日5ビルドクレジット(月最大30)
  • 有料プラン: Pro / Business の2段階
  • カスタムドメイン: 有料プランで対応。デフォルトは .lovable.app

旧GPT Engineer。プロンプトからReact + Viteのアプリを生成し、Supabase連携でバックエンドも構築できる。GitHub連携でコードをリポジトリにpushでき、開発者が引き継ぎやすい設計。

v0

  • URL: https://v0.dev
  • 無料枠: あり(Free)。月$5分のクレジット込み、7メッセージ/日
  • 有料プラン: Team $30/user/月、Business $100/user/月、Enterprise
  • カスタムドメイン: デプロイ先のVercel経由で設定可能

Vercelが提供するUI生成ツール。React/Next.jsコンポーネントの生成に強みがあり、shadcn/uiベースの洗練されたUIが出てくる。生成したものをVercelにデプロイする流れが自然。フルスタックというよりはフロントエンド寄り。

Anything (旧Create.xyz)

  • URL: https://www.create.xyz
  • 無料枠: あり(Free、月3Kクレジット)
  • 有料プラン: Pro $19/月(20Kクレジット)〜
  • カスタムドメイン: Pro以上で対応

プロンプトからインタラクティブなWebアプリを生成・公開できる。API連携やデータベース機能も備える。生成物はプラットフォーム上でホスティングされる。2026年に"Anything"にリブランド。

Firebase Studio

  • URL: https://firebase.studio
  • 無料枠: あり(プレビュー期間中)。無料で3ワークスペースまで
  • 有料プラン: プレビュー期間中のため未公開
  • カスタムドメイン: デプロイ先のFirebase Hosting / Cloud Run経由で設定可能

Googleが提供するAI搭載の開発環境(旧Project IDX)。Next.js, Flutter, Angular等のフレームワークに対応し、Gemini統合でコード生成を支援。Firebase上にそのままデプロイできる。Googleのエコシステムとの親和性が高い。2027年3月22日にサンセット予定で、Google AI Studio / Antigravityへの移行が案内されている。

Hostinger Horizons

  • URL: https://www.hostinger.com/horizons
  • 無料枠: あり(制限付き)
  • 有料プラン: Explorer $6.99/月(1サイト, 30クレジット/月) → Starter $13.99/月 → Hobbyist $39.99/月 → Hustler $79.99/月
  • カスタムドメイン: Starter以上で対応(無料ドメイン付き)

大手ホスティング会社Hostingerが提供するAIアプリビルダー。Hostingerのホスティング契約と一体になっており、独自のランタイムでアプリを動かす。ホスティングインフラが安定している反面、技術スタックの自由度は低め。

Tempo

  • URL: https://www.tempo.new
  • 無料枠: あり
  • 有料プラン: Pro $20/月
  • カスタムドメイン: 外部デプロイ(Vercel等)経由で設定

React/Next.jsに特化したビジュアルエディタとAIコード生成を組み合わせたツール。デザインとコードを行き来しながら開発でき、GitHub連携でコードをエクスポートできる。デプロイは外部サービス経由。

Mentioned in days

In 2026-06-23 Tue Read full day →

きのう、AI App Builder with Hostingまとめというページにあれこれと情報をまとめたけれど、別アプローチとして「Cloudflareを大活用するアーキテクチャ」も試してみている。

Claude Designで作案した「匿名チャットアプリ」を「こちらで指定するCloudflareなアーキテクチャで実装してデプロイして」とClaude Codeに指示を出してみたら、スムーズにデプロイまで進んだ。

https://anon-chat.juneboku.workers.dev/

現時点では、これがいちばん快適かな〜。自分にとっての最速プロトタイピングはこれかも。

Agent Skillsとして下記のようなものを定義して、これでClaude Codeに動いてもらっている。あといくつかいろんなアプリをつくらせてみて、このアプローチが有用そうか検証してみる。

https://gist.github.com/juneboku/e82e9bc2d1afdbdc9f0e80c119c7e768

In 2026-06-22 Mon Read full day →

Claude Designがなかなかおもしろい。そうすると「Claude Designで作成した案を、実際に触って試せるウェブアプリとしてデプロイする」のところのコストを下げたくなってくる。

「話す → 描く → 動かす」の「動かす」の部分のコストが下がれば、プロトタイピングのコストが2年前基準の20分の1とかになりそうと思って。そうすると、ぼくが個人事業主として相談を受けているような案件においては、かなりグッドな相談相手になれそう。相談を受けたら、数時間後にはプロトタイプをお渡ししてボールをお返しできたらいいもんな。

そんなわけでAI App Builder with Hostingまとめのページをつくったりした。模索中。

「これとこれを組み合わせて無料に近いくらい安価で動かす構成はこれ!」ってデッキを定めて、その構成でばんばんデプロイする、ってのもある気がする。模索中。

Archives : 2,609 days