
Flutterアプリ開発の基礎
DevStory
AndroidとiOSアプリを一つのコードで作成できるFlutterを、様々なアプリを作りながら学ぶ講座です。 基礎文法や理論から実習まで、非専門家の超初心者の方でもついていけるように準備しました。
入門
Flutter
あちこちの講義を探し回る必要なし!ノーコードアプリ開発の全過程を一度に理解し、実践します。 非専門家のための開発基礎(ローカル、サーバー)入門から、SNSアプリの開発・リリースまで、全体の流れを実装します。 コーディング経験がなくても進められるように設計されており、世界シェア1位のアプリ開発ノーコードフレームワーク「FlutterFlow」と、Googleのノーコードバックエンドプラットフォーム「Firebase」の全般的なスキルを習得しながら、リリースおよびリファクタリングまで最後まで完成させます。
受講生 12名
難易度 入門
受講期間 1か月
学習した受講者のレビュー
5.0
에이전트고프다
YouTubeでドバックさんの講義をずっと見ていましたが、最近セール中だったので、すぐに受講を申し込みました 😊 結論から言うと、なぜもっと早く受講しなかったのかと思うほど満足しています。 YouTubeでも説明が分かりやすかったですが、講義では実務ですぐに使える内容がより深く盛り込まれていて良かったです。特にFlutterFlowを初めて触る立場でも、流れを理解しやすいように段階を追って説明してくださったので、無理なくついていくことができました。 ただ漠然と機能を教えるだけでなく、「なぜこのように作るのか」まで説明してくださるので、理解度が確実に上がった気がします。 ノーコードで開発を始めようとしている方には、本当におすすめです 👍 残りの講義も最後まで完走して、しっかり活用できるように頑張ります!ありがとうございます 😊
5.0
hhans
非専門家なので始める前から不安が多かったのですが、講師の方が本当に手取り足取りというレベルで親切に教えてくださいますね(笑)まだ先は長いですが、完走まで!頑張ってみます!ありがとうございます〜
5.0
미미무
YouTubeでドバックさんのノーコード講義をずっと見ていたのですが、最近YouTubeに講義がアップされないので、しっかり学びたいと思って受講を申し込みました〜。最高の開発講師です。初心者の目線で本当に親切に、詳しく分かりやすく教えてくださりありがとうございます!!
Local / Server 開発の基礎概念コンパクトまとめ
FlutterFlowの基礎からUI、アクション、状態管理まで、アプリ全体の構造を理解
Firebase Authenticationでログイン・新規登録(電話番号)システムを直接実装
Firestoreベースのデータ構造設計およびCRUDの完全理解
画像・動画アップロードを含む投稿・コメント・いいねなどSNSの主要機能を実装
フォロー/フォロワーおよび検索、ショーツまで実際のサービス機能を完成
一人でもアプリを最後まで作り上げる実践的な開発能力の確保
アプリストア(Google/Apple)の配布およびリリースの方法を理解
管理者(アドミン)ダッシュボード機能の構築
✔ 「FlutterFlowでアプリ作り」 → すぐにできそうですよね
✔ UIを作ってボタンを繋げば終わり? → ❌
✖ ログイン + データベース + 状態管理
✖ コメント、いいね、フォローのような複雑な構造
✖ Firebase連携 + データフローの理解
👉 UI는作ったが、アプリが「動作」しない
👉 データの流れがどこにあるのか分からない
👉 結局、完成させられずに諦めてしまう
👉 全体構造を理解せずに機能だけを真似しているからです
📌 アプリ開発の方式が変わりつつあります
以前は 👉 企画 → デザイン → 開発 → 配布(数ヶ月)
今は 👉 アイデア → すぐにアプリ実装 → 即座にテスト
✔ コーディングなしでアプリ制作が可能
✔ Firebaseと直接連携する構造
✔ iOS / Android / Web 同時開発
✔ 素早いプロトタイピング → 実際のサービスまで拡張可能
素早く作ってこそ生き残り、
素早くテストしてこそ成長します
👉 FlutterFlowは
👉 「一人でもサービスを作れるツール」です
✔ 長年YouTubeチャンネル「AI・ノーコード THE100」を運営
✔ 実践中心のコンテンツ制作
✔ 初心者でも理解できる説明
✔ 実際に役立つ講義として検証済み
👉 KDT 生成AI開発者課程 専任講師/コーチ (1~6期)
👉 江南大学校 講師 (Cプログラミング、回帰分析、AIフィジカルコンピューティング)
👉 カトリック大学校 デジタルトレンド課程 講師
👉 慶旼大学校 青年就職プログラム 講師
その他、個人およびグループの開発家庭教師、企業向け開発教育など多数
ログインから投稿、コメント、いいねまで
SNSの核となる機能を一つの流れで完成させます。
単なる画面ではなく
👉 「実際に動くアプリ」の構造を開発
Firebaseを活用して、ログイン、データ保存、
画像/動画のアップロードまで実装します。
Auth + Firestore + Storageを連携させ、
👉 実際のサービス構造をそのまま体験します
検索、コメント、返信、動画フィード(ショーツ)まで
ユーザーが実際に使用する機能を実装します。
単なる機能ではなく
👉 UX中心のアプリ構造を設計することになります
プロフィール、フォロー/フォロワー、管理者機能まで実装し、
一つのサービスを完成させます。
ユーザー関係 + 運営機能まで含まれた
👉 実際のサービスレベルのアプリ完成
この講義は「機能をいくつか実装する」のではなく、
「サービスを一つ完成させる経験」を提供します
FlutterFlowの基本インターフェースとUI構成方式から始まり、Actionsや状態管理までアプリがどのように動作するのか、全体の構造を理解します。
単に画面を作るのではなく、ウィジェットツリー構造やイベントの流れ、データ伝達方式まで一緒に学びながら、実際のアプリが動作する原理を自然に体得することになります。
👉 単なる制作ではなく「アプリ構造の理解」中心
Firebaseを活用して、ログインからデータベースまで実際のサービスに必要なバックエンド構造を構築します。Authenticationを通じてログインを実装し、Firestoreを基盤にデータ構造を設計し、Storageを活用して動画のアップロードまで連携させます。単なる接続にとどまらず、実際のサービスで使用されるデータフローを理解できるようになります。
👉 実際のサービスにおけるバックエンド構造の学習
Dynamic Data、Parameter、Query、Reference構造でデータがどのように繋がるかを学習します。ページ間のデータ受け渡し、条件によるUIの変化など、初心者が最もつまずきやすい部分を中心に、実践で活用できる構造を身につけます。
単なる機能の実装ではなく、データ中心の思考を通じてアプリを設計する方法を学びます。
👉初心者が最もつまずく部分を解決
投稿の作成から「いいね」、コメント、検索機能まで、SNSの核となる機能を直接実装します。
メディアのアップロードとデータ保存構造を設計し、ユーザーインタラクションが実際に反映される過程を経験しながら、サービスレベルの機能を完成させます。
👉 実践機能中心の学習
フィード構成、動画コンテンツ(ショーツ)、インタラクション設計など、ユーザー中心のアプリフローを実装します。
無限スクロール、動画再生、サムネイル処理など、実際のサービスで使用されるUXを直接作りながら、
単なる機能ではなくユーザーが快適に利用できるアプリ構造を設計する方法を身につけます。
👉 単純な機能ではなく使いやすさまで考慮
プロフィールページ、フォロー/フォロワー関係、管理者機能まで実装し、一つのサービスを完成させます。
ユーザー間の関係データに基づいてフィードを構成し、通報および管理機能を通じて実際のサービス運営まで考慮した構造を設計します。
単なるアプリを超えて、実際のサービスとして拡張可能なレベルまで経験することになります。
👉 サービス運営段階まで経験
単なる機能の羅列ではなく
「基礎 → データ → 機能 → サービス完成」の流れ
学習対象は
誰でしょう?
非専門家、またはプログラミングを全く知らないうちのお父さん、お母さん
AI風コーディング開発の限界を感じている方
コーディングなしでアプリを作りたい入門者
FlutterFlowを始めたものの、アプリを最後まで作りきれなかった方
Firebaseを実際のプロジェクトにどのように連携させるか知りたい方
SNSアプリ(Instagramの構造)を自分で作ってみたい方
ノーコードでサイドプロジェクトやサービスのリリースを目指している方
前提知識、
必要でしょうか?
コーディングの経験がなくても受講可能です(完全初心者向けの基礎講義からスタート)
FlutterFlowを基礎から一歩ずつ説明するので、初めての方でも大丈夫です。
Firebaseの使用も基礎から一緒に進めていきます
アプリを作ってみたいという意欲さえあれば十分です
キャリア認証
12
受講生
3
受講レビュー
1
回答
5.0
講座評価
1
講座
こんにちは。
AI・ノーコード教育クリエイターのTHE100(ザ・ベク)です。😊
今は100歳時代、これからは誰もが開発者になれる時代です。
👍"うちのお父さん・お母さんも開発できる。" 👌
完全な初心者でも真似できるAI・ノーコードアプリ開発を目指しています。
コーディングなしでも実際のサービスまで作れる方法をお教えします。
👩🎓"私たちのお父さんやお母さんも開発するその日まで!!" 👨🎓
[ 使用ツール ]
FlutterFlow:ノーコードでアプリ&ウェブ開発
AIツール:GPT、Gemini、Claudeなど
💻THE BACK ホームページ l THE BACK クラス ホームページ
🎥YouTube l AI・ノーコードのインサイト&実践チップ
📷インスタ l ニュース & 日常 & お役立ち情報
📄ブログ ㅣ ニュース & お知らせ & 役立つヒント
全体
62件 ∙ (14時間 18分)
1. 1. オリエンテーション
05:44
2. FlutterFlowの紹介
08:55
3. 画面UIのコンセプト決め
19:38
4. Actionsの概念を掴む
06:47
5. ローカル変数 App State
09:25
6. ローカル変数 Page State
08:06
9. データ伝達パラメーター
06:50
10. ローカルミニアプリ開発実習
34:20
11. プロジェクトセットアップ
24:19
13. データベースの概念
10:24
14. データベース作成
22:13
16. データベースの更新
21:25
17. データベース削除
02:26
全体
3件
5.0
3件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
5
YouTubeでドバックさんの講義をずっと見ていましたが、最近セール中だったので、すぐに受講を申し込みました 😊 結論から言うと、なぜもっと早く受講しなかったのかと思うほど満足しています。 YouTubeでも説明が分かりやすかったですが、講義では実務ですぐに使える内容がより深く盛り込まれていて良かったです。特にFlutterFlowを初めて触る立場でも、流れを理解しやすいように段階を追って説明してくださったので、無理なくついていくことができました。 ただ漠然と機能を教えるだけでなく、「なぜこのように作るのか」まで説明してくださるので、理解度が確実に上がった気がします。 ノーコードで開発を始めようとしている方には、本当におすすめです 👍 残りの講義も最後まで完走して、しっかり活用できるように頑張ります!ありがとうございます 😊
YouTubeでのご縁を超え、このように正式な講座まで信じてお越しいただき、心から感謝申し上げます。😊 単に機能を真似するだけでなく、「なぜこのように作るのか」という原理と実務のノウハウをお伝えしたいと思っておりましたが、その真意を正確に汲み取っていただけたようで、本当に嬉しく思います。ツールの仕組みを理解された今、どのようなアイデアもご自身だけのアプリとして形にできるはずです。 残りの講義も、実戦ですぐに使える充実した内容を詰め込んであります。完走するその日まで、気になることがあればいつでも質問を残してください。受講生様の素晴らしい成長を最後まで応援しています! 一緒に最後まで走り抜けましょう。ありがとうございます! 🚀
受講レビュー 1
∙
平均評価 5.0
5
非専門家なので始める前から不安が多かったのですが、講師の方が本当に手取り足取りというレベルで親切に教えてくださいますね(笑)まだ先は長いですが、完走まで!頑張ってみます!ありがとうございます〜
非専門家ということで不安も多かったと思いますが、私の講義が「手取り足取り」教えてくれるように分かりやすく親切に感じられたとのことで、本当に良かったです(笑)今のように楽しみながら完走まで走り抜けてください! 受講生様の素敵な初アプリリリースまで!心から応援しています。ありがとうございます!
受講レビュー 1
∙
平均評価 5.0
5
YouTubeでドバックさんのノーコード講義をずっと見ていたのですが、最近YouTubeに講義がアップされないので、しっかり学びたいと思って受講を申し込みました〜。最高の開発講師です。初心者の目線で本当に親切に、詳しく分かりやすく教えてくださりありがとうございます!!
こんにちは、THE100(ザ・ハンドレッド)です! YouTubeから始まり、このように講座までお越しいただき、本当にありがとうございます。😃 YouTubeではお伝えしきれなかった実務への応用チップや詳細なノウハウもぎっしりと詰め込みましたので、最後まで完走して素晴らしい成果物を作れるよう応援しています! 一緒に最後まで走り抜けましょう!ありがとうございます!
同じ分野の他の講座を見てみましょう!
期間限定セール、あと1日日で終了
¥45,430
30%
¥8,410