アプリをプレビューする
誰かに見せる前にアプリを確認する:ドラフトをプレビューし、デスクトップとモバイルを切り替え、管理側をチェックします。
プレビューは、公開前に作業内容を確認する手段です。プレビューではドラフト(編集中のバージョン)が動くので、すでに公開されているものに影響を与えずに、訪問者と同じようにアプリを操作して回ることができます。
ドラフトをプレビューする
- エディターで Preview(プレビュー) ビュー(左側レールの最初のアイコン)を開きます。
- アプリを操作します。ナビゲーションをたどり、各ページを開き、フォームを送信し、ボタンを試します。
- 問題を見つけたら、変更を加えてからプレビューに戻ります。
アプリが望みどおりに動くまで繰り返します。変更方法はアプリを編集するを参照してください。
プレビュー上部のツールバーには次のものがあります。
- 左側のデバイスセレクター。
- 表示中のページのページパス。パスを入力すると、そのページに直接移動できます。
- 新しいタブで開く。ドラフトをフルサイズのブラウザーウィンドウでテストできます。
- 更新。プレビューが古く見えるときに使います。
- 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 品質分析でテストするを実行して見落としを拾い、そのあと公開します。