강의

멘토링

로드맵

BEST
Programming

/

Mobile Application Development

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

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

  • survivalcoding
Flutter
iOS
Android
Clone Coding
Firebase

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

こんなことが学べます

  • 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 言語

こんにちは
です。

11,741

受講生

828

受講レビュー

856

回答

4.7

講座評価

14

講座

교육하고 책 쓰는 개발자 오준석입니다.
'오준석의 생존코딩' 유튜브 채널과 생존코딩 (https://survivalcoding.com) 교육 플래폼을 운영중입니다.

전문 분야 : Android, Flutter

저서
오준석의 플러터 생존코딩 (한빛미디어 2020)
오준석의 안드로이드 생존코딩: 코틀린 편 (한빛미디어 2018)
될 때까지 안드로이드 (루비페이퍼 2018)

주요경력
오렌지(OhRange) 대표
세민직업전문학교 정보기술개발 직업훈련교사
수원스마트앱개발학원 운영
LG전자 MC사업부
일본 아이치현 (株)東海理科 Security사업부
일본 아이치현 (株)日本テクシード IT사업부

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

カリキュラム

全体

31件 ∙ (3時間 25分)

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

受講レビュー

全体

29件

4.5

29件の受講レビュー

  • 김성재님의 프로필 이미지
    김성재

    受講レビュー 17

    平均評価 5.0

    5

    100% 受講後に作成

    좋은 강의 감사합니다.

    • 박종혁님의 프로필 이미지
      박종혁

      受講レビュー 7

      平均評価 5.0

      5

      100% 受講後に作成

      • yungjoon2님의 프로필 이미지
        yungjoon2

        受講レビュー 21

        平均評価 4.5

        4

        90% 受講後に作成

        유익합니다. 감사합니다

        • 김재철( Jay  kim)님의 프로필 이미지
          김재철( Jay kim)

          受講レビュー 1

          平均評価 5.0

          5

          77% 受講後に作成

          좋아요. 감사합니다.

          • Lavender님의 프로필 이미지
            Lavender

            受講レビュー 8

            平均評価 5.0

            5

            81% 受講後に作成

            항상 좋은 강의 올려주셔서 감사 드립니다. 올려주신 여러 강의를 하나씩 듣다보면 Flutter 개발에 필요한 내용을 많이 설명해 주십니다. 기초부터 API, 클린 아키텍쳐까지 좋은 구성으로 영상을 만들어 주셨고, 이번 인스타그램 클론 코딩에서도 제게 필요한 좋은 내용들이 있어 좋았습니다. 앞으로도 좋은 강의 기대하겠습니다. 감사합니다.

            公開していない講座のため、受講が制限されます。
            非公開講座

            survivalcodingの他の講座

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

            似ている講座

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