アプリをプレビューする

誰かに見せる前にアプリを確認する:ドラフトをプレビューし、デスクトップとモバイルを切り替え、管理側をチェックします。

更新日 2026-09-14

プレビューは、公開前に作業内容を確認する手段です。プレビューではドラフト(編集中のバージョン)が動くので、すでに公開されているものに影響を与えずに、訪問者と同じようにアプリを操作して回ることができます。

ドラフトをプレビューする

  1. エディターで Preview(プレビュー) ビュー(左側レールの最初のアイコン)を開きます。
  2. アプリを操作します。ナビゲーションをたどり、各ページを開き、フォームを送信し、ボタンを試します。
  3. 問題を見つけたら、変更を加えてからプレビューに戻ります。

アプリが望みどおりに動くまで繰り返します。変更方法はアプリを編集するを参照してください。

プレビュー上部のツールバーには次のものがあります。

  • 左側のデバイスセレクター
  • 表示中のページのページパス。パスを入力すると、そのページに直接移動できます。
  • 新しいタブで開く。ドラフトをフルサイズのブラウザーウィンドウでテストできます。
  • 更新。プレビューが古く見えるときに使います。
  • Edit(編集)Screenshot(スクリーンショット)アプリを編集するで説明しています。

プレビューは公開中のアプリではありません。再度公開するまで、訪問者には最後に公開したバージョンが表示され続けます。リリースを公開するを参照してください。

デスクトップとモバイルを確認する

多くの人はスマートフォンでアプリを開くので、両方を確認してください。デバイスセレクターには Desktop(デスクトップ)Tablet(タブレット)(834×1194)、および一連のスマートフォンサイズ(デフォルトのスマートフォン(393×852)、Android の大画面と折りたたみ、iPhone の標準、Pro、Pro Max)があり、重要な幅でレイアウトがどう振る舞うかを確認できます。

はみ出すテキスト、不自然に切れる画像、タップしにくいボタンに注意してください。特定のサイズだけで崩れる場合は、そのサイズでスクリーンショットを撮って問題に印を付けます。スクリーンショットで編集するを参照してください。

「by Medo」バッジ

プレビューの隅にある小さな by Medo バッジは、公開したアプリにも表示されます。Pro と Max プランでは、公開パネルからアプリごとに非表示にできます(Hide this project's watermark(このプロジェクトのウォーターマークを隠す))。サブスクリプションと請求を参照してください。

管理側をプレビューする

アプリに管理エリア(予約一覧、送信されたフォーム、注文など)がある場合は、プレビューでその入口(多くは Admin または Owner Login)を開き、次を確認します。

  • フロントエンドで入力したばかりのデータがそこに表示されること。
  • 必要な列が表示されていること。
  • MeDo が会話で提供した管理者の認証情報がまだ有効であること。

別々のバックエンド環境を設定していない限り(Pro と Max)、ドラフトと公開中のアプリは 1 つのデータベースを共有するため、テスト中に入力した内容は公開中の管理ビューにも表示されます。公開前にテスト用の行は削除してください。クリック単位の手順はアプリのデータとフォームにあります。

公開前に確認すること

  • ナビゲーションのすべてのページが開く。
  • フォームの送信が保存され、管理ビューに表示される。
  • デスクトップだけでなくモバイルでもアプリが動く。
  • テキストと価格がプレースホルダーではなく実際の内容になっている。
  • リンクが外部リンクを含めて想定どおりの場所に移動する。

手動チェックで問題がなければ、AI 品質分析でテストするを実行して見落としを拾い、そのあと公開します。