アプリのプレビュー

スキルレベル: 初心者

はじめに

• Adaloでアプリの構築を開始したか、テンプレートからアプリを作成していることをご確認ください。

Adalo 2.0 レスポンシブアプリはモバイル版とデスクトップ版の両方で動作するクロスプラットフォームアプリです。開発中、製作者はテストのためにアプリをWeb版またはモバイル版のどちらで表示するか選択できます。この設定は左パネルの"Publish"セクションから制御できます。

ウォークスルー

1. 左パネルの"Publish"セクションに移動します。

2. ユーザーと共有する場合は、共有機能を使用してアプリを公開するために、Publishをオンに切り替えてアプリを公開します。

   
3. Web App セクションに移動し、“Show Desktop Users…”までスクロールします。

4. アプリのプレビュー方法を選択します。

   • Mobile App Preview: これにより、モバイルデバイスでのアプリの外観と機能を表示するスキンがある新しい画面が読み込まれます。

   

   • Responsive App: これにより、アプリのレスポンシブバージョンを表示する新しい画面が読み込まれます。デスクトップでは、デフォルトでデスクトップWeb版が表示されます。

     • アプリがさまざまな画面サイズでどのように反応するかを確認したい場合は、ブラウザのサイズを手動で調整するか、DevTools Device Modeを使用して異なるデバイスをシミュレーションできます。

     • また、Mobile Simulator Chrome Extension使用も可能です。

5. 設定を保存します。

6. ビルダーの左上隅にあるPreviewボタンを選択します。

7. ユーザーとアプリを共有する場合は、アプリのWeb版を公開してから、アプリが設定されているドメインを使用するか、ビルダーの左上隅にあるShareボタンをクリックして共有する必要があります。