Flutterウィークリー #71

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

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

※Google翻訳を使って自動翻訳を行っています。翻訳に問題がある箇所を発見しましたら編集リクエストを送っていただければ幸いです。


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

### Flutter and Graphql-ファイルをアップロードする方法
https://codinglatte.com/posts/flutter/flutter-and-graphql-how-to-upload-files/

<img src="https://codinglatte.com/images/logo.fa13d2111a85d880f6dd2e06065f084f807b49d2532f8bb48d55ecd8ed3c102a.png" />
GraphQLとFlutterを使用してファイルをアップロードする方法に関するチュートリアル。


### Flutterチュートリアル：習慣トラッカーUI
https://cybdom.tech/flutter-tutorial-habit-tracker-ui/

<img src="https://i1.wp.com/cybdom.tech/wp-content/uploads/2019/08/habit-tracker-app.jpg?fit=1920%2C1484&ssl=1" />
カスタムペインタとベジェカーブを含むUIの作成に関するチュートリアル。


### Flutterサノススナップ効果
https://fidev.io/thanos-snap-effect-in-flutter/

<img src="https://fidev.io/wp-content/uploads/2019/08/Thanos-snap.jpg" />
MarcinSzałekが説明した画像に適用する楽しい効果。効果の最高の名前:)


### Flutter非同期プログラミングのガイド
https://medium.com/@gaspard.merten/a-simple-guide-about-flutter-dart-and-asynchronous-programming-a96d9930136c

<img src="https://miro.medium.com/max/1200/0*TJCRyXDhWAxOGXEe" />
Gaspard MertenによるFlutter先物、ストリーム、コンプリーターの紹介。


### Flutter Androidの文字Flutter
https://medium.com/flutter-community/android-strings-to-flutter-12a5c307147c

<img src="https://miro.medium.com/max/1200/1*u_X6ROcnt2Hlmgsolyk0vA.jpeg" />
ŁukaszWiśniewskiは、作成する理由と、ライブラリを使用してAndroid xml文字列ファイルをi18n Flutterクラスに変換する方法について説明します。


### FlutterとGraphQLを使用したシンプルなアプリケーションの構築
https://medium.com/flutter-community/building-a-simple-application-with-flutter-and-graphql-5786764df102

<img src="https://miro.medium.com/max/700/1*5HHIQY9KzsIrUjo4fMQhDQ.jpeg" />
DanielBerríoBarreraがFlutterでのGraphQLの使用について紹介します。


### Flutter —プロバイダーを使用したFirebase Realtime Database CRUD操作
https://medium.com/flutter-community/flutter-firebase-realtime-database-crud-operations-using-provider-c242a01f6a10

<img src="https://miro.medium.com/max/1200/1*Ztyhwkar2mvTpKsUeufW9Q.jpeg" />
Mohamed Hassan Kadriによるプロバイダーライブラリを使用して、Firebaseでcrud操作を処理する方法。


### BLoCパターン付きのFlutter BottomNavigationBar
https://medium.com/@lovnicki.sandro/flutter-bottomnavigationbar-with-bloc-pattern-bba6f13d49f3

<img src="https://miro.medium.com/freeze/max/600/1*Mlg4fHOFijX0cRnZdwT2xg.gif" />
SandroLovničkiは、BLoCデザインパターンでBottomNavigationBarウィジェットを使用する方法を示します。


### バックグラウンドでFlutterを実行するには？
https://medium.com/vrt-digital-studio/flutter-workmanager-81e0cfbd6f6e

<img src="https://miro.medium.com/max/1074/1*p34prygvMuGuKW5aNxWkfA.jpeg" />
Tim Rijckaertは、 Flutterバックグラウンドジョブを定期的にトリガーする必要性をどのように解決したかについて説明します。


### Flutterための必須のVSコード拡張機能
https://medium.com/flutter-community/must-have-vs-code-extensions-for-working-with-flutter-e31a421b9c68

<img src="https://miro.medium.com/max/1200/1*bB2YSy9CKPe-F0733InQxA.png" />
Daniele CambiによるFlutter動作するために推奨されるVSコード拡張のキュレーションリスト。


### FlutterアプリでColorTweenを使用する
https://medium.com/flutterpub/using-colortween-in-flutter-app-d05a3ebe83f5

<img src="https://miro.medium.com/max/760/1*YAVp2aKCmoW8NB6DeM0Qhw.png" />
Tyagi Priyankaによるこの記事で、ColorTweenを使用してアニメーションを実装する方法を学びます。


### Flutter PCゲームをモバイルに
https://rainway.com/blog/2019/08/06/flutter/

<img src="https://images.rainway.com/cdn/flutter_cuphead.jpg" />
Rainwayチームは、 Flutterを使用してモバイルにゲームをストリーミングする方法を説明し、驚くべき結果を出しました。


# ビデオ＆メディア

### CustomPaintを使用したFlutterアニメーションノイズ
https://www.youtube.com/watch?v=-3bRoZ2kbW8&feature=youtu.be

<img src="https://i.ytimg.com/vi/-3bRoZ2kbW8/maxresdefault.jpg" />
CustomPaintウィジェットを使用してFlutterノイズアニメーションを作成する方法を学びます。


### AnimatedPadding（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=PY2m0fhGNz4&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=46

<img src="https://i.ytimg.com/vi/PY2m0fhGNz4/maxresdefault.jpg" />
AnimatedPaddingを使用すると、ウィジェットのパディングを動的に変更し、2つの値の間でアニメーション化できます。


### より良いコードのためのDart機能：スプレッド、Collection-If、Collection-For
https://www.youtube.com/watch?v=mnaN_6465Gk&feature=youtu.be

<img src="https://i.ytimg.com/vi/mnaN_6465Gk/maxresdefault.jpg" />
このチュートリアルでは、Spreads、Collection-If、およびCollection-Forを実際に使用する方法を示します。


### Flutter Animation Tutorial – AnimatedWidgetとAnimatedBuilderによるリファクタリング
https://www.youtube.com/watch?v=o-h_e4b71o8&feature=youtu.be&app=desktop

<img src="https://i.ytimg.com/vi/o-h_e4b71o8/maxresdefault.jpg" />
AnimatedWidgetとAnimatedBuilderを手動アニメーションに適用して、コードをよりクリーンで再利用しやすくします。


# ライブラリ＆コード

### アリアミン/ shopx
https://github.com/Ali-Amin/shopx

MobX状態管理を使用したEコマースFlutterアプリ


### asjqkkkk / flutter-todos
https://github.com/asjqkkkk/flutter-todos

包括的で美しいFlutter Todo-Listアプリは、ベストプラクティスプロジェクトでもあります。印象的なドキュメントの栄誉。


### dmh2000 / Flutter -GraphqlX
https://github.com/dmh2000/Flutter-GraphqlX

DartとFlutter GraphQLを使用する例


### fayeed / flutter_parsed_text：
https://github.com/fayeed/flutter_parsed_text

テキストを解析し、リンクされたテキストウィジェットにするFlutterパッケージ


### flutter-ui-challenges / flutter_web_challenge_googlemaps
https://github.com/flutter-ui-challenges/flutter_web_challenge_googlemaps

Google Maps UIの再設計のFlutterチャレンジ。


### fluttervn / super_widgets
https://github.com/fluttervn/super_widgets

一般的に一緒に使用される複数のウィジェットを単一のウィジェットに結合する一連のウィジェット。


### JideGuru / Flutter FurnitureAppUI：
https://github.com/JideGuru/FlutterFurnitureAppUI

<img src="https://repository-images.githubusercontent.com/201060384/e8f76780-b924-11e9-8d2f-875fc152f6b3" />
家具アプリUIのFlutter表現


### khalidfsh / flutter_localizations_tale
https://github.com/khalidfsh/flutter_localizations_tale

<img src="https://repository-images.githubusercontent.com/198720557/6f378d80-b8d4-11e9-9a1a-179305d0e4de" />
FlutterのI18N機能を示すアプリケーション。


### sarbagyastha / flutter_rating_bar
https://github.com/sarbagyastha/flutter_rating_bar

フラッター用のシンプルなレーティングバー。レーティングバーインジケーターも含まれ、レーティングの一部をサポートします。