スマートフォンで作る
要点MonstarX はスマートフォンのブラウザで使えます。プロジェクト一覧でアプリの内容を書き、「作成する」をタップしたら、スマートフォンをしまってかまいません。作成はタブがなくても MonstarX 上で進みます。通知をオンにすれば、完了したとき、質問があるとき、止まったときに知らせてくれます。スマートフォンではプロジェクトの画面を一つずつ（チャット、プレビュー、コード…）表示し、それ以外はすべて「その他」（•••）にまとまっています。iPhone では、MonstarX をホーム画面に追加すると通知を受け取れます。
電車の中でアイデアを思いついたら、その場で作れます。MonstarX はスマートフォンのブラウザで動き、片手で操作しやすい画面になっています。アプリの内容を書いて 作成する をタップしたら、スマートフォンはポケットにしまいましょう。作成はスマートフォンではなく MonstarX 上で進み、終わったら通知でお知らせします。
インストールするものはありません。iPhone では MonstarX をホーム画面に追加でき、アプリのように全画面で開きます。
スマートフォンから作成を始めるには？
Section titled “スマートフォンから作成を始めるには？”-
スマートフォンのブラウザで monstarx.com を開き、サインインします。プロジェクト一覧 が開きます。
-
プロンプト欄をタップして、アプリの内容を書きます。スマートフォンのキーボードには Shift キーがないため、Enter は改行になります。準備ができたら 作成する をタップしましょう。
-
作成する をタップします。プロジェクトが チャット の画面で開き、作成はすでに始まっています。
-
タブを閉じても、別のアプリに切り替えても、画面をロックしてもかまいません。作成は続きます。
作成中に本当にタブを閉じてもいいのですか？
Section titled “作成中に本当にタブを閉じてもいいのですか？”大丈夫です。リクエストはすべて、ブラウザではなく MonstarX のサーバー上で動きます。作成する をタップした瞬間に始まる最初のリクエストも同じです。MonstarX の作業中は、プロンプト欄の上に このページを閉じても、MonstarX は作業を続けます。 というカードが表示され、通知を受け取る ボタンがあります。
戻ってくると、プロジェクトはその時点の状態を表示します。作成が続いているか、完成したアプリが表示されています。キューに入れたリクエストは、タブを閉じていても一つずつ自動で始まります。
完了したときに通知を受け取るには？
Section titled “完了したときに通知を受け取るには？”そのカードの 通知を受け取る をタップし、ブラウザに聞かれたら通知を許可します。それ以降、どのプロジェクトのリクエストが終わっても、このデバイスに通知が届きます。設定 → 通知 でも、通知をオンにしたり、テストしたり、デバイスを削除したりできます。通知をご覧ください。
| 通知が届くとき | タップすると開く場所 |
|---|---|
| 作成が完了したとき：「「Yoga Studio Booking」が完成しました」と、作成した内容 | アプリのプレビュー |
| MonstarX から質問があるとき：プランモードで、作成の前に回答が必要なとき | チャット |
| 作成が止まったとき：失敗したとき、または1回のリクエストで使えるステップを使い切って 続ける を待っているとき | チャット |
| 質問への回答が届いたとき：チャットモードで | チャット |
| 誰かがコメントしたとき：共有したプロジェクトのプレビューに | コメントを開いた状態のプレビュー |
iPhone や iPad で通知を受け取るには？
Section titled “iPhone や iPad で通知を受け取るには？”iPhone と iPad では、Web サイトはホーム画面に追加された後にだけ通知を送れます（iOS 16.4 以降）。数回のタップで設定できます。
-
Safari で monstarx.com を開き、サインインします。
-
Safari のツールバーの 共有 をタップし、ホーム画面に追加、追加 の順にタップします。
-
ホーム画面に追加されたアイコンから MonstarX を開きます。アプリのように全画面で開き、サインインしたままになっています。
-
設定 → 通知 を開いて（または作成中に 通知を受け取る をタップして）、通知をオンにします。
-
Chrome で monstarx.com を開き、サインインします。
-
作成中に 通知を受け取る をタップするか、設定 → 通知 を開いて オンにする をタップし、通知を許可します。
-
必要に応じて、Chrome のメニューから ホーム画面に追加（または アプリをインストール）を選ぶと、アイコンから MonstarX を全画面で開けます。
スマートフォンではプロジェクトはどう表示されますか？
Section titled “スマートフォンではプロジェクトはどう表示されますか？”ノートパソコンより狭い画面（縦向き・横向きのスマートフォンや、縦向きのタブレット）では、チャットとプレビューを横に並べる代わりに、ワークスペースを一度に一つの画面で表示します。
上から順に：
- ヘッダー：すべてのプロジェクトに戻る ‹、プロジェクト名（タップすると名前を変更できます）、その下に MonstarX が今していること（作成中…、プランを作成中…、回答中…、回答をお待ちしています、キューを停止中 など）、または作業していないときはプレビューの状態（プレビューの準備完了、プレビューを起動中…、プレビューはスリープ中）が表示されます。その右に、紫色の X（ルナに聞く）、公開、その他 を開く ••• があります。
- 画面の切り替え：チャット、プレビュー、管理、コード、バックエンド、ログ、セキュリティ、SEO/GEO、ソーシャル。横にスワイプするとすべて見られます。MonstarX の作業中に別の画面を開いていると、チャット に点滅する点が表示されます。
- 画面の本体：残りのスペースいっぱいに表示されます。
チャットで何かが進行中（作成中、または質問が回答待ち）のときはプロジェクトが チャット で開き、それ以外のときは プレビュー で開きます。作成が終わると、プレビューで確認する でプレビューに移動できます。
「その他」のシートには何がありますか？
Section titled “「その他」のシートには何がありますか？”••• をタップすると、パソコンでは上部のバーにあるものがすべて表示されます。シートは画面の下からせり上がり、下にスワイプするか外側をタップすると閉じます。
| 項目 | 開くもの |
|---|---|
| バージョン | 保存されたすべてのバージョンと、その復元。 |
| 自動 QA | 実際のブラウザでアプリをテストします。 |
| GitHub | コードをリポジトリに保存します。 |
| 共有 | 人を招待して、見てもらったりコメントをもらったりします。 |
| プロジェクト設定 | 名前、モデル、アドレス、メンバー、エクスポート。 |
| 通知 | 作成が完了したときに知らせます。 |
| すべてのプロジェクト | プロジェクト一覧に戻ります。 |
| 不具合を報告 | MonstarX チームに問題を伝えます。 |
どれもパソコンとまったく同じパネルが開くので、スマートフォンだけで何でもできます。
スマートフォンのプレビューは何が違いますか？
Section titled “スマートフォンのプレビューは何が違いますか？”スマートフォンの画面そのものがスマートフォンサイズなので、画面幅の切り替えはありません。ページを広く見せるため、ツールバーにはステータスの点とアドレスバーだけが残ります。それ以外はすべて、右端のメニューボタン（☰）にあります。編集、切り抜き、コメント、再読み込み、開発サーバーを再起動、プレビューのリンクをコピー、新しいタブで開く です。編集モードでは、ページのスクロールは2本の指で行います。1本の指は描く操作になります。アプリの作成中は、プレビューのカードに チャットで進み具合を見る が表示されます。
ほかに違うところはありますか？
Section titled “ほかに違うところはありますか？”- 書きかけのメッセージは残ります。 画面を切り替えても、タブレットを横向きにしても、再読み込みしても消えません。
- メニューはシートになります。 下からせり上がり、指で押しやすい大きな行で表示されます。
- パソコンではマウスを合わせたときに表示されるボタン（キューのリクエストの移動や削除、機能の作成や再開など）は、タッチ画面では常に表示されます。
- 入力欄の文字が大きくなります。 タップしたときにスマートフォンが拡大表示しないためです。
よくある質問
Section titled “よくある質問”App Store や Google Play に MonstarX のアプリはありますか？
まだありません。MonstarX はスマートフォンのブラウザで動きます。iPhone では、Safari からホーム画面に追加すると、アプリのように全画面で開きます。
iPhone で通知が届かないのはなぜですか？
iPhone と iPad では、MonstarX をホーム画面に追加し、そこから開いた場合にだけ通知が使えます（iOS 16.4 以降）。Safari の 共有 → ホーム画面に追加 で追加し、アイコンから開いてから、設定 → 通知 で通知をオンにしてください。
スマートフォンがロックされると作成は止まりますか？
止まりません。作成は MonstarX のサーバー上で行われます。画面をロックしても、タブを閉じても、電波が途切れても止まりません。
タブレットでも使えますか？
使えます。縦向きのタブレットでは一度に一つの画面を表示するレイアウトになり、大きめのタブレットを横向きにすると、チャットとプレビューを並べたパソコンと同じレイアウトになります。向きを変えても、書きかけのメッセージは残ります。
スマートフォンから公開できますか？
できます。スマートフォンではプロジェクトのヘッダーに 公開 があり、パソコンと同じことがすべてできます。