Now in beta

Build it.
Just talk.

コード知識ゼロでも、
アプリは作れる。

AIと対話するだけで、ブラウザで動くアプリが立ち上がる。
開発者は直接コードを書き、それ以外の人は言葉で作る。どちらでも、同じ速度で。

Chat + Code mode Live preview Claude Sonnet / Opus Browser native

Talk first.
Code optional.

アプリを作るのに、環境構築もターミナルもいらない。
作りたいものを話すだけで AI がスキャフォールドを組み立て、即座にブラウザで動きます。コードが欲しければ、そのまま編集できる。

I · Describe

話す

「ECサイトを作りたい」「ポモドーロタイマーがほしい」。普通の言葉で伝えるだけ。

II · Generate

生成

Claude Sonnet / Opus がヒアリングし、コード・UI・ロジックまで一気に組み上げます。

III · Ship

動かす

ライブプレビューでリアルタイムに確認。書いたコードが即座にブラウザで動きます。

Two modes.
One builder.

ノンコーダーは Chat モード、開発者は Code モード。どちらも同じプロジェクトで、いつでも行き来できます。

BUILDER · 01

Chat mode

AI が必要なことを順に質問します。答えるだけで、アプリの骨組みが完成。

For ノンコーダー
Skill ゼロでもOK
Output 動くプロトタイプ
BUILDER · 02

Code mode

VS Code のようなエディタで直接編集。AI アシスタントも同居しています。

For 開発者
Skill JS / TS / HTML
Output 本格的なコード
BUILDER · 03

Live preview

コードを書いた瞬間に、隣のペインに反映。ビルド待ちはゼロ。

For 両モード共通
Speed 即時反映
Share URL で公開

Just describe it.

AI があなたの頭の中を引き出します。技術用語は不要。要件が固まれば、そのままコードが生成されます。

Builder · Chat mode
Claude Sonnet · Ready
● Active
ECサイト作りたい。服を売りたい。
AI
いいですね。まず最小構成から。
商品点数はどれくらい? 10 点以下 / 50 点前後 / 100 点以上。
10点くらい
AI
了解。決済は Stripe でOK? カート機能も作りますか?
両方お願い
AI
●●● スキャフォールド生成中... (商品一覧 / カート / 決済)
メッセージを入力...
STEP 01

やりたいことを話す

技術用語も正確さもいらない。「あれを作りたい」と書くだけ。

STEP 02

AI の質問に答える

規模、機能、デザインの方向性。AI が必要な情報を順に聞き出します。

STEP 03

そのまま動く

スキャフォールドが生成され、プレビューが立ち上がる。調整も会話で。

Or write it.
Side by side.

左にエディタ、右にプレビュー。書いた瞬間に反映されます。 AI はインラインでコードを提案し、選ぶだけで適用。

App.tsx
styles.css
api.ts
UTF-8 · TSX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import { useState } from 'react';
import { products } from './data';
 
export default function App() {
  const [cart, setCart] = useState([]);
 
  // 商品カードを一覧表示
  return (
    <main className="grid">
      {products.map((p) => (
        <Card key={p.id} product={p} />
      ))}
    </main>
  );
}
 
// AI suggestion: add cart drawer
localhost:3000 / preview
● Live
Your Shop
Cart · 2
Linen Tee
¥4,800
Cargo Pants
¥9,800
Wool Coat
¥24,800
Cap Black
¥3,200
hot reload · updated 0.2s ago
Syntax

シンタックスハイライト

TSX / JS / HTML / CSS / SQL 対応。

Inline AI

インラインで提案

選択して Cmd+K で AI に編集を依頼。

Multi file

複数ファイル対応

タブで切り替え、プロジェクト全体を横断。

Ship anything.
In a day.

プロトタイプから業務ツールまで。ブラウザで動く範囲のものは、だいたい作れます。

USE · 01

MVP / スタートアップ

アイデア検証のための最小構成を、1日で動かす。仮説検証のサイクルを10倍速に。

USE · 02

個人ツール

ポモドーロ、家計簿、習慣トラッカー。自分だけの使い勝手を、自分で作る。

USE · 03

プロトタイプ

デザイナーや PM が、Figma の先へ。動くプロトで議論の解像度が変わる。

USE · 04

社内ツール

面倒なスプレッドシート業務を、専用 UI に。エンジニアを待たずに現場で作る。

USE · 05

学習・勉強

React や Next.js を、作りながら学ぶ。AI が解説とコードを一緒に出します。

USE · 06

LP / ポートフォリオ

1ページ完結の LP や作品集を、デザインごと丸投げで生成。公開まで数十分。

作る量で、選ぶ。

プロジェクト数と使うモデルに応じて3プラン。
いつでも切り替え・解約できます。

Free

Starter

¥0 / 月
  • 月 5 プロジェクト
  • Claude Haiku
  • Chat / Code 両モード
  • ライブプレビュー
  • 公開URLは7日間で失効
無料で始める
Elite

Studio

¥9,800 / 月
  • Pro のすべて
  • プロジェクト数 無制限
  • Claude Opus (最高精度)
  • 長時間セッション・大規模コード
  • 優先サポート・Early access
Elite を始める

いつでもプラン変更・解約できます。Stripe による安全な決済。

Start building.
Now.

環境構築も、コマンドラインも、もういらない。
ブラウザを開いて、話しかけるだけ。