Flutterウィークリー #14

# Flutterウィークリーとは？
FlutterファンによるFlutterファンのためのニュースレター
https://flutterweekly.net/

この記事は#14の日本語訳です
https://mailchi.mp/897b1162d3fe/flutter-weekly-14

# 読み物＆チュートリアル

## #数時間でFlutterを使ってアプリをリリース
https://medium.com/@timsneath/a-new-flutter-app-from-flutter-create-to-the-app-store-e6c2dee17c1a
Flutterのプロダクトマネージャーが初めてFlutterでアプリを作ってリリースした話

![1_9CsUHAPG9-ffniAWV0-LZg.png](https://qiita-image-store.s3.amazonaws.com/0/129712/d09a7b18-5e0d-cc1f-0ef7-3a86e975830a.png)

### FlutterでRedux
https://blog.novoda.com/introduction-to-redux-in-flutter/
FlutterでReduxアーキテクチャを実現するための方法を紹介

![redux-architecture-overview.png](https://qiita-image-store.s3.amazonaws.com/0/129712/1e05782c-50b7-4b7b-7fec-affdb440c56b.png)

### Widgets: タブバー
https://flutterdoc.com/widgets-tabbar-5f2ae6777ee4
タブバーをFlutterアプリに実装する話

![1_qYN8kD7JiZIquPrZn88XIg.png](https://qiita-image-store.s3.amazonaws.com/0/129712/8fd0e86e-77bb-2bd9-5254-a73816b9603f.png)

### Flutterでカスタムインジケーターアニメーションサンプル
https://medium.com/@nhancv/flutter-custom-indicator-animation-simple-2c487489040b
どうやってカスタムページインジケーターを実装するかとアニメーションをどのように実装ずべきかについて分析

![1_l7sOourz7iO_RCMSztzRYw.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/d2872a14-524e-d230-20c2-a48ae09e23c4.gif)

### Flutterアウトライン、ホットリロード、ライブウィジェットプレビュー
https://medium.com/flutter-io/flutter-outline-hot-reload-and-the-implementation-of-a-live-widget-preview-69abd39aa3bb
GoogleのKonstantin Scheglovがどのようにライブウィジェットプレビューが動作しているのかを解説

![1_Zut6fVhPFiAPFp2Uq24H6Q.png](https://qiita-image-store.s3.amazonaws.com/0/129712/73a025d4-6010-310a-9c62-93ef42f3ae94.png)

### なぜFlutterがモバイルアプリ開発の世界を変えるのか？
https://medium.com/@aaronoe/why-flutter-will-change-mobile-development-for-the-best-c249f71fa63c
Flutter開発に関する分析と、それがどれくらいクールなことなのかを語る

![1_dQ3pH7pxROf1O6jsLFrN5Q (1).png](https://qiita-image-store.s3.amazonaws.com/0/129712/849c2ded-ae25-34fd-788c-918bcc2a0492.png)

### Flutter の簡単なパーティクルモーション
https://medium.com/@nhancv/flutter-simple-particle-motion-3b48fd1f182
簡単なパーティクルをどのようにしてFlutterで実装するのか、サンプルコードと共に解説

![1_Kr9PRxzrFqfouP_eriyong.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/980ae417-b732-515b-1abd-01f8c2338382.gif)

### fluttericon
http://fluttericon.com/
アイコンフォントジェネレーター

![Screen Shot 0030-06-06 at 12.53.55.png](https://qiita-image-store.s3.amazonaws.com/0/129712/5bf509e9-d769-e8f4-c227-d41025446f8d.png)

### Flutter with GDE Eugenio Marletti – Part 2
http://fragmentedpodcast.com/episodes/119/
Eugenio Marlettiが語るFlutterに関するPodcast第二弾

![Screen Shot 0030-06-06 at 12.54.36.png](https://qiita-image-store.s3.amazonaws.com/0/129712/2bd1677c-ed43-d6bf-5596-69eb6221801d.png)

# ビデオ＆メディア

### Flutterチャレンジ - 隠しDrawerメニュー
https://youtu.be/6CEjnCVdgRM
完全に隠してしまうDrawerメニューの実装チャレンジ

![Screen Shot 0030-06-06 at 12.54.57.png](https://qiita-image-store.s3.amazonaws.com/0/129712/6cad2d94-5363-cdea-6bca-8cfe848ea992.png)

### スコープモデルを使ってFlutterのステートを管理
https://youtu.be/-MCeWP3rgI0
どのようにしてFlutterにスコープモデルを適用するのかを解説する動画

![Screen Shot 0030-06-06 at 12.55.45.png](https://qiita-image-store.s3.amazonaws.com/0/129712/4ca76215-5de4-9b28-eefe-3995d0011893.png)

### Dartチュートリアル
https://www.youtube.com/playlist?list=PLR2qQy0Zxs_W4a6P70VYtzna7jwl3-lxI
Dart言語を学ぶための動画集

![Screen Shot 0030-06-06 at 12.56.07.png](https://qiita-image-store.s3.amazonaws.com/0/129712/fa7d9b9f-fafc-58e8-c48a-6afa9a20d142.png)

### Flutterを使ってマインスイーパーを開発 パート１
https://youtu.be/I4onjC9Mbc4
Flutterでマインスイーパーを作るためのチュートリアル動画

![Screen Shot 0030-06-06 at 12.56.34.png](https://qiita-image-store.s3.amazonaws.com/0/129712/1aaabd59-af64-bb27-0e99-28c165a745e6.png)

### Dart 101 by example
https://www.youtube.com/playlist?list=PLBbgqtDgdc_TdlIx6tSgr8jzQPLa00ggp
ダート言語を学ぶための動画集

![Screen Shot 0030-06-06 at 12.56.53.png](https://qiita-image-store.s3.amazonaws.com/0/129712/8cccf884-0280-9c77-fd34-6bfd39c77883.png)

# ライブラリ＆コード

### package:inject
https://github.com/google/inject.dart
Daggaerに似たDartとFlutter向けのコンパイル時DI。まだ開発中ですが今のFlutterに必要なものの一つ。今後に期待ですね

![Screen Shot 0030-06-06 at 12.57.22.png](https://qiita-image-store.s3.amazonaws.com/0/129712/aba9ffbd-fd3c-7027-6712-781fcb68294f.png)

### Padder
https://github.com/arklabsnz/Padder
Paddingを司るFlutter向けウィジェットプラグイン

![Screen Shot 0030-06-06 at 12.58.02.png](https://qiita-image-store.s3.amazonaws.com/0/129712/f9dce08a-87d0-0158-0817-00156c5fa018.png)

### Cosmic
https://github.com/IdanAizikNissim/Cosmic
RetrofitのようなFlutter向けライブラリ

### Flutterログインサンプル
https://github.com/AppleEducate/flutter_login
いろいろなテクノロジーを使ったログインフローのサンプル（指紋認証も含む）

![ezgif.com-video-to-gif (2).gif](https://qiita-image-store.s3.amazonaws.com/0/129712/8ff76719-29e5-374c-422b-de812a8ae75c.gif)

### flutter_chameleon
https://github.com/Salvatore-Giordano/flutter_chameleon
マテリアル、クパチーノそれぞれのウィジェットを実行環境に応じて出し分けすることが出来るパッケージ

![logo.png](https://qiita-image-store.s3.amazonaws.com/0/129712/7667bda3-c4e2-59ef-dbfa-fd729a5b51d6.png)

### Plantly
https://github.com/Ivaskuu/plantly
プラントショップ向けアプリ

![plantly_app_concept.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/c6136a90-2c2f-01f6-9c06-0aab53b0cd34.gif)