강의

멘토링

로드맵

Inflearn brand logo image
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,075

受講生

1,495

受講レビュー

1,893

回答

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分)

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

受講レビュー

全体

294件

4.9

294件の受講レビュー

  • jamescode73422님의 프로필 이미지
    jamescode73422

    受講レビュー 2

    平均評価 5.0

    5

    15% 受講後に作成

    Tôi là một nhà phát triển với 17 năm kinh nghiệm. Bài giảng này được khuyến khích cho những người mới làm quen với Flutter và rất hữu ích cho các dự án thực tế. Không có bài giảng nào hay như bài giảng này. Trong trường hợp của tôi, tôi đã học khoảng 3 năm thông qua sách, YouTube và các bài giảng tự hướng dẫn của những người hướng dẫn khác, nhưng đây mới là vấn đề thực sự. Nếu bạn có một số kiến ​​thức cơ bản về Flutter, bạn có thể bắt đầu bằng cách xem phần cuối cùng, ứng dụng bụi mịn. Khóa học được giải thích rõ ràng đến mức không hề lãng phí tiền bạc và tôi cảm thấy nó đáp ứng đầy đủ những kiến ​​thức cơ bản cũng như công cụ phát triển cần thiết của một nhà phát triển. Tôi đang là nhà phát triển năm thứ 17 và vẫn còn thiếu nhiều kỹ năng, nhưng lớp học này thực sự đã giúp tôi rất nhiều. Tôi cũng có kỳ vọng cao cho phần tiếp theo. Xin đừng làm vội và hãy giữ nó tốt như hiện tại nhé ^^

    • codefactory
      知識共有者

      Đây là một đánh giá thực sự cảm động! Cảm ơn!

  • hjw06520302님의 프로필 이미지
    hjw06520302

    受講レビュー 4

    平均評価 5.0

    5

    87% 受講後に作成

    Trong một bài giảng trực tuyến điển hình, người hướng dẫn đang nói chuyện trên màn hình và học sinh bận rộn theo dõi, nhưng trong bài giảng này, người hướng dẫn trực tiếp giúp sửa lỗi và sửa lỗi bài giảng thông qua cộng đồng trực tuyến. Về mặt đó, tôi có thể học hiệu quả như các bài giảng ngoại tuyến. Và nếu may mắn, bạn có thể nghe người hướng dẫn hát trực tiếp. Thật tuyệt vời!

  • tmddntlr7863님의 프로필 이미지
    tmddntlr7863

    受講レビュー 10

    平均評価 4.4

    3

    89% 受講後に作成

    Lúc đầu, thuật ngữ bối cảnh được sử dụng rất nhiều, nhưng dù bạn có kiến ​​thức sẵn đến đâu, tôi nghĩ sẽ tốt hơn nếu chỉ nêu ngắn gọn ngay từ đầu. Nó cứ xuất hiện từ đầu đến giữa bài giảng nhưng mọi người cứ bỏ qua và nói sẽ kể cho bạn sau, điều này khá bực bội. Tất nhiên, bạn có thể Google và tự tìm hiểu, nhưng tôi sẽ để lại một vài từ như thế này cho những sinh viên chưa biết.

    • codefactory
      知識共有者

      Xin chào, tôi xin lỗi vì bạn đã cảm thấy thất vọng. Bối cảnh có nghĩa là bối cảnh trong tiếng Hàn. Trên thực tế, bạn có thể sử dụng ngữ cảnh để xác định trạng thái hiện tại của cây widget. Vì vậy, bằng cách sử dụng Theme.of(context) và MediaQuery.of(context), bạn có thể lấy Theme hoặc MediaQuery nằm ở đầu cây widget!

  • hooow님의 프로필 이미지
    hooow

    受講レビュー 18

    平均評価 5.0

    5

    100% 受講後に作成

    Cuối cùng thì mình cũng nghe hết rồi, chỉ nghe thôi chứ không hề biết gì về Flutter, nhưng mình đã cảm nhận được bố cục và hình vẽ của màn hình. Tôi vẫn chưa biết khi tạo màn hình cần những widget nào, nhưng nếu biết tên widget, tôi nghĩ mình có thể vẽ nó bằng tài liệu hoặc Google. Trong các bài giảng bổ sung hoặc bài giảng trung cấp, sẽ rất tuyệt nếu có một ví dụ giống với một ứng dụng thực tế trong đó màn hình giới thiệu, màn hình giới thiệu, đăng nhập, giao tiếp http, v.v., là những chức năng thường được sử dụng trong ứng dụng thực, được cấu trúc trong một ứng dụng!

    • codefactory
      知識共有者

      Xin chào! Một dự án với cấu trúc chính xác như vậy đang được tập hợp lại. Có vẻ như đây sẽ là bài giảng trung cấp mà bạn muốn! Ngoài ra, nếu bạn tham gia thêm một bài giảng về quản lý trạng thái sâu, quản lý hệ thống bộ nhớ đệm, lập mô hình dữ liệu, phản hồi tối ưu và phân trang, chúng tôi sẽ giúp bạn thành thạo việc tích hợp API REST.

  • treasure32104023님의 프로필 이미지
    treasure32104023

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    Xin chào Code Factory, tôi hiện đang sống ở Canada và được hỏi về khả năng làm việc ở nước ngoài trước khi tham gia lớp học Đây là Flutter Nubby. Trong khi nghe bài giảng, tôi đang thực hiện một số dự án phụ và nghiên cứu riêng về iOS nên đã bị chậm trễ trong việc hoàn thành khóa học, nhưng cuối cùng tôi cũng đã hoàn thành việc học mà mình đã trì hoãn. Tôi đã tham gia một số bài giảng về Flutter bằng tiếng Hàn hoặc tiếng Anh, nhưng tôi nghĩ cách tiếp cận và cách hiểu của Code Factory cho đến nay là tốt nhất. Tôi vẫn chưa kiếm được việc làm, nhưng nhờ Code Factory, việc phát triển với Flutter đã trở nên rất thuận tiện và sự hiểu biết của tôi về lý do và cách viết mã cũng như nơi tìm mã đã được cải thiện. Khi những người xung quanh nói rằng họ muốn học Flutter, tôi luôn giới thiệu khóa học này chỉ dành cho người Hàn Quốc. Cảm ơn bạn đã tạo ra một khóa học tuyệt vời. Sau lịch trình bận rộn của mình, tôi sẽ cố gắng hết sức để tham gia các lớp trung cấp trong khi chuẩn bị đi làm! Cảm ơn!!

¥11,714

codefactoryの他の講座

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

似ている講座

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