ワークスペースの見方
要点プロジェクトはワークスペースで開きます。上部のバーにはタブ（プレビュー、管理、コード、バックエンド、ログ、セキュリティ、SEO/GEO、ソーシャル）とツール（バージョン、QA、GitHub、共有、公開、設定）が並びます。左側はチャットで、一番上に機能プラン、一番下にプロンプト欄（ビルド・プラン・チャットの切り替え、モデルの選択、使用量のリング、送信または停止）があります。右側には開いているタブ、ふだんはライブプレビューが表示されます。
どのプロジェクトもワークスペースで開きます。一つのアプリを作成し、確認し、公開するためのページです。最初はにぎやかに見えますが、部分は3つだけです。それさえわかれば、何でも見つけられます。
| 部分 | 場所 | 役割 |
|---|---|---|
| 上部のバー | 画面の上端 | タブを切り替えたり、プロジェクトのツール（バージョン、QA、GitHub、共有、公開、設定）を開いたりします。 |
| チャット | 左側 | MonstarX と話します。リクエストを送り、作成の様子を見て、機能プランを確認します。 |
| メインエリア | 右側 | 開いているタブを表示します。アプリのライブ プレビュー、コード、データなどです。 |
チャットとメインエリアの間の細い線をドラッグすると、チャットの幅を広げたり狭めたりできます。
上部のバーには何がありますか？
Section titled “上部のバーには何がありますか？”左側：プロジェクトとタブ
Section titled “左側：プロジェクトとタブ”- ‹ とロゴ：すべてのプロジェクトの一覧に戻ります。
- プロジェクト名：クリックして名前を変更し、Enter を押します（公開中のアプリのアドレスは変わりません）。
- タブ：メインエリアに表示する内容を切り替えます。どのタブを開いても、チャットは左側に残ります。
| タブ | 表示される内容 | 詳しくは |
|---|---|---|
| プレビュー | 動いているアプリ。訪問者と同じようにクリックや入力ができます。 | プレビュー |
| 管理 | アプリの管理パネル。新規登録した人や、アプリのデータをシンプルなフォームで編集できます。変更は作成なしですぐに反映されます。 | 管理パネル |
| コード | アプリのすべてのファイルをエディタで表示します。手動でファイルを変更して保存できます。 | コード |
| バックエンド | アプリの MonstarX Cloud。データベースのテーブル、ユーザー、ファイル、メール、AI の利用状況、シークレット、使っているサービスとコネクタ。 | MonstarX Cloud |
| ログ | プレビューで動いているアプリのサーバーが出力した内容。エラーの原因を探すときに役立ちます。 | ログ |
| セキュリティ | アプリのセキュリティスキャン。スコアとワンクリックの修正があります。未対応の検出項目は小さなバッジで表示されます。 | セキュリティスキャン |
| SEO/GEO | 検索エンジンや AI アシスタントからアプリがどう見えるか。タイトル、説明文、サイトマップ、チェック。やることがあるとバッジで表示されます。 | SEO と GEO |
| ソーシャル | アプリのローンチ投稿、広告、画像、短い動画。 | ソーシャル |
右側：プロジェクトのツール
Section titled “右側：プロジェクトのツール”| ボタン | できること | 詳しくは |
|---|---|---|
| バージョン | 保存されたアプリのバージョンを新しい順に表示します。数字はバージョンの数です。復元 を押すとそのバージョンに戻ります。 | バージョン |
| QA | 実際のクラウドブラウザで今すぐ自動テストを実行します。MonstarX がテストを提案するタイミングや、テストが失敗したときの動きも選べます。 | QA テスト |
| GitHub | プロジェクトを GitHub リポジトリに保存します。変更のたびにコミットされます。 | GitHub |
| 共有 | メールで人を招待し、閲覧・コメントしてもらったり、一緒に編集してもらったりします。 | 共有とコメント |
| 公開 | アプリをオンラインに公開・更新し、ドメインを購入または接続します。 | アプリを公開する |
| 設定 | プロジェクト設定。名前と説明、モデル、アドレスとドメイン、メンバー、エクスポート、譲渡、削除。 | プロジェクト設定 |
| コンパス | ツアーを見る：ワークスペースの案内ツアーをもう一度表示します。 | 下記の案内ツアー |
| 地球儀 | MonstarX の表示を English と日本語で切り替えます。 | 表示言語 |
作成の実行中は、バージョン → 復元 や 公開 のように、作業中のプロジェクトを変えてしまうボタンは作成が終わるまで待機します。
チャットには何がありますか？
Section titled “チャットには何がありますか？”チャットは、MonstarX との会話です。上から順に見ていきましょう。
- 機能：一番上に固定された機能プランです。バーには、完成した機能の数と QA で確認済みの数が表示されます。クリックするとチェックリストが開きます。機能プランをご覧ください。
- あなたのリクエストと MonstarX の返信：リクエストはそれぞれ番号付きのスレッドになります。以前のスレッドは折りたたまれ、クリックすると再び開きます。すべてのスレッドを検索することもできます。
- アクティビティの行：「4個のファイルを作成 · 2個のファイルを読み込み」のような行です。クリックすると、その裏にあるすべてのステップが見られます。作成の様子を見るをご覧ください。
- カード：何かを求めたり提案したりします。アプリにサインインするための デモアカウントを用意しました のカード、作成でデータが追加されたときの 管理画面に追加されました のカード、サービスの接続の依頼、実行する QA 計画、そして 次に追加できる機能のアイデア 付きの プランの機能はすべて完成しました などです。
プロンプト欄には何がありますか？
Section titled “プロンプト欄には何がありますか？”チャットの一番下が、文字を入力する場所です。
| 操作 | できること |
|---|---|
| ビルド · プラン · チャット | 次のリクエストのモードです。ビルド はアプリを変更します。プラン は先にいくつか質問してから作成します。チャット は相談に乗るだけで、何も変更しません。横に、選んだモードの説明が表示されます。モードをご覧ください。 |
| 入力欄 | リクエストを入力します。Enter で送信、Shift Enter で改行です。画像やファイルを貼り付けたりドロップしたりすることもできます。 |
| クリップのアイコン | スクリーンショット、資料、スプレッドシートを添付します。1回のメッセージで10個まで添付できます。ファイルを添付するをご覧ください。 |
| モデルの選択 | 自動 または選んだモデルが表示されます。下の説明をご覧ください。 |
| 思考レベル | モデルが考える時間を選べる場合に、モデルの横に表示されます。レベルが高いほど長く考え、クレジットを多く使います。 |
| 使用量のリング | プランの使用量のうち、どれだけ使ったかをパーセントで表示します。下の説明をご覧ください。 |
| 送信 | リクエストを送ります。プランモードでは プラン作成、チャットモードでは 質問、作成の実行中は キューに追加 と表示されます。 |
| 停止 | MonstarX の作業中に表示されます。今の作業を止めます。キューで待っているリクエストは、再開するまで待機します。 |
AI モデルはどうやって選びますか？
Section titled “AI モデルはどうやって選びますか？”モデルのボタン（最初は 自動 と表示されています）をクリックします。自動 は、リクエストごとに適したモデルと思考レベルを選び、どれを選んだかを返信ごとに表示します。自分で選ぶ場合は、グループからモデルを選びます。高速（返信が最も速い）、低コスト（1回のリクエストで使うクレジットが最も少ない）、標準（リクエストあたりのクレジットが多め）、プレミアム（リクエストあたりのクレジットが最も多い）の4つです。画像非対応 と表示されたモデルは、添付した画像を見られません。モデルを選ぶをご覧ください。
使用量のリングは何を表していますか？
Section titled “使用量のリングは何を表していますか？”送信 の横にある小さなリングとパーセントは、プランの上限のうち、最も使い切りそうなものを示します。クリックすると、各上限（5時間の上限、週間 · すべてのモデル、週間 · プレミアムモデル）と、それぞれのリセット時刻、手持ちのブースト、詳しい内訳へのリンクが表示されます。使用量と上限をご覧ください。
MonstarX の作成中にリクエストを送るとどうなりますか？
Section titled “MonstarX の作成中にリクエストを送るとどうなりますか？”ビルド のリクエストは、プロンプト欄の上の 次に実行 の下にあるキューで待ち、今の作成が終わると自動で始まります。タブを閉じていても始まります。キューのリクエストは、順番を上げたり、取り出して編集したり、削除したりできます。チャット と プラン のリクエストは待ちません。作成と並行して、すぐに回答します。キューをご覧ください。
プレビューのツールバーには何がありますか？
Section titled “プレビューのツールバーには何がありますか？”プレビュー タブを開いていると、アプリの上にツールバーが表示されます。
| 左から順に | できること |
|---|---|
| 稼働中 | プレビューの状態です。起動中、停止中、エラー と表示されることもあります。 |
| アドレスバー | 今いるページです。クリックする（または 4ページ をクリックする）とアプリの全ページの一覧が表示されます。パスを入力して Enter を押すこともできます。 |
| パソコン、タブレット、スマートフォン | その画面幅でアプリを表示します。 |
| 編集 | ページをクリックしたり囲んだりして変えたいところに印を付け、いくつもの変更をまとめて送ります。編集モードをご覧ください。 |
| 切り抜き | ページの一部を四角で囲み、その部分の画像をメッセージに追加します。切り抜きをご覧ください。 |
| コメント | プロジェクトを共有した人がプレビューに残したコメントです。共有とコメントをご覧ください。 |
| 再読み込み | プレビューのページを再読み込みします。 |
| 再起動 | プレビューが止まったときや古いときに、プレビューを再起動します。 |
| 新しいタブで開く | プレビューをブラウザの別のタブで開きます。 |
ワークスペースの案内ツアーはありますか？
Section titled “ワークスペースの案内ツアーはありますか？”はい。はじめて自分のプロジェクトを開くと、案内ツアー MonstarX ガイド が表示されます。16 の短いステップ（管理 タブのないプロジェクトでは 15）で、ワークスペースの各部分を順に明るく表示し、何に使うのかを説明します。制作ワークスペースへようこそ から始まり、チャットのプロンプト欄、各タブ（説明に合わせてそのタブが開きます）、バージョン、QA、GitHub と 共有、公開、設定 と進み、さあ、作り始めましょう で終わります。
- 次へ と 戻る でステップを移動します。最後のステップの 作成を始める でツアーが閉じます。
- 途中でやめるときは、ツアーをスキップ、×（ツアーを閉じる）、または Esc を押します。
- ツアーが表示されるのは一度だけで、プロジェクトごとではありません。一度見たことはこのブラウザに記録されます。表示されるのはプロジェクトのオーナーだけで、共有した相手には表示されません。
- もう一度見るときは、上部のバーの右端近くにある コンパス（ツアーを見る）を押します。スマートフォンでは その他 を開き、ツアーを見る を選びます。
プロジェクト一覧ページにも専用の案内ツアーがあります。プロジェクト一覧ページをご覧ください。
ページにはほかに何がありますか？
Section titled “ページにはほかに何がありますか？”- 右下の ルナに聞く では、Luna が MonstarX についての質問に答え、目的の場所へ案内してくれます。Alt /（Mac では ⌥ /）で開けます。じゃまなときは好きな場所にドラッグできます。ルナに聞くをご覧ください。
- 「ルナに聞く」パネルの一番下にある 画像を添えて不具合を報告 を使うと、表示中の画面の画像を添えて MonstarX チームに問題を伝えられます。スマートフォンでは その他 のシートにあります。問題を報告するをご覧ください。
プロジェクトを共有した相手には何が見えますか？
Section titled “プロジェクトを共有した相手には何が見えますか？”プロジェクトを共有した相手には、上部のバーにバッジが付いた、よりシンプルなワークスペースが表示されます。
| 権限 | バッジ | できること |
|---|---|---|
| 閲覧・コメント可 | 閲覧・コメント | プレビュー と コード のタブ、チャット、機能プラン、バージョン を見て、プレビューにコメントを残せます。何かを変更することはできません。 |
| 編集可 | 編集可 | 同じタブに加えて、リクエストの送信、コードの編集、バージョンの復元ができます。その人のリクエストはオーナーのプランの使用量から差し引かれます。請求、公開、プロジェクト設定はオーナーだけが扱えます。 |
共有とコメントをご覧ください。
よくある質問
Section titled “よくある質問”タブのラベルが消えてしまいました。
ウィンドウの幅が狭いと、開いているタブと 公開 以外は、ラベルの代わりにアイコンが表示されます。アイコンにマウスを合わせると名前が表示されます。ウィンドウを広げてもかまいません。
管理タブが見当たらないのはなぜですか？
管理タブはプロジェクトのオーナーにだけ、しかも MonstarX が作成したアプリにだけ表示されます。インポートしたアプリは独自のバックエンドを使い続けます。
すべてのプロジェクトの一覧に戻るには？
左上の ‹ または MonstarX のロゴをクリックします。
スマートフォンでもワークスペースを使えますか？
使えます。スマートフォンでは一度に一つの画面を表示し、上部のバーの内容はすべて その他 のシートにまとまっています。スマートフォンで作るをご覧ください。
案内ツアーをもう一度見るには？
上部のバーの右端近くにある コンパス（ツアーを見る）を押します。スマートフォンでは その他 のシートにあります。
MonstarX が行った変更を元に戻すには？
上部のバーの バージョン を開き、変更前のバージョンの 復元 を押します。アプリのデータには影響しません。バージョンをご覧ください。