FlutterFlowで簡単にするノーコードアプリ開発

Name: FlutterFlowで簡単にするノーコードアプリ開発
Price: 45100 KRW

コーディングなしで自分だけのアプリを作れる！🚀 初心者でもできるノーコード入門講座！ FlutterFlowを活用した実践アプリ開発で、簡単かつスピーディーにアプリを完成させましょう。

（4.8）受講レビュー 12件

受講生 43名

ujean

no-code

FlutterFlow

Firebase

No-code

学習した受講者のレビュー

こんなことが学べます

アプリの画面UIを構成する
データベースを構築する
FlutterFlowウィジェット
グローバル変数の使い方
SNSと連携した会員登録
コメント機能の実装
いいね機能の実装
多様な条件文の使い方

KEY POINT ！ 📝

✅ FlutterFlowの基本概念を理解する（ウィジェット構造とアプリの制作方法を学ぶ）
✅ UIの設定とナビゲーション(ページ移動、ListView、Actionsの活用)
✅ Firebaseの連携とデータ管理(Firestore、Storage、Backend Queryを適用)
✅会員登録とログインの実装（Firebase Authenticationを活用）
✅投稿の作成と編集機能（データの追加、編集、削除、アップロード）
✅コメントといいね！機能を追加（Subcollectionとデータ関係を設定）
✅画像のアップロードと管理(Firebase Storageによるファイルの保存)
✅条件文を活用したアプリの動作制御（Visibility、App State、Backend Logicを適用）
✅アプリのセキュリティと Firestore ルールの設定(Firestore Rules とアクセス権の管理)
✅アプリのデプロイと運用戦略(iOS、Android、Webデプロイプロセスの学習)

受講後は以下のような変化が生じます。 🌈

📌 自分でアプリを作成できます。
単に従うことで終わるのではなく、アプリが動作する原理とデータフローを理解することになります。
これにより、講義の後、FlutterFlowのさまざまな機能を活用して、希望するアプリを直接計画して実装することができます
あります。

📌 Firebaseを活用したデータベースの構築と管理が可能になります。
会員登録、ログイン、投稿管理、コメント機能など、実際のサービスで必要なデータベースを構築し、
活用する方法を習得します。 NoSQLデータベースの概念からQueryの活用まで
経験しながら、実務で適用できる能力を備えています。

📌完成した本番アプリをポートフォリオとして活用できます。
SNS型アプリを直接制作しながら、実習中心で学習します。講義を終える頃には会員登録、投稿作成、
コメントと「いいね！」機能を含むアプリを完成させることができます。
証明し、実務でも活用できるスキルを備えるようになります。

こんにちはUジンです。
私は開発を始め、10年余り職場生活をしており、現在は管理業務を主にしています。
数年前からノーコードという用語が生まれ、多くのツールが誕生しました。実際、ノーコードの概念は以前からありました。しかし、バックエンドまで開発してくれるノーコードツールはありませんでした。
今はプロの開発者でなくても、誰でもアイデアだけであれば簡単に開発ができます。理論だけの講義ではなく、実習だけの講義ではなく基礎知識を兼ね備え、実習できるように準備しました。

こんな方に
おすすめです

学習対象は
誰でしょう？

簡単かつ迅速にアプリ開発をしたい人
FlutterFlowを初めて使う人
コーディングの知識はあるけど、アプリ開発は初めての人
ノーコードプラットフォームについて知りたい人

こんにちは
です。

受講生

受講レビュー

回答

4.8

講座評価

講座

개발 업무를 시작으로 보안에 이르기가지 IT 전반의 영역을 다루고 있습니다.

현재 네카라 중 한곳에 재직중이며 커리어 기간동안 학습해온 것들을 기반으로 유용한 강의를 준비하여

여러분들의 성장을 돕겠습니다.

blog.naver.com/usavetime

カリキュラム

全体

31件 ∙ (4時間 44分)

セクション 1．ノーコードについて

2件 ∙ (10分)

セクション 2．FlutterFlowを始める

4件 ∙ (40分)

3. 03. FlutterFlowを始めるには
11:38
4. 04. FlutterFlow ウィジェットの種類
05:19
5. 05. 最もよく使うColumnとRowウィジェット
07:20
6. 06. UIを構成してみる
16:39

セクション 3．UIを構成する

3件 ∙ (26分)

7. 07. メインページの構成（リストページの構成、ボタンの作成）
12:34
8. 08. リンクを貼って実行してみる (Actions, テストラン)
05:02
9. 09. 記事作成ページの構成 (writeページの構成、ボタン作成、wrapping)
09:06

セクション 4．データベースを構築する

2件 ∙ (17分)

セクション 5．会員連携する

3件 ∙ (24分)

セクション 6．投稿する

3件 ∙ (26分)

セクション 7．リスティングする

2件 ∙ (19分)

セクション 8．まとめ

1件 ∙ (10分)

セクション 9．会員連携を追加する

1件 ∙ (9分)

セクション 10．修正する

3件 ∙ (29分)

セクション 11．コメントする

5件 ∙ (58分)

セクション 12．終わりに

2件 ∙ (10分)

講座掲載日:

最終更新日:

受講レビュー

全体

12件

4.8

12件の受講レビュー

dlfgh15
受講レビュー 7
∙
平均評価 5.0
修正済み
5
65% 受講後に作成
I have been steadily learning programming-related content as a hobby, albeit at a shallow level, and I've always wanted to establish myself as a solo developer someday. Until now, I felt a significant barrier to entry into the unknown world of backend integration, servers, security, and so on. This course was great because it provided concise explanations from basic UI to Firestore integration! What I noticed while watching various courses and YouTube videos was that there are plenty of basic courses and occasionally advanced courses for professionals, but I felt there weren't many courses targeting people in the middle ground. Through this course, I was able to break through the parts where I was stuck. I'm curious if you have plans to add 'code courses worth covering in FlutterFlow' such as custom functions~ I understand Dart/Flutter code at a basic level. I'm curious about how this feels when applied in FlutterFlow! For example, things that can be handled as actions within FlutterFlow wouldn't need separate code writing, and I'm curious about what custom code is frequently used outside of actions, what that boundary(?) is, and how experts utilize custom code~ +Additionally, I'm curious about responsive app design! I understand the concept to some extent, but I'm wondering if you have plans to cover practical content on how to best handle device size-appropriate design (padding, font size, etc.) for different devices!
- ujean
  知識共有者
  First, thank you so much for your precious course review! Your journey as a solo developer pursuing your dreams is admirable, and I sincerely support you to achieve success! Regarding the Custom Function you mentioned, it's used when processing data and when frequently used across multiple pages. Let me give you an example from a project I'm personally working on. There's logic that takes keywords like love and sadness as input and expresses them as colors. By processing them as shown below to express specific keywords as colors, if you use this frequently across multiple screens, using custom functions would be convenient. Color getEmotionColor(String emotion) { switch (emotion) { case '사랑': return Color(0xFFFF8A80); // Coral Pink case '슬픔': return Color(0xFF90CAF9); // Soft Blue } } You also inquired about responsive UI, which can definitely be implemented with custom functions. Regarding follow-up courses, I had considered it when first creating the course, but currently I don't have the capacity due to my main job and personal projects.😭 If the opportunity arises, I'll try to post related content on my blog. Thank you once again. Thank you.
- dlfgh15
  Thank you for taking the time to leave a reply despite being busy~ Now that I think about it, responsive design was something I could have searched for sufficiently, and thank you for explaining about custom functions as well~ Thank you for the great lecture!
grubuil8584
受講レビュー 2
∙
平均評価 4.0
4
13% 受講後に作成
I'm not sure yet, but it seems like it will be an easy-to-understand and comfortable class. Other lectures just gave me stress and made me pull my hair out, but this lecture is giving me the will to challenge myself.
- ujean
  知識共有者
  Hello grubuil. Thank you for the course review. Please feel free to ask any questions anytime while taking the course. As soon as your question is confirmed, I will do my best to answer it within the scope of my knowledge.
rmcobol1230887
受講レビュー 1
∙
平均評価 5.0
5
32% 受講後に作成
- ujean
  知識共有者
  Lee Seung-tae-nim, thank you for your course review. Fighting until completion~!
lsr53353710
受講レビュー 1
∙
平均評価 5.0
5
32% 受講後に作成
good
- ujean
  知識共有者
  lsr5335, thank you for your valuable course review~!
모노모노
受講レビュー 4
∙
平均評価 5.0
5
61% 受講後に作成
Because you explained it so easily, even beginners could follow along well and learn. Thank you. ^^
- ujean
  知識共有者
  Hello, Bonobono-nim. Although I have many shortcomings, it's a great encouragement to hear that I can follow along and learn well. Thank you~

￥5,453

似ている講座

同じ分野の他の講座を見てみましょう！

Creating a SNS app with Flutter

DEV MOO

We will create an SNS app using Flutter's Provider/StateNotifier state management and Firebase.

초급

Flutter, dart, Firebase

Creating a SNS app with Flutter

DEV MOO

[Unity] Developing Idle Games Together

Pinous

This course focuses on developing revenue-generating mobile games by creating idle games.

중급이상

C#, Unity, Firebase

[Unity] Developing Idle Games Together

Pinous

[2025 Renewal] Create an App Without Coding in Under a Month with FlutterFlow

ilgyu865859

This is an introductory course on building an app with FlutterFlow, the world's #1 no-code app builder! 🤗 You'll naturally pick up concepts as we build a Twitter clone... so it'll be easy and fun! 🥳

입문

No-code, FlutterFlow, Flutter

[2025 Renewal] Create an App Without Coding in Under a Month with FlutterFlow

ilgyu865859

Agent development, difficult? With Microsoft, it's easy!

microsoftkr

By utilizing the operating principles and development tools of Microsoft 365 Copilot agents, you can systematically learn how to design and expand agents that operate in the way you desire. Chapter 1 organizes the essential concepts and principles to know before creating an agent, Chapter 2 explores agent types and tools suitable for various scenarios, and Chapter 3 allows you to directly implement your own agent using Agent Builder, SharePoint Agent, and Copilot Studio. From basics to hands-on practice, this single course will enable you to connect the potential of Copilot agents to practical applications!

중급이상

AI, Microsoft Copilot, AI Agent

Agent development, difficult? With Microsoft, it's easy!

microsoftkr

Create a website with Bubble.io using your Figma designs, no code required!

sahwang

No worries if you don't know development or design! The lecture will guide you through every single detail, so even those who are not involved in development can complete their first website if they just follow along!

입문

bubble.io, Figma, No-code

Create a website with Bubble.io using your Figma designs, no code required!

sahwang

Fundamentals of No-Code Prototyping with Glide

jangpm

You can create prototypes of reservation services, matching services, and community services with no code.

초급

glide, No-code, Prototyping

Fundamentals of No-Code Prototyping with Glide

jangpm

Guide to developing iOS apps using Firebase servers

you68780911

For beginners, we will cover only the most important and frequently used grammar quickly and lightly.

초급

iOS, Firebase

Guide to developing iOS apps using Firebase servers

you68780911

Baemin also uses it? Backend no-code development without environment settings!

SyncTree

We'll show you a new world of secrets for developing and managing backends with no code, without complex environment settings and repetitive deployment processes!

초급

No-code, airtable

Baemin also uses it? Backend no-code development without environment settings!

SyncTree

Creating a Web+Android Memo Application Using Firebase

huttchang0065

This course introduces Firebase and teaches you how to create web and Android applications using Firebase's features.

초급

Android, Firebase

Creating a Web+Android Memo Application Using Firebase

huttchang0065