MonstarX のしくみ
要点アプリの内容を伝えると、AI エージェントが機能のチェックリストとして計画を立て、安全なクラウドコンピューター上でコードを書きます。作成中のアプリはプレビューでそのまま動きます。コードの変更はすべてバージョンとして保存され、いつでも戻せます。MonstarX Cloud がデータベース、サインイン、メール、ストレージ、AI を用意します。実際のブラウザでテストし、ワンクリックで専用アドレスに公開し、チャットで改善を続けられます。
MonstarX は、小さなソフトウェアチームの仕事をこなします。何を作るか計画し、コードを書き、動かし、確認し、インターネットに公開します。このページでは各段階をわかりやすく説明します。待っている間に何が起きているのか、それぞれの段階で何ができるのかがわかります。
アプリができるまで
Section titled “アプリができるまで”3〜7 は、変更を頼むたびに繰り返されます。順番に見ていきましょう。
1. 伝える
Section titled “1. 伝える”すべてはリクエストから始まります。アプリが何のためのもので、利用者がそこで何をするのかを、1〜2文で伝えます。画像、資料、スプレッドシート、Figma のデザインを添えることもでき、MonstarX の始め方も選べます。
| 押すボタン | 最初に起きること |
|---|---|
| 作成する | MonstarX がすぐに作成を始めます。足りない部分は妥当な選択で埋めます。 |
| プランを作成（プランから始めるがオンのとき） | MonstarX がいくつか質問します。質問は一つずつ、回答の候補付きで表示され、すべて答えると作成が始まります。 |
| 作成する（デザインを先にがオンのとき） | まず、完成品のような最初の画面がいくつか表示され、気に入った見た目を選べます。 |
アプリの内容を伝えると上手な頼み方をご覧ください。
新しいアプリや、いくつもの機能を含むリクエストでは、MonstarX はまず機能プランを書きます。これから作るものを番号付きで並べた短いチェックリストです。プランはチャットの一番上の 機能 にあり、いくつ完成したかをバーで示します。機能を追加・削除したり、作業をやり直させたり、一つの機能だけを作成したりすることもできます。
機能プランをご覧ください。
MonstarX の作り手である AI エージェントが、プランの機能を一つずつ進めていきます。機能ごとに、今ある内容を読み、アプリのファイルを書いたり編集したりし、必要なデータベースのテーブルを用意し、ページが引き続き動くことを確認します。作業しながら、アプリ用の写真を描くこともあります。
チャットには、その様子がリアルタイムで表示されます。ひとまとまりの作業ごとに「4個のファイルを作成 · 2個のファイルを読み込み」「1個の機能を作成 · データベースを更新」のような1行にまとめられ、クリックすれば一つひとつのステップを確認できます。
作業するのはどの AI モデルでしょうか。自動（標準の設定）では、MonstarX がリクエストごとに適したモデルと思考レベルを選び、返信にその選択を表示します。自分で選ぶこともできます。モデルを選ぶをご覧ください。
作成はブラウザではなく MonstarX 上で進みます。 タブを閉じても、スマートフォンをロックしても作成は続き、終わったときに通知を受け取ることもできます。作成中に送ったリクエストはキューで待ち、順番が来ると自動で始まります。作成の様子を見るとキューをご覧ください。
4. プレビュー
Section titled “4. プレビュー”アプリは専用の安全なクラウドコンピューターで動き、プレビュー タブにそのまま表示されます。画像ではなく、本物のアプリです。作成中にファイルを書いている間は、書きかけのページを隠して状況を示すカードを表示するので、アプリが見えるのはページがきちんと動くようになってからです。
- パソコン、タブレット、スマートフォンの幅を切り替えられます。
- 訪問者と同じように、クリックしたり入力したりできます。
- 編集 や 切り抜き で何かを指し示して、変更を頼めます。
20分間使われなかったプレビューはスリープします。戻ってくると、まずページの保存コピーが表示され、マウスを動かすかクリックすると、すぐにアプリが起動します。プレビューをご覧ください。
5. テスト
Section titled “5. テスト”MonstarX は作成のたびに確認を行います。機能を作成するたびに、ページが表示されることを確かめます。さらに詳しく確認したいときは自動 QA を実行します。MonstarX がアプリからテスト計画を書き、クラウド上のブラウザが本物の顧客のように新規登録、予約、購入などを操作し、すべての実行を録画します。大きな変更の後には MonstarX が QA 実行を提案し、始める前に確認します。QA テストをご覧ください。
セキュリティ タブはアプリのセキュリティ上の弱点をスキャンし、SEO/GEO タブは検索エンジンや AI アシスタントからアプリがどう見えるかを確認します。セキュリティスキャンとSEO と GEOをご覧ください。
公開するまで、アプリを見られるのは、あなた、プロジェクトを共有した人、プレビューのリンクを渡した人だけです。公開 を押すと、本番用のアプリを作成して、専用のアドレス（your-app.monstarx.app）でインターネットに公開します。HTTPS に対応し、Cloudflare のグローバルネットワークから配信されます。独自ドメインを追加することもできます。
公開では、その時点のアプリのスナップショットを使います。プレビューで作業を続けても、公開中のサイトが変わるのは 再公開 を押したときだけです。アプリを公開するをご覧ください。
7. 改善を続ける
Section titled “7. 改善を続ける”アプリに「完成」はありません。次の機能を頼んだり、顧客から報告された問題を直したり、プランの機能がすべて完成したときに MonstarX が提案する 次に追加できる機能のアイデア から選んだりしましょう。アイデアの 追加（または すべて追加）を押してから 作成する を押します。どのリクエストも、計画、作成、プレビュー、テスト、公開という同じ流れをたどります。
バージョンとは？
Section titled “バージョンとは？”アプリのコードが変わるたびに（作成の後、コード タブでの保存の後、復元の後）、MonstarX はバージョンを保存します。その時点のアプリのコード全体のスナップショットです。チャットやプランのリクエストは何も変えないので、バージョンは保存されません。プロジェクト上部の バージョン を開くと新しい順に並んでおり、復元 を押せばそのバージョンに戻れます。復元で置き換わるのは現在のコードだけで、アプリのデータ（ユーザー、予約、注文）は変わりません。
バージョンをご覧ください。
MonstarX Cloud とは？
Section titled “MonstarX Cloud とは？”アプリにはページ以外にも、データの保存場所、サインインのしくみ、メール、アップロードなどが必要です。MonstarX Cloud は、それらすべてをすぐに使える形でアプリごとに用意します。設定もキーの貼り付けも不要です。
| サービス | アプリに備わるもの |
|---|---|
| データベース | 専用のデータベース。プレビューと公開中のアプリは同じデータを使います。 |
| ユーザーアカウント | アプリの利用者のための新規登録、サインイン、パスワードの再設定。 |
| メール | your-app@monstarx.app のような、アプリ専用のアドレスから送るメール。 |
| ファイルストレージ | アップロードされた写真や書類。 |
| AI | アプリ内で使える文章、回答、画像、ウェブ検索。 |
| 地図 | 地図とピン。キーは不要です。 |
| シークレット | 接続したサービスのキーを暗号化して保存。コードには書き込まれません。 |
これらはすべて バックエンド タブで確認・管理できます。好みに応じて自分のアカウントに切り替えることもできます。たとえばデータベースには Supabase を使ったり、メールに独自ドメインを使ったりできます。MonstarX Cloud をご覧ください。
裏側では何が起きていますか？
Section titled “裏側では何が起きていますか？”| あなたが… | MonstarX は… |
|---|---|
| 作成する を押す | プロジェクトを作成し、すぐにサーバー上でリクエストを開始します。 |
| 待つ | プレビューを動かしている安全なクラウドコンピューター上で、アプリのファイルを読み、書き、確認します。 |
| タブを閉じる | 作業を続けます。戻ってくると結果ができあがっています。 |
| 作成中に別のリクエストを送る | キューに入れ、前の作成が終わると開始します。チャットとプランの質問には、作成と並行してすぐに答えます。 |
| 作成を終える | バージョンを保存し、プロジェクト一覧のプロジェクトの画像を更新し、次に作るものを提案します。 |
| 公開 を押す | 本番用のアプリを作成し、オンラインに公開します。 |
| GitHub を接続する | 変更のたびにリポジトリへコミットとして保存し、GitHub 側での編集も次の同期で取り込みます。 |
よくある質問
Section titled “よくある質問”MonstarX が作成している間、パソコンの電源を入れておく必要はありますか？
ありません。作成は MonstarX のサーバー上で行われます。タブを閉じても、パソコンの電源を切ってもかまいません。戻ってきたときに結果を確認できます。
MonstarX が書いたコードは見られますか？
見られます。コード タブにすべてのファイルが表示され、編集して保存することもできます。プロジェクトをエクスポートしたり、GitHub に保存したりすることもできます。
プレビューと公開中のアプリは同じものですか？
同じアプリですが、プレビューは作成のたびに変わるのに対し、公開中のアプリは 再公開 を押したときにだけ変わります。データベースはどちらも同じものを使います。
バージョンを復元すると、アプリのデータは消えますか？
消えません。復元で変わるのはコードだけです。ユーザー、予約などアプリ内のデータはそのまま残ります。
MonstarX はどんな技術でアプリを作りますか？
標準的でモダンな Web の技術です。TanStack Start、React、TypeScript と SQL データベースを使います。Web 開発者なら誰でも引き継げます。