강의

멘토링

로드맵

BEST
Programming

/

Mobile Application Development

Flutter入門拡張版 - Instagramのクローン2.0

このコースは、FirebaseとFlutterを使用して簡単なサービスアプリを作成する方法を指向することを目的としています。

難易度 初級

受講期間 無制限

  • survivalcoding
Flutter
Flutter
iOS
iOS
Android
Android
Clone Coding
Clone Coding
Firebase
Firebase
Flutter
Flutter
iOS
iOS
Android
Android
Clone Coding
Clone Coding
Firebase
Firebase

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

4.5

5.0

김성재

100% 受講後に作成

良い講義ありがとうございます。

5.0

김재철( Jay kim)

77% 受講後に作成

いいですね。ありがとうございます。

5.0

Lavender

81% 受講後に作成

いつも良い講義をありがとうございます。 あげてくださった様々な講義を一つずつ聞いてみると、Flutter開発に必要な内容をたくさん説明してくれます。 基礎からAPI、クリーンアーキテクチャまで良い構成で映像を作っていただき、今回のインスタグラムクローンコーディングでも私に必要な良い内容があって良かったです。 これからも良い講義を楽しみにしています。 ありがとうございます。

受講後に得られること

  • FlutterでFirebaseを利用する方法

  • Firebase認証を活用したGoogleアカウントでログイン/ログアウト

  • NoSQLデータベースであるFirestoreを活用する方法

  • Firebase Storageを利用したファイル保存方法とDBとの関係

  • NoSQLデータベースにおけるデータ構造の設計方法

  • Stream、StreamBuilderを活用したリアクティブプログラミング

  • Futureを活用した非同期プログラミング

フォローするインスタグラムクローン、
フラッター+ファイアベースでOK。

FlutterとFirebaseを活用したInstagramアプリ+サーバー

2019年上半期までは私もフラッターに対する確信がなかったんです。アプリを発売してオフラインで教育をしてみながら、ますます確信を持つようになった年でした。簡潔にアプリを開発するには、フラッターを選択する必要があると確信しています。

そこで、既存のフラッター入門講座で取り上げたインスタグラムクローンの例をアップグレードし、インスタグラムクローン2.0講座をリリースしました。
既存の講座と扱う領域が重なる部分があり、2つの講座が互いに相補的な性格を持っています。

Googleログイン/ログアウト、Googleプロフィール活用、写真添付、投稿作成までが既存講座で取り上げた内容だ。
インスタグラムクローン2.0講座では、追加機能としてフォロー/アンフォロー、投稿表示、いいね/キャンセル、コメント、コメントリスト、投稿に好きな数/最後のコメント表示機能を実装します。


誰が聞くといいですか?

フラッターでUIを書くことを知っていて、ダーツ文法を熟知していればこの講座を聞くことができます。
ちなみに、環境設定やUI作成はこの講座では扱いません。
私があらかじめ作成しておいたUIコードの上で機能実装をしていく方法なので、基礎部分はフラッター入門講座を先にご覧になることをお勧めします。

実際にフラッターでアプリを作成すると、UIコーディングとロジック部分コーディングが完全に分業化することができます。今回の講座ではロジックを主に作成すると考えてください。
ダーツ文法はフラッター入門講座にも含まれており、YouTubeの映像でも見ることができるので、必要に応じてご覧いただけます。


自分で作れます。


実装機能

このコースでクローンをコーディングする機能は次のとおりです。既存の「Flutter入門」講座で追加された機能は太字で表示しました。

  • ソーシャルログイン/ログアウト
  • プロフィール情報の表示
  • 写真を添付して投稿を作成する
  • フォロー/アンフォロー
  • ホームタブに投稿を表示する(最近のコメント、コメント数、いいねを表示)
  • 投稿 いいね / キャンセル
  • 投稿にコメントを書く
  • コメントリストを表示

Flutter入門 - Android、iOS開発を一度に
フラッターで始まるモバイルアプリの開発


講義の特徴

  • 「Flutter入門」講座を聞いたり、それに相当する基本知識を持った方を対象としています。
  • 「Flutter入門」講座で取り上げた内容と一部重なるトピックを異なる方法で説明するため、2つの講座は相互に補完されます。
  • UI作成を事前に行った起動プロジェクトを変更する方法で進行し、別途のUI作成内容は含まれません。
  • 機能の実装を中心に説明します。

受講前に参考にしてください!

  • Flutter 2 と Dart 2.12 からサポートする Null Safety 適用前に撮った映像です。
  • そのため、ビデオに従うには、講義の内容を参考にしてDartバージョンを2.7以下に設定して受講する必要があります。
  • 講義映像と同じライブラリーバージョンを使えば映像通りに進めることができます。
  • ライブラリのバージョンを最新のものにする場合は、その文書を直接解決する必要があります。
  • 非定期的に最新バージョンを適用してGithubを更新します。

ここで扱うツール

  • 「Flutter入門」講座を聞いたり、それに相当する基本知識を持った方を対象としています。
  • 「Flutter入門」講座で取り上げた内容と一部重なるトピックを異なる方法で説明するため、2つの講座は相互に補完されます。
  • UI作成を事前に行った起動プロジェクトを変更する方法で進行し、別途のUI作成内容は含まれません。
  • 機能の実装を中心に説明します。

予想される質問 Q&A

Q. このレッスンではどのプログラムを使用しますか?

FlutterとFirebaseを使用してください。

Q. 非専攻者も聞くことができますか?

可能です。しかし、Flutter入門講座を先に聞くことをお勧めします。 (選手の知識を確認してください。)

Q. この講義を終えればどんなことができますか?

シンプルなサービスアプリの作成方法を習得できます。

選手講義

Flutter入門 -
Android、iOS開発を一度に

ワンコードで
AndroidとiOS開発、フラッター入門

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 簡単なサービスアプリの開発方法を学びたい方

  • Flutter入門過程で扱ったインスタグラムクローンをアップグレードしたい方

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

  • 基礎レベルのFlutter UIの作成方法

  • Dart 言語

こんにちは
です。

12,559

受講生

909

受講レビュー

865

回答

4.7

講座評価

16

講座

教育し、本を執筆する開発者のオ・ジュンソクです。
「オ・ジュンソクの生存コーディング」YouTubeチャンネルと生存コーディング(https://survivalcoding.com)教育プラットフォームを運営しています。

専門分野:Android, Flutter

著書
オ・ジュンソクのFlutter生存コーディング(ハンビッメディア 2020)
オ・ジュンソクのAndroid生存コーディング:Kotlin編(ハンビッメディア 2018)
できるまでAndroid(ルビーペーパー 2018)

主な経歴
OhRange 代表
世民職業専門学校 情報技術開発 職業訓練教師
水原スマートアプリ開発学院 運営
LG電子 MC事業部
日本 愛知県 (株)東海理化 セキュリティ事業部
日本 愛知県 (株)日本テクシード IT事業部

LinkedIn: https://www.linkedin.com/in/junsuk5/

カリキュラム

全体

31件 ∙ (3時間 25分)

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

受講レビュー

全体

29件

4.5

29件の受講レビュー

  • tjdwo95778915님의 프로필 이미지
    tjdwo95778915

    受講レビュー 17

    平均評価 5.0

    5

    100% 受講後に作成

    良い講義ありがとうございます。

    • flutterdjango님의 프로필 이미지
      flutterdjango

      受講レビュー 8

      平均評価 5.0

      5

      81% 受講後に作成

      いつも良い講義をありがとうございます。 あげてくださった様々な講義を一つずつ聞いてみると、Flutter開発に必要な内容をたくさん説明してくれます。 基礎からAPI、クリーンアーキテクチャまで良い構成で映像を作っていただき、今回のインスタグラムクローンコーディングでも私に必要な良い内容があって良かったです。 これからも良い講義を楽しみにしています。 ありがとうございます。

      • nas0286님의 프로필 이미지
        nas0286

        受講レビュー 1

        平均評価 5.0

        5

        77% 受講後に作成

        いいですね。ありがとうございます。

        • it16304710님의 프로필 이미지
          it16304710

          受講レビュー 2

          平均評価 5.0

          5

          97% 受講後に作成

          有益ですㅎㅎ

          • lievin님의 프로필 이미지
            lievin

            受講レビュー 4

            平均評価 3.3

            1

            90% 受講後に作成

            できれば受講坪を残そうとしました。 Instagram 'クローン'講座ではないですか?クローンの意味をよく知らないのか.. UIは入門講座で使ったコードそのまま持って来て、一部の機能コードも入門講座でしたとそのままボクテクして、これがクローン講座ですか、それともコード説明講座ですか?.. 私が講義の特徴をきちんと見ていなかった間違えもあってただ聞こうとしたが、聞いてこれが何だったのか。と言いながら腹を立てて、ファイアベース設定時もなぜこんなに設定すべきかについての詳細な説明もなく、むしろこのように進めば、入門講座2編と変えてほしいと思います。 値段も講義内容や時間を考慮すればインフラでは安くもない方なのに…他の方にはおすすめしたくありません。

            survivalcodingの他の講座

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

            似ている講座

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