Adaloのエディタ画面の使い方【ノーコードアプリ開発ツール】

当ページのリンクには広告が含まれています。

ノーコードでアプリ開発をやってみたいと思ったときにおすすめな「Adalo」です。

Adalo(アダロ)は、簡単にアプリが作れるノンプログラミングツール。

プログラムコードを知らなくてもアプリの製作が可能なツールです。

ここでは、「Adaloのエディタ画面の使い方」を紹介します。

Adalo

Adaloは、ノーコードで使えるアプリ開発ツールです。
⇒ https://www.adalo.com/

Adaloを使用するには登録が必要です。

登録方法は別記事に書いていますので、下記の記事を参考にしてください

⇒ Adaloの登録方法


まず、Adaloを立ち上げると、何を作るのかを聞いてきます。

最初に、プラットホームを選択します。

  • ネイティブモバイルアプリ
  • デスクトップWEBアプリ


どちらかのプラットホームを選択し、次をクリックします。

次はテンプレートを決めます。

自由に使えるブランクの他に、テンプレートはいくつかの種類があるので、作りたいものを選びます。
⇒ Adaloのテンプレート


最後にブランディングです。

アプリ名を決めて、カラー配色を選びます。

ここまで決めるとエディタ画面に行けます。

Adaloのエディタ画面

エディタ画面でアプリを作成していきます。

テンプレートを選択すると中央に使用しているスクリーンが表示されます。たくさんスクリーンがある場合は、キーボードの←→で動かすことができます。


エディタの左側サイドバーの要素で切り替えを行います。

一番上のAdaloカラーの+ボタンがコンポーネント設定です。

コンポーネント(パーツ・部品)とスクリーンの追加が行え、追加できるコンポーネントが表示されます。

【Adalo】コンポーネントとスクリーンの追加設定【ノーコードツールの使い方】

2020年11月18日

ここでは、コンポーネントを組み合わせていきます。

Marketplaceの中には、様々なコンポーネントがあります。
(例)YouTubeコンポーネント

コンポーネントは、ドラッグ&ドロップで追加することが可能です。

独学ノーコード
Adaloを初めて使う方は、ここからどうやっていいのか分からなくなるかもしれません。

いきなり真っ新な状態から始めると訳が分からなくなるので、最初は、テンプレートを選択して流れを確認してください。

Branding(ブランディング)

一番上のパレットマークでBranding(ブランディング)ができます。

ブランディングでは、アプリのカラーや背景色、テキストの色が選べます。

ブランディングの詳細は別記事を参考にしてください。
⇒ Adaloのブランディング設定


ブランディングの下にあるアイコンは、Screens(スクリーン)設定です。

Screen

スクリーン

スクリーンでは、ホーム画面、ログイン画面などの設定ができます。

各種スクリーンの設定や新規のスクリーン追加が行えます。
⇒ コンポーネントとスクリーンの追加設定

スクリーンの下にあるのはデータベースです。

Database Collectoins

データベースコレクションでは、パスワード、ユーザーネームなどを追加出来ます。

コレクション・プロパティを追加します。(コレクションはデータベースのことです。)

データは、CSVファイルをインポートできます。

Adaloは、GlideやAppSheetのようにグーグルスプレッドシートとは連携していません。

関係性が作れるリレーションの設定もあるので、初めて使う方は混乱するかもしれません。

※ここではエディタ画面の解説のため詳細設定は別記事で行います。
⇒ AdaloのDatabase(データベース)設定
⇒ Adaloのデータベース設定【ユーザーデータ】

外部のAPI接続設定もできます(有料プラン)

Settings

データベース

セッティングでは、アプリの設定ができます。

アプリ名、説明、アイコンと言った各種設定が可能で、アプリの削除も設定で行えます。
⇒ AdaloのSetting

Publish

Publishは、公開設定です。

  • Androidアプリ
  • iOSアプリ
  • プログレッシブウェブアプリ
AppStore等に公開するには、有料プランにする必要があります。

Publish設定の詳細はこちらの記事
⇒ AdaloのPublish設定

Analyitics

Adaloでは、Analyitics分析が可能です。

アクティブユーザー数、アクセスの多い画面やユーザーのエリア、デバイスなどのデータをみれます。


エディタ画面の上部の設定(トップバー)

中央はアプリリストです。現在のアプリや新しいアプリの作成ができます。

その右がプレビュー、シェア、一番端がアカウント設定。

トップバーの詳細は、別記事で解説しています。
⇒ Adaloのエディタ画面の使い方【トップバー編】


Adaloのエディタ画面は、簡単なテンプレートを使いながら慣れていくといいです。
⇒ To-Do Listテンプレート【やることリストのアプリを作成】


Adaloのその他の設定方法
⇒ コンポーネントとスクリーンの追加設定
⇒ Adaloの画像の入れ方


今回は、Adaloのエディタ画面の使い方を紹介しました。

ノーコードツールのAdaloを使用する時の参考になればと思います。

スポンサードリンク



コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です