アプリのデザイン

AdaloのApp Builderを使用すると、どんなデバイスでも見栄えの良いアプリを簡単に作成し、クリックひとつでどこでも公開できます。

デザインを始める前に

ユーザーがアプリにアクセスする方法を考えてみましょう。

• モバイルアプリとしてアクセスすることになるのでしょうか？からダウンロードするか、としてインストールされますか？

• それとも、モバイル、タブレット、デスクトップなど、さまざまなデバイスを使用してアプリを利用できるオプションがあるのでしょうか？

Adaloには、これらのシナリオに対応する2つの主要なアプリ種類があります：モバイルアプリとレスポンシブアプリです。アプリの種類はAdaloで完全に互換性があり、アプリの設定サイドバーの「アプリレイアウトタイプ」でいつでも簡単に切り替えることができます。

モバイルアプリ（モバイルデバイス専用）

「モバイルアプリタイプ」を使用すると、ユーザーにモバイル専用の体験を提供できます。異なるデバイスサイズのユーザーをサポートする必要がない場合に使用します。Adaloを始めたばかりの場合は、これはレスポンシブよりもシンプルなので学ぶのに最適です。必要に応じて後でレスポンシブに切り替えることもでき、好みに応じていつでもモバイルに戻すことができます。モバイルアプリは、AppleのApp Store（iOS）、GoogleのPlay Store、およびWeb上の独自のカスタムドメインに公開できます。Web上では、すべてのユーザーがアプリのモバイル最適化バージョンを見ることができます。モバイル専用アプリの現在のバージョンは2023年12月にローンチされました。この日付以前に作成されたすべてのモバイルアプリはレガシーアプリとなります（以下を参照）。

レスポンシブアプリ（モバイル、タブレット、デスクトップ）

レスポンシブアプリを使用すると、モバイル、タブレット、デスクトップの3つの異なる画面サイズで1つのアプリをデザインできます。レスポンシブアプリは、AppleのApp Store（iOS）、GoogleのPlay Store、およびWeb上の独自のカスタムドメインに公開できます。Web上では、ユーザーは自分の画面に最適なアプリバージョンを自動的に表示します。アプリ内の各画面の上に画面サイズ切り替えツールが表示されている場合、アプリがレスポンシブであることがわかります。レスポンシブアプリタイプは2023年4月にローンチされました。

レスポンシブアプリの動画ガイド

新しい「Adaloビルダー」とは？

Adaloアプリビルドは多くのイテレーションを経てきましたが、最新バージョンはこれまでで最も高度なアプリエンジンです。このエンジンは、レスポンシブアプリとモバイルアプリの両方を駆動します。これらのアプリは、ネイティブモバイルアプリストアとWebに公開できます。

注意： 最新のAdaloビルダーはレガシービルダーとは異なります。このセクションのページは新しいビルダーに特有です。レガシービルダーでのデザインに関するヘルプは、このガイドを参照してください。

このセクションのページ

定義と用語アプリの作成画面サイズ切り替えツールの使い方レイアウトタブの使い方コンポーネントのグループ化レスポンシブナビゲーションレスポンシブデザインのベストプラクティス

FAQ

レスポンシブデザインとは？

Adaloのレスポンシブデザインは、1つの画面と1つのアプリで複数の画面サイズに対応できるように設計されています。

レスポンシブWebアプリとは？

レスポンシブWebアプリは、画面サイズに適応するように画面上のコンポーネントを検出して調整します。Adaloビルダーを使用して、アイコンの配置とスケーリングを選択します。

PWAはレスポンシブWebアプリと異なりますか？

はい！PWAはレスポンシブの必要はありませんが、最高のものはそうです。

PWA、または「プログレッシブWebアプリ」は、Apple App StoreやGoogle Play Storeからダウンロードするアプリのように機能するウェブサイトの一種です。PWAの特徴の1つは、ブラウザからユーザーのデバイスにインストールできることです。AdaloのすべてのアプリはPWAとして公開できます。すべての画面サイズに対応するように構築することを選択しなくても。

新しい「レスポンシブアプリビルダー」と「レガシーアプリビルダー」の違いは何ですか？

レスポンシブアプリビルダーは、レガシーアプリビルダーのコードベースを完全に書き直したものです。新しいレイアウトオプション、画面サイズ設定、コンポーネントのアンカリング、新しいスナップグリッドの改善などが含まれており、アプリを1度構築してネイティブとWebに同時に公開することが可能になります。

新しいMobile Appsは、Adaloのレスポンシブアプリエンジンの上に構築されています。これにより、このデザインモードを自由に切り替えることができます。

レガシービルダーは画面サイズに対応しておらず、通常はモバイルやネイティブアプリをWebアプリとは別に作成するのに最適でした。さらに、レガシーアプリにはコンポーネントレイアウトツールがなく、公開の制御が制限されており、スナップガイドも改善されていません。