Flutterウィークリー #51

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

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

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


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

### デスクトップFlutterアプリ
https://blog.usejournal.com/desktop-flutter-apps-8602dac54f68

<img src="https://cdn-images-1.medium.com/max/1200/1*iDnI-g7j4MYVyHl2cYIzyg.png" />
Stefan Matthias AustがFlutterデスクトップアプリケーションの作成に関する文書を作成しました


### Flutter使って次のiOSおよびAndroidアプリを構築しましょう
https://blog.google/technology/developers/build-your-next-ios-and-android-app-flutter/?linkId=65160155

<img src="https://blog.google/static/blogv2/images/google-200x200.7714256da16f.png" />
FlutterについてのGoogleブログのMartin Aguinisによる記事と、なぜそれが大好きなのか。


### Flutter単体テスト：httpリクエスト
https://medium.com/@danaya/unit-testing-in-flutter-http-requests-bca215569656

<img src="https://cdn-images-1.medium.com/max/1200/1*vvVs32r_VYSAbyL5LzU-SQ.png" />
David AnayaがテストでHTTPリクエストをモックする方法を教えてくれます


### Flutter -  BackdropFilter
https://medium.com/@aseemwangoo/flutter-backdropfilter-8f3d6958f635

<img src="https://cdn-images-1.medium.com/max/1200/1*InbuykHMMQcVkNSC_uNp0A.png" />
Aseem WangooがFlutter画像をぼかす方法を紹介します。


### Flutter Todosチュートリアル &quot;flutter_bloc&quot;
https://medium.com/flutter-community/flutter-todos-tutorial-with-flutter-bloc-d9dd833f9df3

<img src="https://cdn-images-1.medium.com/max/1200/1*TE6LGvSjYbrDwgKcgU_BNw.png" />
BLoCを使用してTodoアプリを作成する方法に関するFelix Angelovによるチュートリアル


### React NativeまたはFlutter ：どちらを選ぶべきですか？ （パート2）
https://medium.com/flutter-community/react-native-or-flutter-which-should-i-choose-part-two-3950ac273492

<img src="https://cdn-images-1.medium.com/max/1200/1*9fnbMloyj81D1jHBj1zD-Q.png" />
Rap Payneによる記事の第2部で、 FlutterとReact Native比較しています。


### フラッタでのモバイルデータベースの移行（sqlite）
https://medium.com/@efthymis/migrating-a-mobile-database-in-flutter-sqlite-44ac618e4897

<img src="https://cdn-images-1.medium.com/max/1200/1*x_RHyworrwEj_WoHQKw62A.jpeg" />
データベースの移行は常に頭痛の種です、Efthymis Sarmpanisは従うべきステップとそれをどう扱うかを分析します。


### 複雑なFlutterウィジェットのためのAPIデザインのヒント
https://medium.com/flutter-io/api-design-tip-for-complex-flutter-widgets-7794e9c7144c?linkId=65005691

<img src="https://cdn-images-1.medium.com/fit/c/64/64/1*5-aoK8IBmXve5whBQM90GA.png" />
Amir Hardonは、ウィジェットを作成するときの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アニメーションを実験していて、それがどのようになったのかを教えてくれます。


### Flutterドライバを使用したFlutter UIのテスト
https://medium.com/flutter-community/testing-flutter-ui-with-flutter-driver-c1583681e337

<img src="https://cdn-images-1.medium.com/max/1200/1*dECd0j4aTirHlJhRq-wknQ.jpeg" />
Darshan Kawarが、 Flutter機器テストの実行方法を順を追って説明します。


### Flutter ：ウィジェット間のコミュニケーション
https://medium.com/flutter-community/flutter-communication-between-widgets-f5590230df1e

<img src="https://cdn-images-1.medium.com/max/1200/1*FFrkip7_lAIYnwioVW0x6Q.gif" />
Diego Velasquezが、いくつかのウィジェット間で情報を送信するためのさまざまなアプローチについて説明します。


### Flutter firebase crashlyticsに公式サポートを追加
https://medium.com/@guitcastro/flutter-add-official-support-to-firebase-crashlytics-198e9deeae1d

<img src="https://cdn-images-1.medium.com/max/1200/1*qaM9LjB9PY5pwj9RDtP93g.jpeg" />
Flutter用Firebase crashlyticsプラグインがついに登場しました！


### Flutter Deep Dive、パート2：「RenderFlexの子供たちはゼロ以外のフレックスを持っています…」
https://medium.com/flutter-community/flutter-deep-dive-part-2-renderflex-children-have-non-zero-flex-230dd2a970c7

<img src="https://cdn-images-1.medium.com/max/1200/1*1zdmz_2iCmlnmZiQQXdShg.png" />
Scott Stollが、 Flutter最も厄介なエラーメッセージについて説明し、それを詳細に説明します。


### DartをUIのためのより良い言語にする
https://medium.com/dartlang/making-dart-a-better-language-for-ui-f1ccaf9f546c

<img src="https://cdn-images-1.medium.com/max/1200/1*4PIeARfthvxtn0cvBB5MPw.jpeg" />
DartチームのBob Nystromが、 Dart 2.3で見つけたDart新機能について説明します。


### ツールボックス - Flutterチャート
https://fluttersensei.com/posts/the-toobox-charts-for-flutter/

<img src="https://fluttersensei.com/images/sensei-logo.png" />
Flutter Senseiが、プロジェクトでchart_flutterライブラリを使用する方法を紹介します。


# ビデオ＆メディア

### Flutterチュートリアル - Flutter FutureBuilder（とJSONData）
https://www.youtube.com/watch?v=DaeYeAiF3UU

<img src="https://i.ytimg.com/vi/DaeYeAiF3UU/maxresdefault.jpg" />
このビデオでは、FutureおよびFutureBuilderウィジェットを使用して、フラッタアプリケーションでJSONデータを処理する方法を説明します。


### Flutter - スクロール効果
https://www.youtube.com/watch?v=2RPl7rwYjnQ&feature=youtu.be

<img src="https://i.ytimg.com/vi/2RPl7rwYjnQ/maxresdefault.jpg" />
Raja Yoganが、あなたのアプリの見栄えを良くするためのスクロール効果について説明します。


### 却下可能（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=iEMgjrfuc58&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&t=0s&index=29

<img src="https://i.ytimg.com/vi/iEMgjrfuc58/maxresdefault.jpg" />
Dismissibleウィジェットを使用すると、左または右にスワイプしてリスト項目を消去できます。


### Hacker Newsアプリを暗黙のうちにアニメーション化する（The Boring Flutter Development Show、Ep。18）
https://www.youtube.com/watch?v=8ehlWchLVlQ&index=28&list=PLjxrf2q8roU3ahJVrSgAnPjzkpGmL9Czl&linkId=65112315

<img src="https://i.ytimg.com/vi/8ehlWchLVlQ/maxresdefault.jpg" />
今週のボーリングショーで、AndrewとFilipが、暗黙のアニメーションと明示的なアニメーションの違いについて説明します。


### Flutter + Firebaseを使った、反射的なアニメーションのスライドショー
https://www.youtube.com/watch?v=8PfiY0U_PBI&feature=youtu.be&app=desktop

<img src="https://i.ytimg.com/vi/8PfiY0U_PBI/maxresdefault.jpg" />
PageViewウィジェットを使用してFlutterアニメーションスライドショーを作成し、それをCloud Firestoreでフィルタリングできるようにします。


### Flutter -  Layout Builderを使用してモバイルおよびタブレット用のレスポンシブレイアウトを作成する方法
https://www.youtube.com/watch?v=cDxSMJBzRVI&feature=youtu.be

<img src="https://i.ytimg.com/vi/cDxSMJBzRVI/maxresdefault.jpg" />
このチュートリアルでは、 Flutter Layout Builderウィジェットを使用してレスポンシブレイアウトを作成する方法を説明します。


### #ProjectCampus  - 最初からFlutterソーシャルネットワークアプリケーションを構築する
https://www.youtube.com/watch?v=edZm8b_vvXw

<img src="https://i.ytimg.com/vi/edZm8b_vvXw/maxresdefault.jpg" />
私たちはFlutterソーシャルネットワークを構築しています。一から。カメラの前でライブ。 Flutter用の独自のアプリを作成する方法を学ぶべきだと私たちは考えています。


### FlutterでFlutterを使用する - Flutter In Focus
https://www.youtube.com/watch?v=RA-vLF_vnng&list=PLjxrf2q8roU2HdJQDjJzOeO6J3FoFLWr2&index=14&linkId=65054072

<img src="https://i.ytimg.com/vi/RA-vLF_vnng/maxresdefault.jpg" />
Emily FortunaがWebViewウィジェットの使い方を紹介します。


### FirebaseのCloud Firestoreを使用したFlutterページネーション
https://www.youtube.com/watch?v=coR4Y-DkrLc

<img src="https://i.ytimg.com/vi/coR4Y-DkrLc/maxresdefault.jpg" />
このビデオでは、 Flutter無限スクロールリストを実装する方法を学びます。


# ライブラリ＆コード

### ピンイン/フラグメント
https://github.com/pinyin/fragment

StatefulWidgetとそのサブツリーで不要なbuild（）呼び出しを簡単に防ぐことができます。


### synw / sqlcool
https://github.com/synw/sqlcool

Sqflite用のデータベースヘルパーライブラリ


### itzmeanjan / astroZ
https://github.com/itzmeanjan/astroZ

Androidアプリは、 Flutterを使用して構築された今日の天文写真を表示しています:)