강의

멘토링

로드맵

BEST
Programming

/

Mobile Application Development

[コードファクトリー] [初級] Flutter 3.0 アプリ開発 - 10個のプロジェクトで今日、初心者脱出!

iOSアプリとAndroidアプリを、コードを一度書くだけですべて制作!コードファクトリーのFlutter初心者脱出講座!詳細な理論と面白いプロジェクトを進めながら、しっかりとした基本を身につけよう!

  • codefactory
Flutter
Clone Coding

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

こんなことが学べます

  • Dart言語をマスターする

  • Flutterで美しいUIを制作する

  • SQLiteデータベースを活用する

  • 動画プレイヤーアプリの作成

  • ビデオ通話アプリの作成

  • Google マップの使い方

  • 位置情報サービスを使う

10のプロジェクトを私の手で! 💁‍♀️💁‍♂️
理論に基づいて学び、さまざまな機能の実装方法を学びます。

Kyobo文庫2023上半期のベストセラー著者が直接教える講義

コンピュータ/IT部門23位 TOP30以内唯一のアプリ開発書籍

フラッターだけで2​​022年スーパールーキー達成!

2023年 Inflearnベストセラー!

大企業でも探す講義!レビューが証明する最高の講義を保証します!

⏰ Flutter初級講義のタイムライン

  • 2022年7月18日:Flutter 3.0バージョン100%対応完了
  • 2023年5月10日:Flutter 3.10バージョン100%対応完了
  • 2023年12月4日:最新環境に合わせて環境設定講義再撮影完了
  • 2024年04月22日:最新のフラッターとプラグインバージョンに基づいて本講義全面再撮影完了(2024年08年31日に旧バージョン講義は削除されます)

10のプロジェクトを紹介します🚩

#1 Hello World

Android Studioと親しくなり、Flutterを使用してアプリのUIを描画する方法を学ぶ

  • Textウィジェットを試す
  • 背景色を変更してみる
  • 文字色を変更してみる

#2 Splash Screen

すべてのアプリの最初のページとして機能するSplash Screenを簡単に作成

  • アセット画像を使う
  • Circular Progress Indicatorウィジェットを使用する
  • Column ウィジェットを使用したウィジェットの配置を学ぶ

#3 ブログウェブアプリ

Web Viewテクノロジを使用して既存のWebサイトをアプリにパッケージ化

  • オープンソースパッケージの使用
  • プラットフォーム別のネイティブ設定を変更する
  • WebViewウィジェットを使用する
  • Javascript権限を開く
  • HTTPプロトコルを開く

#4 電子額縁

静かに置くと自動的にローリングされ、直接スワイピングが可能な電子フレーム製作

  • ページビューウィジェットを使う
  • Timerクラスで定期的に関数を実行する
  • Stateful Widget の実践に使ってみる

#5 初めて会った日 U&I

恋人と一緒に使えるデデアプリの制作

  • Fontを適用する
  • Date Pickerを使う
  • Date Time クラスの実践の使用
  • Flutterでテーマを使用する方法
  • Cupertino Dialogを活用する

#6 ランダム数ジェネレータ

ボタンを押すたびに、指定した数字以下のランダム数字3個が生成されるアプリ制作

  • 乱数生成
  • 簡単なナビゲーションとデータの送受信
  • Sliderウィジェットを使う
  • Functionalプログラミングを利用したウィジェットのレンダリングとコードの整理

#7 動画プレーヤー

動画を再生するアプリの制作

  • Stackウィジェットを使う
  • Image Pickerライブラリの使用
  • Video Playerライブラリの使用
  • 再生、停止、3秒後ろに回す、3秒前に回すムービーコントロールを作成する

#8 今日も出勤

Googleマップを使用した簡単な位置ベースサービスの作成

  • Googleマップを設定して使用する
  • ロケーションサービスを使用して自分のロケーションマップに表示する
  • 特定の位置間の距離を求める
  • 地図にマーカーを表示する
  • 地図に円を表示する
  • 特定の位置にカメラを移動する
  • Material Dialogを活用する

#9 LIVE-ビデオ通話

Agora APIを使用したビデオ通話アプリの作成

  • Agora APIを使用してビデオ通話機能を作成する
  • Box Shadowを試す

#10カレンダースケジューラ

データを長期的に保存できるカレンダースケジューラアプリの作成

  • Driftパッケージを使用したSQ Liteの使用
  • 簡単なSQL文を学ぶ(select、insert、update、delete、join)
  • Bottom Sheetを活用する
  • Wrapウィジェットを使う
  • Table Calendar パッケージの使用
  • Dismissibleウィジェットで削除アニメーションを実装する
  • ストリームを介してデータの変化を自動的に検出する

#11 微粉塵アプリ

HTTP通信を使用してネットワークを要求する方法を学ぶ!

  • Dioパッケージを使用したHTTPリクエスト
  • 政府 Open API を試す
  • Hive NoSQLデータベースの使用
  • オフラインサポートとキャッシュの味を見る
  • Drawerウィジェットを使う
  • CustomScrollView実戦使用


理論も見逃せません! ✍

  • Stateful Widget

    Stateful WidgetのLife Cycleについて学び、各Life Cycleに対応する関数がいつ実行されるかを直接実習で確認することができます。

  • Row and Column
    Flutterでウィジェットを配置するときに最もよく使用されるウィジェットであるRowとColumnウィジェットのパラメータについて学びます。

  • 日時
    Date Time クラスを使用して日付・時刻に関連するデータを扱う方法を学び、Duration で Date Time をどのように操作できるかを学習します。

  • Const Constructor
    Const Constructorを使用してコードを書くたびに発生した黄色いWarning行を取り除き、なぜConst Constructorを使用するのがFlutterアプリのパフォーマンスに良いのかを学びます。

  • ボタン
    Flutterが基本として提供するElevated Button、Text Button、Outlined Buttonの使い方と飾り方を学びます。

  • Navigation
    画面間を移動できるナビゲーションの各種機能について学び、画面間データの転送方法を学びます。

  • Stream BuilderとFuture Builder
    非同期(async)要求の結果として画面のUIを決定するための最も効果的で簡単な方法であるStream BuilderとFuture Builderについて学びます。

  • Buy vs Build
    特定の機能を自分で制作する方法と有料で購入することのどちらが良いかを判断する方法を学びます。

  • Scrollable Widgets
    Flutterでスクロールを可能にするウィジェットについて学びましょう!


Flutterフレームワークを使って
簡単なアプリを自分で制作してみてください📖

Flutter vs React Native 구글 트렌드 Flutter vs React Native Google Trends

Flutterは、すでに多くの企業が主力で使用している強力なクロスプラットフォームフレームワークの1つです。チャートでもわかるように、長い間最強者だったReact Nativeを抜いて急激に成長しています。

この講義は、初心者に軽くて親しみやすいプロジェクトと理論を適切に混ぜて、興味と知識の深さをすべて捉えるように作られました。実際の状況を設計し、プロジェクトを進め、この知識がなぜ習得すべきか以来、より深い理論を掘り下げることができる形に構成しました。


受講後期を集めました📜

開発入門者も、Flutter初心者もこの講義を聞いた後、Flutterに対する自信が生まれ、一人でもシンプルなアプリを開発し、自分で初級以上の知識を覚醒できるレベルまで多様になることができます。
🏭コードファクトリーYouTube にも多くのコンテンツがあります!


最高のコミュニケーション🧑🏼‍🏫

毎週YouTubeライブを通じて質疑応答を受け、学生とコミュニケーションします!

YouTubeのライブプッシュ通知を受けたい場合は、以下のコードファクトリーYouTubeチャンネルを購読してください!

>コードファクトリーYouTubeチャンネルショートカット


コードファクトリー執筆本

Must Haveコードファクトリーのフラッタープログラミングブックは、私が長い間投資して直接執筆した本です!
初級講義とそなえる内容もあり、初級講義にはないFirebaseや広告などについての講義もあります!
EBookや実物書が好きな方におすすめです!
書籍は教報文庫、Yes24、アラジンなどメジャー書店でお会いできます!
下の画像をクリックして移動してください!


その他の事項✔️

予期される質問に事前にお答えします💬

Q.なぜFlutterを学ぶべきですか?

Flutterはクロスプラットフォームアプリ開発フレームワークです。もともとiOSアプリとAndroidアプリの両方を異なる言語と異なるフレームワークを使って開発しなければなりませんでした。だから、アプリを開発するのにかかる金銭的費用と時間的費用をたくさん惜しむことができます。さらにGoogleが製作したフレームワークでありながら、最近Googleでたくさん押してくれており、未来がより期待されるフレームワークと学んでおくと良いです。

Q. React NativeやNativeよりFlutterを学ぶのは無条件ですか?

すべてのフレームワークは状況と目的に応じて長所と短所があるので、 このような類の質問に答えはいつも「NO」です。古いので、まだFlutterよりも普及しています。

Q.プログラミングを一度も学んだことがないのに受講可能でしょうか?

私のYouTube映像で生涯初めてのプログラミングを成功させた方が多いです。受け取ってください。

🏭コードファクトリーYouTube
🔥コードファクトリーDiscord
💬コードファクトリーカカオオープントーク

Flutter講義を購入すると、コードファクトリーディスコッドサーバーフラッタープレミアムチャンネルに入ることができます!

Q.制作が完了した講義ですか?

現在は初歩脱出目的に合致した講義構成です。

Q. Apple Macが必要ですか?

Windowsコンピュータでも講義に従うことができますが、iOSアプリをビルドすることは不可能です。考えても構いません。

Q.コンピュータ仕様は好きですか?

どうやらシミュレータ/エミュレータを回すと開発が楽なので、コンピュータのスペックが低すぎると実行が遅いことがあります。
windows リクエスト仕様/ Mac リクエスト仕様/ Linux リクエスト仕様

Q. Flutterのインストールはできません。

良い開発者になるためには孤立して問題を解決する能力も非常に重要なので、一生懸命やってやっぱりできないなら💬コードファクトリーカカオオープントーク でお問い合わせください!

Q.映像に問題があります。

映像再生とインターネット通信に関わるお問い合わせは、Inflearnにしていただければいいです。

Q.授業内容をどの程度レベルまで扱いますか?

FlutterでUIを作成するのに必要な知識はすべて盛り込もうとしました。

現在追加予定のコンテンツ

  • HTTPリクエストに関するレッスン(DioとRetrofitを使用)
  • Hiveを使用したデータ管理と簡単なキャッシュ
  • Providerを使用した簡単な状態管理

Providerパッケージ以外の人気状態管理パッケージは中級講義で扱う予定です!
その他、私が制作したいと思う知識・技術があれば、私とコミュニケーションできる様々なチャンネルを通じてお伝えください。

Q. Play Store、App Store にアプリをリリースする方法についての講義はありませんか?

初心者の講義に追加する予定です。
Androidアプリのリリース/ iOSアプリのリリース


その他の事項✔️

(1)助けて学ぶことができる他のチャンネル!

🏭コードファクトリーYouTube
🔥コードファクトリーDiscord
💬コードファクトリーカカオオープントーク

(2) 講義用に共有される画像

講義で私が提供してくれるイメージは有料で直接購入たイメージです。

(3) 質問する方法

プログラミングを学びながら本当に素早く実力を増やすことができる方法は正しく正確な質問をする方法を覚醒させるんですよ。
質問をするときは、下の3段階でよくまとめてお届けいただくと、はるかに早くコミュニケーションして回答できます!

1️⃣私が考えたときにどのように動作するべきか
2️⃣現在どのように機能するか
3️⃣正確なコードの位置とどんな問題が生じるのか(例まであれば👏)

(4) 追加確定講義

  • 政府APIを利用した微細粉塵測定アプリ(完了)
  • Providerパッケージを利用した状態管理
  • Hive データベースの使用(完了)

知識共有者を紹介します✒️

オフライン講義体験

  • ミリの書材開発者対象 Flutter 教育講師
  • ソウルデジテック高校 Flutter 特講講師

こんな方に
おすすめです

学習対象は
誰でしょう?

  • アプリ開発者になりたい方

  • プログラミング初心者

  • コミュニケーションを取りながら助け合うことを重要視する方

  • コードを一度書くだけでAndroidとiOSアプリを両方作りたい方

前提知識、
必要でしょうか?

  • 開発に関する知識があれば望ましいですが、必須ではありません。

こんにちは
です。

28,254

受講生

1,524

受講レビュー

1,897

回答

5.0

講座評価

6

講座

안녕하세요 프로그래밍 강사 코드팩토리입니다!

코드팩토리 통합 링크
https://links.codefactory.ai

 

🏭 코드팩토리 유튜브 바로가기
🔥 코드팩토리 Discord 바로가기
💬 코드팩토리 카카오 오픈톡 바로가기

 

💼 주식회사 코드팩토리 대표

 

🏆 2023년 인프런 베스트셀러 수상

🏆 <<Must Have 코드팩토리의 플러터 프로그래밍>> 서적 2023 상반기 교보문고 컴퓨터/IT 부문 베스트셀러 23위

🏆 AWS Certified Developer Associate

🏆 AWS Certified Solutions Architect

カリキュラム

全体

271件 ∙ (33時間 13分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

298件

4.9

298件の受講レビュー

  • coconut-gamja님의 프로필 이미지
    coconut-gamja

    受講レビュー 2

    平均評価 5.0

    5

    15% 受講後に作成

    17년차 개발자입니다. 이 강의는 플러터에 입문하시는 분들에게도 추천하고, 실무용 프로젝트에도 매우 유용한 강의입니다. 이것만큼 좋은 강의가 없네요. 저같은 경우는 책과 유튜브, 다른 강사분께서 자가로 하시는 강의 등으로 약 3년간 공부를 했었는데 여기가 진짜입니다. 어느 정도 플러터에 대해 기본 지식이 있으신 분들은 제일 마지막 파트인 미세먼지 앱부터 보셔도 됩니다. 수강료가 아깝지 않을 정도로 깔끔하게 설명해주시고, 그냥 개발자로써 필요한 기본 지식이나 개발툴 등이 충족되는 느낌입니다. 제가 말이 17년차이지 아직도 많이 부족한 개발자인데 정말 많은 도움을 받고 있는 강의입니다. 후속편도 큰 기대를 해 봅니다. 조급하게 만들지 마시고 지금처럼의 알짜배기 퀄리티로 부탁드려요^^

    • 코드팩토리
      知識共有者

      정말 감동적인 수강평이네요! 감사합니다!

  • 한정욱님의 프로필 이미지
    한정욱

    受講レビュー 4

    平均評価 5.0

    5

    87% 受講後に作成

    보통의 온라인 강의는 화면 속에서 강사는 떠들고 학생은 따라 치기 바쁜데 이 강의는 온라인 커뮤니티를 통해서 강사가 직접 오류 수정을 도와주고 강의 오류도 바로 잡아준다. 그런 점에서 오프라인 강의만큼 효과적으로 학습할 수 있었다. 그리고 운 좋으면 강사의 노래를 라이브로 들을 수 있다 정말 최고다!

  • 바코드님의 프로필 이미지
    바코드

    受講レビュー 11

    平均評価 4.5

    3

    89% 受講後に作成

    처음에 context라는 용어를 굉잫이 많이 사용하는데 아무리 사전 지식이 있어서 나중에 알려준다고 한들, 처음에 간단하게만 짚고 넘어갔으면 하고 생각합니다. 강의 초반에서 중반까지 끊임없이 등장하는데 나중에 알려주겠다고 그냥 넘어가시는데 답답한 면이 없지 않아 있네요. 물론 구글링해서 직접 알아볼수도 있지만 그렇지 않은 학생들을 위해서 이렇게 몇자 남겨 봅니다.

    • 코드팩토리
      知識共有者

      안녕하세요 답답함을 느끼셨다니 죄송합니다. context는 한국어로 문맥이라는 뜻입니다. 실제로 context를 이용해서 현재 위젯트리의 상태를 파악할 수 있습니다. 그래서 Theme.of(context)와 MediaQuery.of(context)등을 사용하면 위젯트리 상위에 위치한 Theme이나 MediaQuery를 가져올 수 있습니다!

  • hooow님의 프로필 이미지
    hooow

    受講レビュー 18

    平均評価 5.0

    5

    100% 受講後に作成

    드디어 다 들었네요 플루터 완전 지식없이 그냥 쌩으로 들었는데 화면 배치나 그리는거 감은 잡았어요 아직 화면 만들 때 무슨 위젯이 필요한지 위젯명은 모르겠지만 위젯명만 알 수 있으면 문서나 구글링으로 그릴 수 있을거 같아요 추가 강의나 중급 강의에서는 실제 앱에서 많이 쓰는 기능인 스플래시 스크린, 온보딩 스크린, 로그인, http 통신 등이 하나의 앱에서 구조화??되어 실제 사용하는 앱 같은 예제가 있었으면 좋겠습니다!

    • 코드팩토리
      知識共有者

      안녕하세요! 정확히 그런 구조의 프로젝트가 짜여지고있습니다~ 원하시는 중급강의가 될 것 같네요! 추가로 깊은 상태관리, 캐싱시스템 관리, 데이터 모델링, Optimistic Response, Pagination등 강의 하나만 추가로 더 들으면 REST API 연동 꽉 잡을 수 있도록 해드릴게요~

  • treasure3210님의 프로필 이미지
    treasure3210

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    코드팩토리님 안녕하세요, 예전에 캐나다 거주중인데 수강 전에 해외 취업 관련 가능성 여쭤봤던 플러터누비입니다. 강의를 듣다가 여러 사이드 프로젝트들을 진행하게 되고 iOS 공부도 별도로 하다보니 완강이 늦어졌는데, 미뤄뒀던 공부를 드디어 마쳤네요. 여러 플러터 강의를 한국어 혹은 영어로 들어봤지만 코드팩토리님의 접근 방식과 이해시켜주시는 방법은 단연 최고라 생각합니다. 아직 취업은 못하였지만 코드팩토리님 덕에 플러터로 개발하는게 굉장히 편해지고 왜, 어떤식으로 코드가 작성이 되었고 어디서 찾아봐야하는지에 대한 이해도도 높아졌습니다. 주변에서 플러터 배우고 싶다고 얘기하면 한국분들에 한해 이 강의를 매번 추천하고 있습니다. 좋은 강의 만들어주셔서 감사합니다. 바쁜 일정이 끝나 취업 준비하면서 중급 강의도 열심히 달려보려합니다! 감사합니다!!

期間限定セール、あと7日日で終了

¥74,250

25%

¥11,847

codefactoryの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

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