Adalo のおすすめの教材8選！ 【 2024年11月 最新版】

Adaloを使って、NoCode (ノーコード)でスマホアプリの作り方が学べます。プログラミングの知識がゼロでも学べるように作っています。

Instagramのようなアプリを模写することで基本的な機能の作成方法を学べます。

初心者向けコースのため、Adaloを使ったことのある方、プログラミングの知識がある方はお勧めしません。

1. はじめに
2. ご挨拶
3. Adaloの基本と始め方
4. Adaloとは？
5. Adaloを始めてみましょう
6. Adaloのテンプレートに触れる
7. SNSを模写する理由と機能書き出し
8. SNS（Instagram）を模写する理由
9. Instagramの機能・画面構成の確認
10. アプリの機能を書き出す
11. データベースを理解・構築する
12. データベースとは？
13. 必要なデータの書き出し・整理
14. データのコレクション
15. データベースを構築する　Part.1（コレクションの登録～ユーザー情報のデータ登録）
16. データベースを構築する　Part.2（Relationshipデータの登録）
17. データベースを構築する　Part.3（通知、DM、メッセージ、投稿、ストーリーズデータ登録）
18. アプリの作成　Part.1
19. スタート画面、ログイン・ユーザー登録画面を作成
20. ホーム画面作成
21. プロフィール画面作成
22. 投稿検索画面作成
23. プレビューで作成したものを確認
24. アプリの作成　Part.2
25. プロフィール編集画面を作成
26. 投稿ナビゲーションメニューの作成
27. 投稿画面の作成
28. ストーリーズ投稿画面を作成
29. 投稿一覧画面を作成
30. レフトナビゲーションの作成
31. フォロワーリスト、フォロー中リスト作成
32. アプリの作成　Part.3
33. 投稿検索機能の作成
34. アカウント検索機能の作成
35. アプリの作成　Part.4
36. コメント画面作成
37. アクティビティ画面の作成
38. ストーリーズ閲覧画面の作成
39. DM一覧画面の作成
40. DM画面の作成
41. アプリの作成　Part.5
42. 他ユーザープロフィール画面の作成
43. 他ユーザーフォロワー、フォロー中画面の作成
44. アプリの作成　Part.6
45. プレビューして機能の確認・修正
46. 修正①：いいね、コメント、通知の設定、ログアウトの修正
47. 修正②：ストーリーズ、フォロー、フォローをやめるの設定
48. 修正③：ＤＭ、ＤＭ一覧画面の修正
49. 修正➃：検索画面の修正、全体プレビュー
50. おわりに
51. ノーコードを楽しんで下さい！

▼ 話題の「ノーコード」ツールに触れる

近年「ノーコード」というワードが注目を集めています。ノーコードとは、コード（プログラム）を書かずにWebアプリやモバイルアプリを開発することができるプラットフォームで、様々なツールが提供されています。

本講座では、アプリ開発とデータベース機能をワンパッケージで利用できる「Adalo」というノーコードツールを使って、スマートフォン上で動作するアプリを作成します。

▼ DXのキーとなるのは市民開発者

業務の効率化や生産性の向上・働き方改革に欠かせないDX（デジタルトランスフォーメーション）。その鍵を握るのは、ITの専門家やエンジニアだけではありません。アプリを「使う人」から「作る人」へ。ノーコードの出現によって、そのハードルは低くなりました。

今日必要なアプリをお出掛け前に組み立てて、お出掛け先でスマホで使う。そんな未来も夢ではありません。まずは、ノーコードでのアプリ開発に一歩踏み出してみましょう！

1. まずはじめに
2. ノーコード・ローコードとは？
3. アプリとデータの構造
4. 【タスク管理アプリ①】Adaloの基本的な使い方
5. 作成するアプリの完成イメージ
6. Adaloのキャンバス画面
7. コンポーネントの追加と削除
8. 画面の追加と削除
9. 【タスク管理アプリ②】データベースを作る
10. Usersコレクションとサインアップの仕組み
11. データベース設計
12. 担当者テーブルとステータステーブルを作成
13. Relationshipで他のテーブルに紐づくタスクテーブルを作成
14. 【タスク管理アプリ③】アプリの各画面を作る
15. タスク一覧画面を作成
16. タスク詳細画面を作成
17. 「Filter」で未着手リストと完了リストを分ける
18. タスク登録画面のフォームを作成
19. 一覧画面から登録画面への遷移を作成
20. タスク編集画面を作成
21. タスクの削除機能を追加
22. トップ画面を追加
23. アプリの公開

この講座は、Adaloというツールを使ったスマホアプリ開発の基礎を学べます。

未経験者でもわかりやすいように、一つ一つの機能を使いながら実際にアプリを作っていきます。

【この講座を受けるメリット】

・Adaloの使い方がわかる

・アプリ開発スキルが身につく

・ノーコードエンジニアの基礎が身につく

1. レッスン1
2. ノーコードとは
3. Adaloとは
4. Adaloの使い方を学ぼう
5. アプリに機能を追加してみよう
6. レッスン2
7. データベースとは
8. アルバムアプリを作ってみよう
9. 条件分岐を学ぼう
10. True/Falseとは
11. 出勤退勤アプリを作ってみよう
12. Toggleで条件分岐をしよう
13. Toggleとは
14. タスクアプリを作ろう
15. MarketPlaceを使ってみよう
16. MarketPlaceとは
17. 体重管理アプリを作ろう

「1日でアプリを作っちゃおう! ノーコードアプリ講座 ToDoアプリ編」へようこそ!

この講座では「Adalo(アダロ)」というノーコードツールを使って

今回は「Adalo(アダロ)」というノーコードツールを使ってWebアプリを作ります。

絵を描いたりパズルを作ったりするような感覚で、楽しく実践的にアプリを作ってみましょう!

1. 紹介
2. コースの紹介・ノーコードツールAdaloでToDoアプリを作ろう
3. アプリはお店〜アプリの基本的な構造を学ぼう〜
4. Adaloの登録
5. サンプルアプリのプレビュー
6. Adaloに格納されたデータの確認
7. アプリをカスタムしよう
8. アプリの見た目をカスタムしてみよう
9. アプリの機能をカスタムしてみよう
10. 改修した機能とデータベース構造を理解しよう
11. アプリを共有しよう
12. 完成したWebアプリをシェアしよう
13. アプリのリリース・ふりかえり

本講座ではノーコードで様々なサイト、アプリを開発することが出来るツールの解説を行っている講座となっています。

『Bubble』『Adalo』『Webflow』の使用方法を実践的に学ぶことが出来ます。

「Adalo」を用いて作成するアプリ

Adaloではメルカリを模倣したアプリ

・商品一覧の表示機能

・商品の新規登録機能

・商品の削除機能

・購入機能

・データベースを構築する方法

「Bubble」を用いて作成するアプリ

Bubbleではサウナイキタイという有名なサウナ検索サイトを模倣したアプリ「オンセンイキタイ」を作成します。

・温泉一覧の表示機能

・温泉の検索機能

・温泉の新規作成機能

・温泉の編集機能

・温泉の削除機能

を実装する方法を学べます

「Webflow」を用いて作成するアプリ

Webflowを用いて「一般的なWebサイト」の外観を模倣したアプリを作成します。

・思い通りの位置にアイテムを配置する方法

・スタイルを微調整する方法

を解説しています。

1. 本講座で使用する画像ダウンロードサイト
2. 画像リソース
3. 開発者サポート用コミュニティー
4. Adaloの導入
5. 紹介
6. 基本操作
7. Adalo実践編 | メルカリを実際に作る
8. まずはデータベースを構築しよう
9. 商品データを表示してみよう
10. ※Adaloのエラー対応
11. トラブルシューティング
12. 商品の詳細ページを作ってみよう
13. 購入ページとナビゲーション設定を行おう
14. Adalo応用編
15. スライドショーを表示しよう
16. 機能の拡張を行おう
17. Bubble基礎編
18. bubbleの導入
19. デザインタブの使用方法
20. ワークフローとデータタブの使用方法
21. スタイルの変更方法
22. プラグインとセッティングタブ
23. Bubble実践編 | 有名なサイトのクローンを作成してみよう
24. 今回作成するサイトの外観を確認してみよう
25. データベース内のデータを表示してみよう
26. データの新規作成、編集、削除機能を実装する
27. 検索機能を実装しよう
28. Webflow基本編
29. Webflow の導入
30. Webflownの基本的な操作方法（エレメント）
31. ナビゲータとCMS
32. Webflow実践編
33. 思い通りの場所にエレメントを配置しよう
34. ヘッダーの微調整を行おう（一部音質が悪い箇所があります)
35. サイトを完成させよう
36. 講義内容に関するリクエストはこちらから
37. ご質問への回答
38. 別ページを開くワークフロー
39. ボーナスレクチャー
40. Bubble無料相談のご案内