Flutterウィークリー  #20

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

この記事は#20の日本語訳です
https://mailchi.mp/3c74d38e792d/flutter-weekly-265853

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

### FlutterでBackdropの実装
https://medium.com/@CORDEA/implement-backdrop-with-flutter-73b4c61b1357
FlutterでマテリアルデザインのBackdropを実装する手順
![backdrop.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/ce01eecf-26a5-102c-2f48-1ba304d0899f.gif)

### Flutterアニメーション: AnimationControllerの使い方とトゥイーンアニメーションの紹介
https://sergiandreplace.com/flutter-animations-using-animationcontroller-and-introducing-tweens/
Sergiandreplaceのアニメーションシリーズの第二弾。今回はトゥイーンアニメーションを紹介します。

### FlutterはDart言語のキラーアプリだ！
https://hillelcoren.com/2018/05/18/flutter-is-darts-killer-app/
Hillel CorenがFlutterを触り始めて学んだことをまとめた記事

### FlutterとFastlane (ワンクリックベータ)
https://www.rodydavis.com/single-post/2018/05/18/Flutter-Fastlane-One-Click-Beta
Fastlaneを使ったCIプロセスの手順を解説
![fastlane.png](https://qiita-image-store.s3.amazonaws.com/0/129712/71e81b6d-bd4e-8ece-093b-6139894813c3.png)

### クロスプラットフォーム開発環境でFlutterが優れている理由
https://buildflutter.com/how-flutter-succeeds-at-cross-platform-development/
クロスプラットフォーム開発環境におけるFlutterの利点を他と比較しながら解説
![compare.png](https://qiita-image-store.s3.amazonaws.com/0/129712/b7bc828e-3bf5-dbfe-b42d-d509739e1285.png)

### Flutter – リストとダイアログ
http://tphangout.com/flutter-lists-and-dialogs/
Flutterでリストとダイアログを作成する良いチュートリアル
<img width="202" alt="Flutter – リストとダイアログ" src="https://qiita-image-store.s3.amazonaws.com/0/129712/834369c4-ea06-f46f-9096-9159f6368d83.png">

### Darteaライブラリを使ってElmアーキテクチャやMVUパターンをFlutterに適用
https://steemit.com/utopian-io/@tensor/using-the-elm-architecture-or-the-mvu-pattern-with-dartea-inside-of-dart-s-flutter-framework
FlutterにElmアーキテクチャを導入する手順＋ビデオ
![elm.png](https://qiita-image-store.s3.amazonaws.com/0/129712/a05e687c-00d9-55d0-b6da-85773d0ea609.png)

### Flutter – タブ
http://tphangout.com/flutter-tabs/
タブ付きアプリケーションの作り方
<img width="213" alt="Flutter – タブ" src="https://qiita-image-store.s3.amazonaws.com/0/129712/fa5c2393-4b0c-d3e0-d05a-4920648f4a4e.png">

### FlutterでAppバーにアニメーションを追加
https://flutterdoc.com/animating-app-bars-in-flutter-cf034cd6c68b
Sliversクラスを用いてApp Barをリストと合わせてスクロールするようにする手順
![silverappbar.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/a48fb6ff-975f-4c55-6ebb-6bb24560bf36.gif)

### マイクロサービス化に沿ったFlutterアプリ開発
https://medium.com/@carlos.vicens.alonso/building-a-flutter-app-that-fits-in-with-your-micro-services-strategy-417a72e81732
Flutterアプリ開発においてマイクロサービス化した場合の手順やその長所と短所を探っています
![micro.png](https://qiita-image-store.s3.amazonaws.com/0/129712/0ae4e770-0f1b-d0cf-4a68-90c8e002e1e5.png)

# ビデオ＆メディア

### Flutterチャレンジ: フィーチャーディスカバリー
https://youtu.be/Xm0ELlBtNWM
マテリアルガイドラインに沿ったフィーチャーディスカバリーの実装
<img width="127" alt="フィーチャーディスカバリー" src="https://qiita-image-store.s3.amazonaws.com/0/129712/5dcc7f35-0e4f-1bdf-b13e-d49b690240ba.png">

### Flutter Redux: ゼロからショッピングカートアプリを開発
https://youtu.be/yBH6wIzVhSg
Reduxパターンを用いてショッピングカートアプリを作る手順を紹介
<img width="140" alt="ショッピングカート" src="https://qiita-image-store.s3.amazonaws.com/0/129712/35be9f2b-5248-37cb-8ca6-469a8f280086.png">

# ライブラリ＆コード

### Flutter_appodeal
https://github.com/fvaquero/flutter_appodeal
Appodeal SDKを利用するためのライブラリ by Fernando Vaquero
![appodeal.png](https://qiita-image-store.s3.amazonaws.com/0/129712/64fb632a-7179-b84c-8f76-35a997acd197.png)

### FlutterTodoへようこそ
https://github.com/littlemarc2011/FlutterTodo
TODOアプリ
![todo.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/ce06b96a-5b79-5cb4-f2a2-a09f32e3e10d.gif)

### Flutterプラットフォームウィジェット
https://github.com/aqwert/flutter_platform_widgets
プラットフォーム(Android,iOS)対応のウィジェット作成
<img width="140" alt="android.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/c4ac8cd8-6ad1-4642-f255-e9d2a4e21ac0.png">
<img width="141" alt="ios.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/77d8c02a-37ac-f6ff-63e5-24ba51f60ab6.png">

### flutter_calculator
https://github.com/escamoteur/flutter_calculator
わずか90行で電卓アプリを開発
![calc.png](https://qiita-image-store.s3.amazonaws.com/0/129712/9c9b36bd-ad7d-3858-5f21-08c2f6d50033.png)