ノーコードでアプリ開発をやってみたいと思ったときにおすすめな「Adalo」です。
Adalo(アダロ)は、簡単にアプリが作れるノンプログラミングツール。
プログラムコードを知らなくてもアプリの製作が可能なツールです。
ここでは、「AdaloのTo-Do Listテンプレート」を紹介します。
Adalo
![](https://hikari-sedori.com/wp-content/uploads/2020/09/2020y09m01d_202236230.jpg)
Adaloは、ノーコードで使えるアプリ開発ツールです。
⇒ https://www.adalo.com/
Adaloを使用するには登録が必要です。
登録方法やエディタ画面の使い方は別記事に書いていますので、下記の記事を参考にしてください
⇒ Adaloの登録方法
⇒ Adaloのエディタ画面
Adaloのテンプレートを選択
テンプレートを使用するには、Adaloにログインして新しいアプリを作成するを選択します。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_105057183.jpg)
まず、はじめにプラットフォームを選択します。
- ネイティブモバイルアプリ
- デスクトップWebアプリ
ここではネイティブモバイルアプリを選択しました。
次にテンプレートを選択します。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_105103550.jpg)
Adaloのテンプレートは、全部で7種類あります。
⇒ Adaloのテンプレート
「To-Do Listテンプレート」を選択してNEXTをクリックします。
次にBranding(ブランディング)設定を行います。
![adaloのto-do](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_105221822.jpg)
Branding設定ではまず、App Name(アプリ名)を入力し、アプリのカラーを決めていきます。
アプリのカラーを決めたらCREATEをクリックすると、Adaloのエディタ画面が表示されます。
To-Do Listテンプレート
To-Do Listテンプレートでは、やることリストのアプリを作成できます。
![To-Do List](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_113429935.jpg)
エディタ画面の使い方は別記事で紹介していますので、参考にしてください。
⇒ Adaloのエディタ画面の使い方
テンプレートでは、そのままアプリが使える状態になっています。
ただ、表記が英語のため、日本語に修正していきます。
文字変更はスクリーンから変更を行います。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_153209637.jpg)
最初にWellcome内の文字を変更するため、Wellcomeをクリックします。
変更したいテキストをクリックします。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_153223943.jpg)
テキストをTo Do Listからやることリストに変更します。
日本語はタイピングした通りに表示されません。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_153241893.jpg)
やることリストと入力したら、このように英語と日本語も混ざった表示になり、日本語の入力ができません。
他で入力したものをコピペして貼り付けると入力ができるので、コピペで対応してください。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_153307732.jpg)
このように入力することができました。
同じような流れで、他の部分も日本語へ変更します。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_155218370.jpg)
サインアップページを日本語に変更しました。画像の変更も可能です。
⇒ サインアップ画面を日本語に変換する方法
リストページも日本語へ変更します。
やることを入力するページも同じように変更しました。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_160031382.jpg)
データは、左サイドバーにあります。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m14d_104909332.jpg)
Taskの部分にデータが入ります。
詳細はView/Edit Recordsで確認できます。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m14d_104914324.jpg)
View/Edit Recordsをクリックすると、データが開きます。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m14d4.jpg)
アプリから入力したデータもここに表示されます。
アプリを変更したら、右上のPREVIEWをクリックして確認します。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_160904778.jpg)
最後に右上のSHARE(シェア)をクリックします。
QRコードが表示されます。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_160844793.jpg)
QRコードを読み込んでアプリを使用することが可能です。
やることリストのアプリ
やることリストのアプリ使用例です。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_114025410.jpg)
To Doリストにやることを追加。
完了したらクリックをしてDoneに移動させます。
このようなシンプルなTo Doリストアプリを作れます。
Adaloのテンプレートで一番シンプルなのは、To-Do List(やることリスト)のテンプレートです。
![](https://hikari-sedori.com/wp-content/uploads/2020/12/2020y12m11d_105237697.jpg)
初めてならTo-Do Listから試してみるといいと思います。
もし、作成したアプリを削除したい時は、Settingsからアプリの削除が行えます。
Setting設定はこちら
⇒ AdaloのSetting
今回は、「AdaloのTo-Do Listテンプレート」を紹介しました。
ノーコードツールのAdaloを使用する時の参考になればと思います。
⇒ Adaloの登録方法
⇒ Adaloのエディタ画面
⇒ コンポーネントとスクリーンの追加設定
⇒ Adaloのブランディング設定
⇒ Adaloの画像の入れ方
⇒ Adaloのスクリーン設定
⇒ AdaloのDatabase設定
コメントを残す