Flutterウィークリー #35

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

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

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


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

### Dart発表2.1：パフォーマンスとユーザビリティの向上
https://medium.com/dartlang/announcing-dart-2-1-improved-performance-usability-9f55fca6f31a

<img src="https://cdn-images-1.medium.com/max/1200/1*xZHP-8eEl6qJCCTKXyQZ8w.png" />
FlutterプロダクトマネージャであるMichael ThomsenがDart 2.1を発表し、クールな改善を説明します。


### 自動でJSON注釈でJSONデシリアライズを生成Flutter
https://codinginfinite.com/auto-generated-json-deserialization-flutter/

<img src="https://codinginfinite.com/wp-content/uploads/2018/11/json_deserialization.jpg" />
Ahsen Saeedは、json_serializationとbuild_runnerを使用して自動json直列化コードを生成する方法を説明します。


### FlutterとFlameで有名なT-Rexゲームを再現
https://medium.com/dextra-digital/creating-the-t-rex-game-with-flutter-and-flame-6d01add1ad5b

<img src="https://cdn-images-1.medium.com/max/1200/1*A3K6YilhNFY6ccrQWh_jqQ.png" />
あなたはT-RexのゲームをChromeから知っていますか？ Renan C. AraujoはFlutter段階的にそれを作る方法を教えてくれます


### Flutter機能ビット
https://medium.com/@mattia512maldini/functional-bits-in-flutter-dc0881a99161

<img src="https://cdn-images-1.medium.com/max/1200/1*ilC2Aqp5sZd1wi0CopD1Hw.png" />
Mattia Maldini氏は、 Flutterを使用して、関数型プログラミングアプローチが純粋なOOPアプローチよりも優れた単純なコードをどのようにもたらすかを示しています。


### Flutterウィジェットディープダイブパート1：丸穴のスクエアペグ - Dartジェネリックス
https://medium.com/flutter-community/flutter-widgets-deep-dive-part-1-square-peg-in-a-round-hole-generics-in-dart-358eadb23d2d

<img src="https://cdn-images-1.medium.com/max/1200/0*-06Ob-gbafk1OLwV" />
アーメド・アブ・エルダハブ（Ahmed Abu Eldahab）は、 Flutterについてたくさんの話をした後、彼が得た最も一般的な質問に基づいてセリフを開始します。今度はジェネリック薬を紹介します。


### Flutterウィジェットを変換するための深いダイビング
https://medium.com/flutter-community/a-deep-dive-into-transform-widgets-in-flutter-4dc32cd575a9

<img src="https://cdn-images-1.medium.com/max/1200/1*9hp384QXHgZXffj3XIADSw.png" />
Deven JoshiのTransform Widgetsを理解するクールなアプローチ。


### ウィジェットテスターのイベントループ
https://medium.com/flutter-io/event-loop-in-widget-tester-50b3ca5e9fc5

<img src="https://cdn-images-1.medium.com/max/1200/1*ajiMVoQuEXYZ4IJzr-yOQQ.png" />
Mehmet Fidanboyluは、 Flutterテストがどのように機能するのか、ポンプが何をするのか、そしてテストから非同期呼び出しを処理する方法を理解することの重要性について詳しく説明します。


### ウィジェットを切り替える...
https://medium.com/flutterpub/switching-widgets-885d9b5b5c6f

<img src="https://cdn-images-1.medium.com/max/1200/1*9hyCUfduWURLKqU-u6kuKA.png" />
Prateek Sharmaは、ウィジェットを切り替えることができるボタンの作成方法について説明しています。ビデオチュートリアルのボーナストラックが含まれています！


### Flutter DragGableとDragTargetへの深い潜水
https://medium.com/flutter-community/a-deep-dive-into-draggable-and-dragtarget-in-flutter-487919f6f1e4

<img src="https://cdn-images-1.medium.com/max/1200/1*P_F1pUAnpg-r_XZNI0NK5g.png" />
プログラミングのドラッグ＆ドロップ機能は常にすべてのプラットフォームで混乱するので、Deven Joshiはこの記事を書いて、 Flutterどのように実装するのが簡単かを明確にしました。


### Flutterストリームを探索する
https://medium.com/@sagarsuri56/exploring-streams-in-flutter-4732e5524dd8

<img src="https://cdn-images-1.medium.com/max/1200/1*1B3SDpXwYP2-vNVXchAAQA.jpeg" />
Sagar Suriは、BLoCについての以前の記事の後にFlutter Streamsがどのように機能するかについて詳しく説明しています。言われたように、それらのすべてを読む方が良いです！


### Flutterクラッシュ
https://medium.com/flutter-community/flutter-crush-debee5f389c3

<img src="https://cdn-images-1.medium.com/max/1200/1*-UCGg2Pep_wjQorIWg0L-Q.png" />
Didier Boelensは、マッチ3のゲームを作成することでFlutterゲームを作る方法を示しています。


### Flutter 5  - ボトムシート
https://medium.com/flutterpub/flutter-5-bottom-sheet-2d56bf9f3bc

<img src="https://cdn-images-1.medium.com/max/1200/1*9IoeEy9MKH_-JUcH0FM74Q.png" />
Ishan FernandoがFlutterアプリでボトムシートを使用する方法についての簡単なチュートリアル。


### Flutter -  FirebaseとGoogle Sign-Inで作られた簡単なレシピアプリ
https://medium.com/flutter-community/simple-recipes-app-made-in-flutter-firebase-and-google-sign-in-14d1535e9a59

<img src="https://cdn-images-1.medium.com/max/1200/1*R7vQMuciwhIUqHEVSfszyA.jpeg" />
Michael Krolはレシピアプリを実装する方法に関する記事のシリーズを行っています。今回はFirebaseにダイブし、Google Sign-Inを使用します。


### Flutter Heroアニメーションをマスターする
https://medium.com/flutter-community/mastering-hero-animations-in-flutter-bc07e1bea327

<img src="https://cdn-images-1.medium.com/max/1200/1*vjLX85tg3YfQGhII-vlGVw.gif" />
Chema Molinsは、彼らが実際にどのように動作するかを理解することによって、彼らを最大限に活用する方法を示すHerosのアニメーションを超えています。


# ビデオ＆メディア

### 今週のFlutterウィジェット：StreamBuilder
https://youtu.be/MkKEWHfy99Y

<img src="https://i.ytimg.com/vi/MkKEWHfy99Y/maxresdefault.jpg" />
今週、StreamBuilderは、新しいデータがストリームから受け取られるたびに自動的にUIを更新できるウィジェットです。


### どのようにステートフルなウィジェットがベストFlutterウィジェットに使われているか101 Ep。 2
https://youtu.be/AqCMFXEmf3w

<img src="https://i.ytimg.com/vi/AqCMFXEmf3w/maxresdefault.jpg" />
GoogleのAndrew Brogdonは、ステートフルウィジェットの種類と、 Flutterでの動作を説明しています。


### 初めのFlutter ：39 FutureBuilder
https://youtu.be/FfThvl0HfyA

<img src="https://i.ytimg.com/vi/FfThvl0HfyA/maxresdefault.jpg" />
FutureBuilderウィジェットの使い方を説明するDashからDartまでの新しいビデオ。


### VoxxedDaysアプリケーションの構築Flutterマット・サリバンによって、
https://youtu.be/RMyDdULZglE

<img src="https://i.ytimg.com/vi/RMyDdULZglE/maxresdefault.jpg" />
Devoxx ConfアプリケーションがFlutterどのように作成されたかを説明するDevoxxカンファレンスのMatt Sullivanの講演ビデオ。


# ライブラリ＆コード

### flutter_scatter
https://github.com/letsar/flutter_scatter

<img src="https://avatars3.githubusercontent.com/u/9378033?s=400&v=4" />
Romain Rastelの分散した重複していない子どものコレクションを表示するウィジェットです。


### パーティーFlutter
https://github.com/vintage/party_flutter

<img src="https://avatars0.githubusercontent.com/u/729785?s=400&v=4" />
Kamil RykowskiがFlutter実装したモバイルパーティゲーム。翻訳のヘルプは大歓迎です！


### modal_drawer_handle
https://github.com/GroovinChip/modal_drawer_handle

<img src="https://avatars3.githubusercontent.com/u/4250470?s=400&v=4" />
GroovinChipによってmodalBottomSheetsに高度にカスタマイズ可能なドロワーハンドルウィジェットを追加できるようにするFlutterパッケージ。