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

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

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

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

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

ここでは、「Adaloのコンポーネントとスクリーンの追加設定」を紹介します。

Adalo

Adaloは、ノーコードで使えるアプリ開発ツールです。

Adaloを使用するには登録が必要です。
⇒ https://www.adalo.com/

登録方法やエディタ画面は別記事に書いていますので、下記の記事を参考にしてください

⇒ Adaloの登録方法
⇒ Adaloのエディタ画面

Adaloのパーツ追加

Adaloには、「ADD COMPONENT」と「ADD SCREEN」があります。

  • ADD COMPONENTは、コンポーネント追加です。
  • ADD SCREENは、スクリーン画面追加です。


ここでは、それぞれの追加方法を紹介します。

ADD COMPONENT

ADD COMPONENTは、コンポーネントを追加することができます。

コンポーネントはパーツのことです。

入れたいコンポーネートをドラッグアンドドロップします。

ここではSimple Listを追加してみました。

詳細は左側で変更できます。

コンポーネートでは、様々なパーツを追加することができます。

最初は、どのようなパーツがあるのかをチェックして、使ってみてください。


コンポーネートの削除は青い矢印の部分から行えます

Deleteをクリックすると削除できますので、最初はいろいろ試してみてください。

ADD SCREEN

ADD SCREENでは、スクリーン画面を追加することができます。

ADD COMPONENTはパーツのみですが、ADD SCREENはスクリーンとして組み込まれています。

ADD SCREENには、以下のような項目があります。


新しく追加したい時はドラッグします。

スクリーンを追加することができます。

スクリーンに名前をつけて、新しいスクリーンを追加出来ます。

シートを追加してみました。

infoを追加して、画像もアップしてみました。

このようにスクリーンの追加がドラッグ&ドロップで行えます。

ここではコンポーネントやスクリーンを追加して、アプリの枠組みを作ることができます。

スクリーン同士を繋げる時はリンクを使用します。


(例)ここでは、Navigation(ナビゲーション)のTab Bar(タブバー)を入れてみます。

タブを下部につけて、タブのリンクを設定します。

左側に詳細設定画面が表示されるので、その中のTabを指定します。

Click Actions(クリックアクション)のLink(リンク)を選択して、リンク先を指定すると、リンク先へ飛ばすことができます。

スクリーンの設定は別記事で紹介しています。
⇒ Adaloのスクリーン設定

データを入力

「ADD COMPONENT」と「ADD SCREEN」は外観になり、表示するにはデータを入力する必要があります。

外観は左側のDatabaseからデータを書き込めます。

Dataを追加します。

CVSファイルをアップすることができます。

ドラッグ&ドロップでアップ可能。


データを追加してもエディタ上では変化しませんが、プレビューで確認すると反映されています。

このようにプレビューで反映されています。


今回は、「Adaloのコンポーネントとスクリーンの追加設定」を紹介しました。

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

⇒ Adaloの登録方法
⇒ Adaloのエディタ画面
⇒ Adaloのブランディング設定
⇒ Adaloの画像の入れ方
⇒ AdaloのSetting
⇒ AdaloのPublish設定

スポンサードリンク



コメントを残す

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