【Adalo】To-Do Listテンプレート【やることリストのアプリを作成】

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

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

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

ここでは、「AdaloのTo-Do Listテンプレート」を紹介します。

Adalo

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

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

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

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

Adaloのテンプレートを選択

テンプレートを使用するには、Adaloにログインして新しいアプリを作成するを選択します。

まず、はじめにプラットフォームを選択します。

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

ここではネイティブモバイルアプリを選択しました。

次にテンプレートを選択します。

Adaloのテンプレートは、全部で7種類あります。
⇒ Adaloのテンプレート

Blank:ブランクは、一から作る方向けです。


「To-Do Listテンプレート」を選択してNEXTをクリックします。

次にBranding(ブランディング)設定を行います。

adaloのto-do

Branding設定ではまず、App Name(アプリ名)を入力し、アプリのカラーを決めていきます。

カラーチャートを使用して色を決めることができます。 カラーはあとで変更が可能です。

アプリのカラーを決めたらCREATEをクリックすると、Adaloのエディタ画面が表示されます。

To-Do Listテンプレート

To-Do Listテンプレートでは、やることリストのアプリを作成できます。

To-Do List

エディタ画面の使い方は別記事で紹介していますので、参考にしてください。
⇒ Adaloのエディタ画面の使い方


テンプレートでは、そのままアプリが使える状態になっています。

ただ、表記が英語のため、日本語に修正していきます。

文字変更はスクリーンから変更を行います。

最初にWellcome内の文字を変更するため、Wellcomeをクリックします。

変更したいテキストをクリックします。

テキストをTo Do Listからやることリストに変更します。

注意点として、ここでは日本語の入力ができません。

日本語はタイピングした通りに表示されません。

やることリストと入力したら、このように英語と日本語も混ざった表示になり、日本語の入力ができません。

他で入力したものをコピペして貼り付けると入力ができるので、コピペで対応してください。

このように入力することができました。

同じような流れで、他の部分も日本語へ変更します。

サインアップページを日本語に変更しました。

画像の変更も可能です。

リストページも日本語へ変更します。

やることを入力するページも同じように変更しました。

データは、左サイドバーにあります。

Taskの部分にデータが入ります。

詳細はView/Edit Recordsで確認できます。

View/Edit Recordsをクリックすると、データが開きます。

アプリから入力したデータもここに表示されます。


アプリを変更したら、右上のPREVIEWをクリックして確認します。

最後に右上のSHARE(シェア)をクリックします。

QRコードが表示されます。

QRコードを読み込んでアプリを使用することが可能です。

やることリストのアプリ

やることリストのアプリ使用例です。

To Doリストにやることを追加。

完了したらクリックをしてDoneに移動させます。

このようなシンプルなTo Doリストアプリを作れます。

To-Do Listのテンプレートを使用する場合は、手を加えずに使用できます。


Adaloのテンプレートで一番シンプルなのは、To-Do List(やることリスト)のテンプレートです。

初めてならTo-Do Listから試してみるといいと思います。


もし、作成したアプリを削除したい時は、Settingsからアプリの削除が行えます。

Setting設定はこちら
⇒ AdaloのSetting


今回は、「AdaloのTo-Do Listテンプレート」を紹介しました。

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

⇒ Adaloの登録方法
⇒ Adaloのエディタ画面
⇒ コンポーネントとスクリーンの追加設定
⇒ Adaloのブランディング設定
⇒ Adaloの画像の入れ方
⇒ Adaloのスクリーン設定
⇒ AdaloのDatabase設定

スポンサードリンク



コメントを残す

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