WebTwizzへようこそ

WebTwizzでできることを、すべて解説します。

WebTwizzはAIでWebアプリを作成できるエディターです。作りたいものを言葉で伝え、見た目を直接調整し、実際に動くWebアプリとして公開できます。コードの知識は必要ありません。コードがわかる方は、その中身もすべて確認できます。

最初のプロジェクトを作成アカウントを作成

レイヤー好きな要素をクリック編集パネル

アカウントを作成登録して、Freeプランで使える機能を確認します。最初のプロジェクトプロンプトやテンプレートから、実際に動くサイトを作ります。ダッシュボードを使うプロジェクト、検索、ワークスペース、アカウントを確認します。エディターの概要キャンバス、ツールバー、パネル、ショートカットを紹介します。

AIチャット

言葉で伝えると、形になります。

必要なものを、自分の言葉でAIに伝えます。AIがページを設計し、コードを書く様子を確認できます。作業が進むにつれてプレビューも更新されます。テンプレートから始めて、変更したい点を伝えることもできます。

• ページ、ログイン、データ、決済
• 変更のたびにバージョンを保存

AIチャットの仕組み

ビジュアルエディター

クリックして、直接編集できます。

テキストはダブルクリックで書き換えられます。レイアウト、書体、色、余白は編集パネルで調整できます。⌘Kを押すと「AIで編集」が開きます。各候補をページ上でプレビューしてから選べます。

• プロンプト不要
• 変更はコードに反映

AIで編集

バージョン履歴

どのバージョンにも戻せます。

作業のまとまりごとに、バージョンが保存されます。どのバージョンもキャンバスで確認でき、変更されたファイルもわかります。大切なバージョンには名前を付け、必要なときに復元できます。

バージョン履歴

コード

中身は常に、実際のコードです。

すべてのプロジェクトは、あなたが所有する実際のコードでできています。GitHubを接続すれば、自分のリポジトリにコピーを保存できます。有料プランでは、コードエディターを開いて編集やダウンロードができます。

• コードの所有権はあなたに
• GitHubと同期
• 有料プランでダウンロード可能

コードエディター

データ

データベースも、エディター内で扱えます。

プロジェクト内のコレクションにコンテンツを保存できます。Supabase、Postgres、MySQL、MongoDB、Google Sheetsを接続して、データパネルから行を直接編集することもできます。

データとCMS

• Supabase
• Postgres
• MySQL
• MongoDB
• Google Sheets
• { }コレクション

コネクタ

いつものツールを接続できます。

ログインまたはAPIキーでアカウントを一度接続すれば、どのプロジェクトでも使えます。AIは作業中に接続先の情報を読み取ります。

Supabaseデータベース、認証、ストレージGoogle Sheetsスプレッドシートをデータとして活用Stripe決済とサブスクリプションGoogle Analytics公開サイトのアクセス状況PostHogプロダクト分析とセッションリプレイSentryエラー監視ResendトランザクションメールLoopsマーケティングと利用段階に応じたメールIntercomライブチャットとヘルプデスクOpenAIアプリ内でGPTモデルを活用Anthropicアプリ内でClaudeを活用GitHub自分のリポジトリでコードを管理

公開

ワンクリックで公開できます。

無料のwebtwizz.appアドレスでサイトを公開できます。有料プランでは、独自ドメインを接続できます。誰でもアクセスできるようにするほか、パスワードで共有したり、選んだ人だけを招待したりすることもできます。

プレビューして公開独自ドメイン

クレジット、プラン、上限について知りたいですか？よくある質問をご覧ください。