Flutterウィークリー #10

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

この記事は#10の日本語訳です
https://mailchi.mp/666169d38d62/flutter-weekly-10

# 読み物＆チュートリアル
### ワイヤーフレームから作る #2 - ぼかし背景処理
https://flutter.rocks/2018/03/06/from-wireframes-to-flutter-blurry-artist-details-page/

![result.png](https://qiita-image-store.s3.amazonaws.com/0/129712/c7ae7788-e734-52cd-a66c-24a416a8c324.png)

### Flutterアニメーション: 基礎編
https://sergiandreplace.com/flutter-animations-the-basics/

![animations-basic-animationcontroller.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/fea4f55e-1261-0d54-4063-df2acd4f49d2.gif)

### FlutterとWeb向けRedux Persist
https://medium.com/@cretezy/redux-persist-for-flutter-and-web-b4ecb424efc0
すべてのアクションで状態を保存するためのWebとFlutter向けライブラリ

### イントロダクション: Flutterチャレンジ!
https://medium.com/fluttery/introducing-flutter-challenges-c72d4b6e005d

![1_uOdxSuULcd3QqJOGsGmjMQ.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/d5c8e3f3-a084-abfb-ee61-d342d745017e.gif)

### Flutter本棚アプリ Part 3: データを正しく扱う
https://proandroiddev.com/flutter-bookshelf-app-part-3-managing-data-the-right-way-30569abf9487

![1_sGYsgZJrlIhJFkRMFCIlMQ.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/6dad0f81-62ea-90b1-8332-be96e4a8c43b.gif)

### 2018年2月版Flutter最新情報
https://triskell.github.io/2018/02/28/Whats-up-Flutter-February-2018.html

<img width="536" alt="Screen Shot 0030-07-25 at 13.00.28.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/e21c3fd1-bfcc-66cb-f12b-390d05d79839.png">

### Flutter以外のモバイル開発はもう捨てよう
https://deanchalk.com/why-im-giving-up-everything-for-flutter-eea87464599d

![1_oN03eDhcWl9aVbY6FalaGA.png](https://qiita-image-store.s3.amazonaws.com/0/129712/022dfe12-1f4f-679e-c739-c753da618ab7.png)

### 新たなクロスプラットフォーム
https://medium.com/@victor.nascimento/the-different-approaches-to-cross-platform-apps-7437ebf79c00

### チュートリアル : Google Cloud Functionsを使ってサーバーレスFlutterアプリ開発
https://rominirani.com/tutorial-flutter-app-powered-by-google-cloud-functions-3eab0df5f957

![1_Q1Rym39ba1W4S8AwYVR2qA.png](https://qiita-image-store.s3.amazonaws.com/0/129712/e41581f1-3df6-ae88-0dcf-5e0e6036bcd3.png)

### Google FlutterとAWS Lambdaで作るサーバーレスアプリ
https://read.acloud.guru/serverless-application-with-flutter-lambda-aa0d264fbefd

![0_dIgfT5BE-4Q8XHC0.png](https://qiita-image-store.s3.amazonaws.com/0/129712/94a33d44-b85b-68fd-52cd-5c6fbe1218d6.png)

### Flutterで作るQRコードウィジェット
https://medium.com/flutter-io/building-a-qr-code-widget-in-flutter-d4edc457f4b3

![1_iuOxHUF0bBlZtiktVx6XyA.png](https://qiita-image-store.s3.amazonaws.com/0/129712/db5b5d6e-d1fe-4d6c-6300-c33cdb2496b1.png)

### Flutterアプリはプラットフォーム準拠UIの夢をみるのか？
https://medium.com/flutter-io/do-flutter-apps-dream-of-platform-aware-widgets-7d7ed7b4624d

![1_xgjvZHIs2PUHXRrn8COFRw.png](https://qiita-image-store.s3.amazonaws.com/0/129712/d32e6190-73e2-9277-6207-cc42d20e30cf.png)

### Flutter, Redux と Firebase Cloud Firestore 
https://medium.com/shift-studio/flutter-redux-and-firebase-cloud-firestore-in-sync-2c1accabdac4

### Flutterでダイナミックなページを作る
https://medium.com/@anilcan/how-to-use-dynamic-home-page-in-flutter-83080da07012

![1_5XG6ZphDliv3YRnS-GASLA.png](https://qiita-image-store.s3.amazonaws.com/0/129712/48919311-63ef-15cf-a0a6-35fda4cd93bd.png)

### 日々のFlutterアプリ開発にユニットテストを取り入れる
https://medium.com/flutter-io/running-unit-tests-as-part-of-your-everyday-flutter-workflow-979970570fd4

![1_lCTc5ZARrw1ops8H6zA37A.png](https://qiita-image-store.s3.amazonaws.com/0/129712/98704972-8fdf-9fcd-ff9e-003db4672b25.png)

### FutureBuilderを使ってよりよいウィジェットを作る
https://medium.com/@jimmyhott/using-futurebuilder-to-create-a-better-widget-4c7d4f52a329

### Sprite Widget
http://spritewidget.com/
https://www.youtube.com/watch?v=guAbEE3s2Qk

![SpriteWidget.jpeg](https://qiita-image-store.s3.amazonaws.com/0/129712/2fc93000-9c5b-3e0a-fff4-1a250c92fc55.jpeg)

# ライブラリ＆コード

### flutter_stetho
https://github.com/brianegan/flutter_stetho
StethoをFlutterで使うためのプラグイン

![network_inspector.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/9c6ba8a7-3aee-c38b-65e5-a4d750418fd7.gif)

### flutter_redux_boilerplate
https://github.com/FranPitri/flutter_redux_boilerplate

### flutter_radial_menu
https://github.com/xqwzts/flutter_radial_menu
円形メニューとアニメーションを作れるライブラリ

![demo.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/d6bb349f-8d2d-8016-0f52-214c760d393a.gif)

# ビデオ＆メディア

### Flutter SDKチュートリアル - Drawerを使ったスライドメニュー
https://youtu.be/WqpV_w6lioA

<img width="1030" alt="Screen Shot 0030-08-29 at 0.03.27.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/11add1ee-6b96-4b05-4beb-dcb2a746bb95.png">

### Flutterを使ったアニメーションの基礎
https://youtu.be/5urRyqOwTuo

<img width="1035" alt="Screen Shot 0030-08-29 at 0.04.18.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/c749ef1c-3643-2e09-80be-7314b554059b.png">

### 書籍アプリUIを作るチュートリアル
https://www.youtube.com/watch?v=vyugtXBUaCU

<img width="1036" alt="Screen Shot 0030-08-29 at 0.04.50.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/9a7f3405-9034-ca50-fa78-5f52f9ada0f2.png">