Flutterウィークリー #52

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

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

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


# アナウンス

### 新しいツーリングリリース -  IntelliJとAndroid Studioのサポート
https://groups.google.com/forum/#!topic/flutter-dev/-g7MlcL7u9s

IJとASの最新バージョンをサポートするFlutterプラグインの新しいバージョン。


### VS Code v.2.25.0用のDart ＆ Flutterプラグイン
https://dartcode.org/releases/v2-25/

<img src="https://dartcode.org/images/release_notes/v2.25/theme_devtools.png" />
ホットリロードボタン、macOs Touchbarサポート、その他多くの新機能を含むVSCodeプラグインの最新バージョン


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

### 迅速で効率的な開発のためのVisual Studioコードショートカット
https://medium.com/flutter-community/flutter-visual-studio-code-shortcuts-for-fast-and-efficient-development-7235bc6c3b7d

<img src="https://cdn-images-1.medium.com/max/1200/1*-GuJOqDMYKWeyPGVBi3Iww.png" />
Flutter devにVSCodeを使用している場合は、ここに最も便利なショートカットのリストがあります。


### Flutter Crash Course  -  4  - より多くのFlutterウィジェットに飛び込む
http://thetechnocafe.com/flutter-crash-course-4-dive-into-more-flutter-widgets/

<img src="http://thetechnocafe.com/wp-content/uploads/2019/03/flutter-more-widgets.jpg" />
彼のクラッシュコースを続けて、Gurleen Sethiはあなたにもっと多くのウィジェットを紹介します。


### Flutter Foundation  -  setStateからArchitectureへの移行（非同期動作の処理）
https://medium.com/filledstacks/flutter-foundation-going-from-setstate-to-architecture-handling-async-behaviour-925daf3bb8ec

<img src="https://cdn-images-1.medium.com/max/1200/1*01_WPVk9W2KVJI2DWTn4rg.png" />
Dane Mackierが、問題にアーキテクチャーを投げずにFlutter一般的な非同期の状況を処理する方法を説明します。


### Flutterを使って3分でリップルページを遷移させる方法
https://marcinszalek.pl/flutter/ripple-animation/

<img src="https://marcinszalek.pl/wp-content/uploads/2019/03/Ripple-banner-2.png" />
MarcinSzałekは、 Flutterリップルトランジションを実行する方法を説明します。


### フレア：アニメーションの終わりをループする
https://flutter.institute/flare-looping-the-end-of-an-animation/

Brian ArmstrongがFlareアニメーションをループさせる2つの方法について説明します。


### Flareを使ったFlutterより良いアニメーション - 実験
https://medium.com/filledstacks/better-animations-in-flutter-using-flare-an-experiment-ddcb35ab0650

<img src="https://cdn-images-1.medium.com/max/1200/1*kn4SSj_sN2ejNotU5r6lzg.png" />
Dane Mackierは、Flareアニメーションを使用してアプリの双方向性を向上させるいくつかの実験を行います。


### React NativeまたはFlutter ：どちらを選ぶべきですか？ （その３）
https://medium.com/flutter-community/react-native-or-flutter-which-should-i-choose-part-three-f132d2feaf89

<img src="https://cdn-images-1.medium.com/max/1200/1*9fnbMloyj81D1jHBj1zD-Q.png" />
Rap PayneによるRN対Flutterの比較の最後の部分。


### Flutter Firebase GitHub認証を実装する
https://medium.com/flutter-community/implementing-firebase-github-authentication-in-flutter-1c49a172c648

<img src="https://cdn-images-1.medium.com/max/1200/1*A3r1H8numVM3MnqiPKastg.png" />
Firebaseを使用してUgurcan Yildirimを使用してアプリにGithubログインを実行する方法に関するチュートリアル


### キー！彼らは何のために良いですか？
https://medium.com/flutter-io/keys-what-are-they-good-for-13cb51742e7d

<img src="https://cdn-images-1.medium.com/max/1200/1*sHDIVXBu9RpJYN9Zdn8iBw.gif" />
FlutterチームのEmily Fortunaが、ウィジェットキーの概要と使用方法について説明します。


### BLoCパターンを使ったFlutter状態管理
https://hassansaleh.info/p/9

<img src="https://hassansaleh.ams3.cdn.digitaloceanspaces.com/flutter-state-management/flutter-state-management.jpeg" />
Hassan SalehによるBLoCパターンとRx Dartに関する詳細なチュートリアル


### Flutterウィジェットをテストする基本
https://medium.com/@ariedov/testing-widgets-with-flutter-basics-9b40ccc488bf

<img src="https://cdn-images-1.medium.com/max/1200/1*6N_KgM-lO2Mh9oqMignS0Q.png" />
David LeybovichによるFlutterウィジェットテストの簡単な紹介。


### 発表 -  Dash / Blocプロバイダが簡単に
https://medium.com/flutter-community/announcing-dash-bloc-provider-made-easy-985f84a68f22

<img src="https://cdn-images-1.medium.com/max/1200/1*6Xz5i8qL9eu8RVISKIMZKQ.png" />
ViníciusSossellaによるBLoCの使用を単純化するためのライブラリー、Dashの紹介。


### Flutter Laggy Animations：setStateを使用しない方法
https://medium.com/flutter-community/flutter-laggy-animations-how-not-to-setstate-f2dd9873b8fc

<img src="https://cdn-images-1.medium.com/max/1200/1*ESDDp1lZgi0nDwAgBwB3-w.jpeg" />
TomekPolańskiは、パフォーマンスを向上させるためにアニメーションを作成するときに避けるべきいくつかのトラップについて説明しています。


### Flutter作られたトップアプリ - 開発者とビジネスのオーナーによる17の物語
https://www.thedroidsonroids.com/blog/apps-made-with-flutter

<img src="https://www.thedroidsonroids.com/wp-content/uploads/2019/01/flutter_blog.png" />
Flutterとの彼らの経験についての17の証言。あなたは無料でeBookを入手することもできます。


### Flutter一般的なワークフロー
https://medium.com/@richard.chihong.ng/common-workflow-in-flutter-c6d3cbffa776

<img src="https://cdn-images-1.medium.com/max/1200/1*gUX7NAABRu4L-MZo4BNkoA.gif" />
Richard NgによるFlutterアプリの作成時に従うべきステップの詳細なチェックリスト


### Flutter -  GPS位置情報チュートリアル
https://morioh.com/p/832f968ed090/flutter-gps-geolocation-tutorial

<img src="https://i.imgur.com/CbCXhBe.png" />
Callum Slaterによるこのチュートリアルでは、GPSを使用してFlutterデバイスの位置にアクセスする方法を説明します。


### Flutter展開ワークフローが正しく完了
https://medium.com/flutter-community/flutter-deployment-workflow-done-right-9c2b87ebfd20

<img src="https://cdn-images-1.medium.com/focal/1200/632/48/17/0*O1_J3nigGbrOize0" />
TomásAriasが、 Flutterアプリの自動展開を実現するためのプロセスについて詳しく説明しています。


# ビデオ＆メディア

### Flutterカスタムペインティング - Flutter In Focus
https://www.youtube.com/watch?v=vvI_NUXK00s

<img src="https://i.ytimg.com/vi/vvI_NUXK00s/maxresdefault.jpg" />
このFlutter in Focusのエピソードでは、MattがCustomPaintウィジェットの使用方法の概要を説明します。


### 私の最初のFlutterアプリ - 痛みのポイント
https://www.youtube.com/watch?v=E622pyzvQP8

<img src="https://i.ytimg.com/vi/E622pyzvQP8/maxresdefault.jpg" />
Ben Awadは、問題点アプリケーションのコードを示しています。


### Flutter実際 -  E10：画面間の移動
https://www.youtube.com/watch?v=TACydvfx2gE&feature=youtu.be

<img src="https://i.ytimg.com/vi/TACydvfx2gE/maxresdefault.jpg" />
実際のFlutterこのエピソードでは、画面ナビゲーションの処理方法を学びます。


# ライブラリ＆コード

### AnushanLingam / moneymonitor-flutter
https://github.com/AnushanLingam/moneymonitor-flutter

私のマネーモニター予算アプリのためのFlutterベースのAndroidアプリケーション。


### rahulnpadalkar / Flutterチャット
https://github.com/rahulnpadalkar/FlutterChat

最新のUIを備えたチャットアプリケーション


### インバーテッドX / instory
https://github.com/InvertedX/instory

Instagramの物語をダウンロードするための美しいフラッターアプリ


### マディザキザデス/ shifting_tabbar
https://github.com/mahdizakizadeh/shifting_tabbar

Flutterフレームワーク用のカスタムタブバーウィジェット。


### pedromassango / bloc_example
https://github.com/pedromassango/bloc_example

BLoCパターン例


### ミスタージムソン/ flutter-docker-deps
https://github.com/MisterJimson/flutter-docker-deps

Flutterテストをインストールして実行するために必要な依存関係を含むdockerイメージ


### iampawan / PKスケルトン
https://github.com/iampawan/PKSkeleton

FacebookやTwitterのようなカード読み込みShimmer Skeleton Library。


### Flutter微笑み顔検出/ face_detection_camera
https://github.com/giandifra/Flutter-Smile-Face-Detection/blob/master/lib/face_detection_camera.dart

Firebase MLビジョンの顔検出機能を備えたカスタムペインター


### nonybrighto / flutter_firebase_tic_tac_toe
https://github.com/nonybrighto/flutter_firebase_tic_tac_toe

バックエンドとしてflutterとfirebaseを使って構築されたシンプルなマルチプレイヤーの三目並べアプリケーション


### huextrat / BurnOff
https://github.com/huextrat/BurnOff

Flutter Burn Offアプリの設計上の課題