機能

このページでは MonstarX のコア機能を説明します。まだ最初のアプリを構築していない方は、スタートガイドから始めてください。

Workbench

アプリの構築が完了すると、Workbench が自動的に開きます。これがプロジェクトのワークスペースで、3 つのタブがあります。

Preview

ライブでクリックできるアプリのバージョン

Code

ソースファイルの閲覧とエクスポート

Connectors

アプリに必要な外部サービスを接続

Workbench — Preview タブに構築済みのアプリが表示され、左にチャットがあります。

Preview タブ

Preview タブにはアプリのライブでインタラクティブなバージョンが表示されます。ボタンのクリック、フォームへの入力、ページ間のナビゲーションなど、実際のユーザーと同じように操作できます。

Preview の用途:

• 最初の構築直後にアプリが意図と一致しているか確認する
• フォローアップメッセージ送信後に変更が反映されているか確認する
• 公開前の最終確認を行う

注意: 必須サービスが接続されていない場合、ページは読み込まれてもデータの保存やログインなどの操作が Preview で失敗することがあります。Connectors タブで修正してください。

Code タブ

Code タブではアプリのソースファイルを閲覧できます。

用途:

• MonstarX が何を構築したかを確認する
• 特定のロジックを別のプロジェクトにコピーする
• 変更をリクエストする前に構造を理解する

注意: Code タブ内から直接編集することはできません。手動で編集するには、まずコードを GitHub にプッシュしてから編集してください。

Code タブ — プロジェクトのファイルツリーを閲覧してソースファイルを確認できます。

Connectors タブ

Connectors タブには、プロジェクトで利用可能なすべての外部サービスと現在のステータスが一覧表示されます。

• Connected（接続済み） — アクティブで正常に動作している
• Required（必須） — 接続が必要。これがないとアプリは動作しない
• Optional（任意） — 必須ではない。なくてもアプリは動作する
• Not connected（未接続） — 利用可能だがまだセットアップされていない

Connectors タブ — アプリに必要なサービスを確認してここで接続できます。

各サービスのステップバイステップのセットアップ手順については、インテグレーションをご覧ください。

Discuss mode

Discuss mode を使うと、アプリの再構築をトリガーせずに MonstarX と会話できます。

用途:

• 変更を加える前に質問する
• 予定している変更が小さいか大きいかを確認する
• 何かが特定の方法で構築された理由を理解する
• コミットする前にアプローチを検討する

有効にする方法:

1. メッセージ入力欄近くの Discuss トグルを探します。ツールチップには 「構築や再デプロイなしに質問できます。」 と表示されます。
2. クリックして有効にします。アクティブ状態では 「Discuss mode on」 と表示されます。
3. 質問を入力して送信します。
4. MonstarX はアプリに変更を加えずに応答します。
5. 実際の変更を加える準備ができたら、トグルをオフにして通常通りプロンプトを送信します。

通常のメッセージを送ると完全な再構築がトリガーされる可能性があります。Discuss mode を使えば事前にアプローチを確認でき、時間とクレジットを節約できます。

プランファーストの流れ

MonstarX のすべてのプロジェクトはこの順序で進み、どのステップもスキップできません。

説明

›

質問

›

プラン

›

承認

›

構築

›

公開

プランは構築が始まる前の唯一のチェックポイントです。おかしいと思う点があれば、承認前に修正してください — 構築済みのアプリを修正するよりずっと速いです。

プロジェクトスコープの段階

新しいプロジェクトを始める際は、4 つのスコープから選びます。

• マーケティングサイト — 静的ページ。ユーザーアカウントやデータベースなし
• コア + 認証 — フォーム、軽量バックエンド、ログイン
• フルアプリケーション — ユーザーアカウント、データベース、サービス接続
• フル + 管理者 — フルアプリケーションに管理者パネルを追加

コンテンツのみのページにはマーケティングサイトを選びましょう。データの保存、支払いの処理、サービスの接続を含むアイデアにはフルアプリケーションを選びましょう。ローンチ後にユーザーやコンテンツを管理する必要がある場合はフル + 管理者を選びましょう。

プロジェクトの途中でスコープを変更するには新しいプランを開始する必要があります。

ファイル添付

MonstarX がプランを作成する前に、最初のメッセージにファイルを添付してより多くのコンテキストを提供できます。

対応フォーマット: PDF、Word（.docx）、プレーンテキスト、Markdown、画像（PNG、JPG）

活用例:

• 確認作業の往復を減らすための製品概要書や仕様書
• 視覚的な意図を伝えるためのワイヤーフレームやスクリーンショット
• MonstarX に使用してほしい既存のデータ構造

添付方法:

1. メッセージ入力欄の添付ファイルアイコンをクリックします。
2. ファイルを選択します。
3. メッセージを追加して「送信」を押します。

公開と非公開

公開するには: Publish をクリックします。これにより、すぐに共有できるライブの公開 URL が作成されます。

非公開にするには: Unpublish をクリックします。アプリはオフラインになり、URL が機能しなくなります。いつでも再公開できます。

カスタムドメイン: 現在の MonstarX バージョンでは利用できません。

GitHub エクスポート

GitHub エクスポートでは、アプリのコードのコピーを任意のリポジトリに送信できます。

手順:

1. Connectors タブを開き、GitHub アカウントを接続します。
2. GitHub プッシュオプションをクリックします。
3. リポジトリ名を付けて確認します。

MonstarX の外部で開発を続けたい場合、独自のサーバーにデプロイしたい場合、またはコードの恒久的なバックアップを保持したい場合に使いましょう。

言語オプション

MonstarX のインターフェースは英語、日本語、アラビア語で利用できます。アカウントの設定パネルから言語を切り替えられます。

スコープ別の機能利用可能状況

機能	マーケティングサイト	コア + 認証	フルアプリケーション	フル + 管理者
Preview	あり	あり	あり	あり
Code タブ	あり	あり	あり	あり
Connectors	限定的	一部	フル	フル
Supabase	なし	一部	あり	あり
ログイン / 認証	なし	あり	あり	あり
管理者パネル	なし	なし	なし	あり
公開 / 非公開	あり	あり	あり	あり
GitHub エクスポート	あり	あり	あり	あり

このテーブルは観察された動作を反映しています。現在の正確性は実際のプロダクトで確認してください。