【必見】Flutter開発で確認するべきGitHubリポジトリ・Webサイト 10選
はじめに
今回の記事では、Flutter開発で役立つGitHubリポジトリ・Webサイトをあわせて10も紹介する。本記事の読者の対象は主に以下の通りである。
- 実務でFlutterを使っているプログラマー
- Flutter初心者
- GitHubでFlutter開発を効率化したいプログラマー
awesome-flutter
Flutter開発を効率化するうえで役立つツール、ライブラリ、GitHubリポジトリ、ネット記事やYouTube動画などを1つにまとめたGitHubリポジトリ。Flutterに携わっているプログラマーは全員チェックするべき。
flutterawesome.com
Flutterのサンプルアプリや開発テクニック等を分野ごとにまとめているWebサイト。前述のawesome-flutterとセットで確認しておきたい。GitHubと連携されており、サンプルアプリのソースコードをチェックできる。タグ機能を用いた検索もできるのでお目当てのものに検索しやすい。
samples
公式が用意しているFlutterアプリのサンプルとそのソースコードが並んでいるGitHubリポジトリ。Flutter初心者はFlutterをインストールした後に必ずチェックするべき。Flutterでできることや開発できるアプリの具体的なイメージをつかめる。
awesomefluttertips
Flutter開発に役立つ具体的なテクニックをまとめているGitHubリポジトリ。Flutter開発で困ったときや行き詰まったときは参考になる。分野ごとにまとめられており、かつエラー等の対処法が丁寧に解説されているのでわかりやすい。
flutter_roadmap
Flutter開発をマスターする上での必要な基礎知識やテクニック、スキル等をまとめているGitHubリポジトリ。公式のsamplesと同様に、Flutter初心者は必ず確認しておきたい。実務でFlutterを扱う上で身につけておきたい知識を最短距離で学べるのでオススメである。
flutter-examples
Flutterで開発されたサンプルアプリをまとめたGitHubリポジトリ。公式のsampleとの最大の違いはアプリの挙動を示しているGIF画像がREADMEにあることである。主にFlutterアプリ開発の基本を重点的に学べるのでオススメ。
- 簡単なアニメーションの実装
-
Stateless・StatefulWidgetの実装 - HTTP通信
- PDFファイルの閲覧
-
ListView等の基本的なUI設計 - Firebaseとの連携
- 簡単なTodoアプリの作り方
これらをソースコード付きで学ぶなら絶対に外せない。
flutter_catalog
スマートフォン(もちろんAndroid・iOS両対応)でFlutterのコンポーネントを確認できるオープンソースのアプリケーション。スキマ時間にFlutterを学習したいならうってつけ。Flutter開発の基本となるUI設計をソースコード付きで学べる。スマホでFlutterを学ぶならこれ一択である。
flutter-login-home-animation
Flutterで開発されたアニメーション付きのログインフォームを実装しているオープンソースのアプリケーション。おしゃれなログインフォームを探している場合はアニメーションの実装方法を勉強したい場合に非常にオススメである。
Fwitter
Flutterで開発されたTwitterのクローンアプリ。非常に完成度が高く、FlutterでSNSを開発したいなら必見である。
- CRUD機能の実装
- アカウントページ
- Firebaseとの認証
- プッシュ通知
これらのFlutter開発の基本だけではなく、効果的なUIの設計方法をソースコード付きで学べるおすすめのオープンソースリポジトリ。
WhatTodo
Flutterで開発されたシンプルなTodoアプリケーション。非常にシンプルな機能に仕上がっており、プロジェクト内容、ラベルや期限をタスクに追加できるのが最大の特徴だ。Flutterでタスク管理アプリを開発する場合は必見。
- BLoCアーキテクチャでの状態管理
- Flutter✕SQLite(
sqfliteパッケージ)での開発
これらを学びたいなら必見である。
参考サイト
Discussion