プロジェクトごとの非公開ワークスペースとライブプレビュー

Mythexのプロジェクトには、それぞれ専用のクラウドワークスペースが割り当てられます。ファイル、実行中のプロセス、プレビュー、ターミナルは、他の人のものとは分けられています。ワークスペースの右側には、チャットと並んでアプリがライブで動いている様子が表示されます。公開する前に、実際に画面をクリックして操作したり、スマホサイズで表示を確認したり、リンクを共有したりできます。

機能の概要

プロジェクトごとのワークスペース

Mythexがアプリを作るとき、何もない空間にコードを書いているわけではありません。そのプロジェクト専用の非公開ワークスペースの中で作業しています。パッケージのインストール、アプリのサーバーの実行、そしてコードに切り替えたときに開くターミナルは、すべてこのワークスペースで行われます。

プロジェクトごとにワークスペースが分かれているため、次のことが言えます。

インストールやサーバーが、他の人のものと衝突することはありません。
Mythexは、そのプロジェクトのためにパッケージを安全にインストールし、アプリを実行できます。
プレビューとターミナルは、いつもあなたのプロジェクトを指しています。

チャットの横にあるライブプレビュー

ワークスペースの右側は、プレビューとコードを切り替えられます。プレビューでは、スクリーンショットやモックアップではなく、実際に動いているアプリが表示されます。実際の操作の流れをクリックして確かめたり、フォームに入力したり、画面遷移を追ったり、公開前に問題を見つけたりできます。

コードでは、同じ非公開ワークスペース内で、ファイルツリー、エディタ、対話型ターミナルを使えます。細かく確認したいときや、開発者がプロジェクトに参加したときに使ってください。

なぜ大切なのか

コードしか見せてくれないアプリビルダーでは、結果を想像するしかありません。画像しか見せてくれないものでは、ボタンが本当に動くかどうかが分かりません。自分の空間で動いているアプリがあれば、「私が頼んだとおりに動くか」という本当の疑問に答えられます。

ワークスペースを非公開にしておくことにも、同じ理由があります。エージェントがパッケージをインストールしたりサーバーを再起動したりしても、影響を受けるのはあなたのプロジェクトだけです。他の人が何をしても、あなたのプロジェクトが壊れることはありません。

一時停止と再開

使われていないワークスペースは、自動的に一時停止します。プロジェクトを開く、チャットする、編集する、プレビューを読み込むなど、必要になった瞬間に再開します。実行中のプロセスも一緒に復元されるため、再起動する必要はありません。

再開には数秒かかります。その間、プレビューのパネルには進行状況が表示されます。サンドボックスを準備している段階から、アプリのサーバーを待っている段階まで示されます。また、待っている間にMythexができることのヒントも表示されます。ワークスペースを起動しています…、アプリを起動しています…、**アプリの準備をしています…**と表示されることがありますが、これは正常な動作です。

一時停止しても残るもの：

プロジェクトのファイルと履歴
プロジェクトの設定とシークレット
公開済みのアプリ（非公開ワークスペースとは別に動いています）

プレビューの使い方

プロジェクトを開きます。 ワークスペースが再開すると、プレビューも自動的に始まります。
訪問者と同じように操作します。 フォームやナビゲーションを試してみてください。
特定のページを表示するには、アドレスバーに /about のようなパスを入力してEnterを押します。戻ると進むで、このセッションで開いたページの間を移動できます。
スマホサイズを確認します。 スマホのアイコン（モバイル表示に切り替え）をクリックすると、アプリがスマホサイズの枠に表示されます。枠の左右の端をドラッグすると幅を変更できます。ほぼ全幅までドラッグして離すと、デスクトップ表示に戻ります。
ペインのサイズを変更します。 チャットとプレビューの間の仕切りをドラッグしてください。パネルのアイコンでチャットを隠したり表示したりできます。
同じバーから、必要に応じて新しいタブで開くや更新も使えます。

プロジェクトで複数のサービスを動かしている場合は、バーのドロップダウンで、プレビューするサービスを切り替えられます。

スマホでは、ビルダーは一度に1つのペイン（チャットかアプリ）しか表示しません。スワイプやタップで切り替えてください。プレビューはスマホでは既に全幅で表示されます。アプリがスマホサイズでどう見えるかを確認するには、ノートパソコンを使い、モバイル表示に切り替えを使ってください。

プレビューのリンクを共有する

公開ボタンの隣にある共有を使うと、Mythexアカウントを持たない人でもプロジェクトのライブプレビューを開けるリンクが作れます。作業途中の内容を、クライアント、チームメンバー、グループチャットなどに見せるためのものです。未完成のものを公開せずに済みます。

新しいプレビューリンクを作成を選ぶと、名前を入力するよう求められ、リンクがクリップボードにコピーされます。名前は自分にしか表示されないので、リンクの一覧は見る相手の一覧として読めます。
コピーで、後からリンクを再度コピーできます。
削除すると、数秒以内にどこからでもそのリンクは使えなくなります。

リンクを持つ人には、プレビューと同じようにアプリだけが表示されます。チャット、コード、ターミナル、設定は見えず、編集もできません。相手ごとにリンクを1つずつ作っておけば、1つのリンクを削除することは、その相手だけに関する判断になります。

知っておくべき制限

共有リンクを初めて開くとき、最大で1分ほどかかることがあります。 プロジェクトが再開し、アプリのサーバーがコールドスタートするためです。訪問者には、アプリが応答するまで自動で再読み込みを繰り返すページが表示されます。ライブでデモを行う場合は、事前に自分でリンクを開いておいてください。
共有リンクはライブのサンドボックスを表示します。 ビルド中の変更も、途中の状態のまま反映されます。
ワークスペースを起動すると、プランのクレジットとサンドボックスの上限が消費されます。 これは、あなたがプロジェクトを開いた場合も、リンクを持つ人がアクセスした場合も同じです。使い終わったリンクは削除してください。
スマホサイズの枠は、レスポンシブなウェブのレイアウトを確認するためのものです。 2026年10月22日以降、Proプランでは、ウェブアプリをAndroidとiPhoneのアプリとして提供することもできます（モバイルアプリ）。
プレビューが空白だったり古い内容のままだったりする場合は、ターミナルでアプリが動いているか確認し、更新をクリックするか、/fix を使ってください。ワークスペースが起動しない場合は、更新してから再試行してください。それでも解決しない場合は、プロジェクトIDを添えてサポートにお問い合わせください。

エージェントにプレビューを操作してもらいたい場合は、アプリテストをご覧ください。変更をライブサイトとは別の場所で試すことの利点については、ステージング環境のガイドをご覧ください。

詳しくはドキュメントをご覧ください。非公開ワークスペースとプレビューとコードです。