Flutterウィークリー #58

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

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

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


# アナウンス

### Visual Studio Code v.3.0に対するDart ＆ Flutterサポート
https://dartcode.org/releases/v3-0/

<img src="https://img.shields.io/badge/chat-online-blue.svg" />
VS Code用のFlutterプラグインのバージョン3.0はこちらです。 WebおよびChrome OSプロジェクトのサポートを含みます。


### Dart 2.3を発表：ユーザーインターフェース構築に最適化
https://medium.com/dartlang/announcing-dart-2-3-optimized-for-building-user-interfaces-e84919ca1dff

<img src="https://cdn-images-1.medium.com/max/1200/0*iKWVPoE5aSiCI-mW" />
Dart新しいバージョンはここにあり、また真新しいdartおよびパブのウェブサイトである。


### Flutter Createの優勝者は…
https://medium.com/flutter-io/the-flutter-create-winners-are-40980f2d20b3

<img src="https://cdn-images-1.medium.com/max/1200/1*q-DyfLgHgeJRsrEsm9wOVw.jpeg" />
750以上のエントリが、勝者はここにあります。このコンテストでFlutterコミュニティのすばらしい作品をチェックしてください。


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

### IO &#39;19のFlutterの新機能
https://medium.com/flutter-community/whats-new-in-flutter-at-io-19-bb7b03d98c0f

<img src="https://cdn-images-1.medium.com/max/1200/1*Ns_Yx3UgctlJESbkpMDz0g.png" />
IO 19のFlutterについて何かお見逃しなく。 Paulina Szklarskaがトップニュースのまとめをしています。


### Google I / OでのFlutterニュースのまとめ
https://medium.com/flutter-io/a-roundup-of-flutter-news-at-google-i-o-453bb3249981

<img src="https://cdn-images-1.medium.com/max/1200/1*3XedGb879lTK2vbCP0uscA.png" />
FlutterプロダクトマネージャであるTim Sneath氏は、IO 19を要約して興味深い関連リンクのリストを提供することで、時間と作業を節約してくれました。


### Flutter美しいスナックバー（足場なし）
https://resocoder.com/2019/05/11/beautiful-snackbar-on-flutter-without-scaffold-flushbar-library/

<img src="https://i2.wp.com/resocoder.com/wp-content/uploads/2019/05/thumbnail.png?fit=1200%2C675&ssl=1" />
Flushbar、Reso coderによるより多くの機能を備えたスナックバーの改良。ビデオが含まれています。


### ミックスインと基本クラス： Flutterで成功するためのレシピ
https://medium.com/flutter-community/mixins-and-base-classes-a-recipe-for-success-in-flutter-bc3fbb5da670

<img src="https://cdn-images-1.medium.com/max/1200/1*p9g4Mi1I2QepzTlzeeRLGQ.png" />
GonçaloPalmaによるこのチュートリアルで、 Dartのミックスインの力を広げてください。


### 初心者のためのFlutterでJsonを解析する方法
https://medium.com/flutter-community/how-to-parse-json-in-flutter-for-beginners-8074a68d7a79

<img src="https://cdn-images-1.medium.com/max/1200/1*bE8bVk30fg_wjb-k0gG3RQ.png" />
Dane Mackierが、 Flutterでのjson構文解析の基本をレビューしています。


### Flutter ：プロバイダを用いた実用的な状態管理
https://medium.com/flutter-community/flutter-pragmatic-state-management-using-provider-5c1129f9b5bb

<img src="https://cdn-images-1.medium.com/max/1200/1*Yt1MqH2cEgpSbBie_TJSzA.png" />
Atif SiddiquiのProvider Packageを使った状態管理のチュートリアル。


### Flutter Rx Dartを使用してUIを同期する
https://medium.com/flutter-community/use-rxdart-in-flutter-to-synchronize-ui-8da235ea8200

<img src="https://cdn-images-1.medium.com/max/1200/1*673Bj9-dAK399KkqlRlY_w.png" />
Dane MackierによるSubjectとMessageバスを使用してUIイベントを同期させる方法を示したShort Rx Dart and Flutterガイド。


### Codemagic CI / CDはFlutterモバイルを超えて
https://medium.com/flutter-community/codemagic-ci-cd-goes-beyond-mobile-with-flutter-flutterweb-f0f15d81a133

<img src="https://cdn-images-1.medium.com/max/1200/1*9hUbiy9uSWAFztyw5nMYXQ.png" />
開発者向けプレビューが発表された直後に、CodemagicはすぐにFlutter Webのサポートをリリースしました。それがどのように機能するかについてのこの記事を読み、あなたのWeb Flutterプロジェクトの公開を始めてください。


### Flutterアプリのパフォーマンステスト
https://medium.com/flutter-io/performance-testing-of-flutter-apps-df7669bb7df7

<img src="https://cdn-images-1.medium.com/max/1200/1*MxtHyEfdBlANwu7ZRyX2mw.png" />
Filip Hracekは、 Flutterアプリを高速化するだけでなく、効率的にし、CPU時間とバッテリーの消費量を減らすように改善することについて書いています。


### Google I / O 2019でのFlutter開発者クエストゲーム
https://medium.com/2dimensions/flutter-developer-quest-game-at-google-i-o-2019-53971a56a524

<img src="https://cdn-images-1.medium.com/max/1200/1*z87ZyiveflP-XGH6EuQFqw.png" />
Guido Rossoは、GitHubで入手可能なコード付きの無料ゲーム、2DimensionsでGoogle I / O用に作成したゲームを紹介します。


### Web用のFlutterを使ってフードの下に
https://medium.com/flutter-nyc/under-the-hood-with-flutter-for-web-bc0d5ce1c11e

<img src="https://cdn-images-1.medium.com/max/1200/1*iRu1e1L-RyCBKlqnSmaYAw.gif" />
Martin Rybakは、モバイル、Web、デスクトップで利用可能な最初のFlutterアプリであるKENKENをどのように作成したかを説明しています。


### 背景と前景の分析を微調整する方法
https://hackernoon.com/ui2code-how-to-fine-tune-background-and-foreground-analysis-fb269edcd12c

<img src="https://cdn-images-1.medium.com/max/1200/1*w46LzSKaxtyZOmy7COlU3w.jpeg" />
Alibabaの技術チームは、複雑なUIデザインでUI2codeを使用することから得たベストプラクティスを共有しています。


### Flutterストリームを理解する
https://medium.com/flutter-community/understanding-streams-in-flutter-dart-827340437da6?sk=4eceec9e43f5e0d9cfb46f6de5da9785

<img src="https://cdn-images-1.medium.com/max/1200/1*sKK8f5uxR4EiMRsdcMsazQ.png" />
Flutterストリームを理解するのに苦労していますか？ Nitish Kumar Singhは、たくさんの例を挙げながら段階的に説明しています。


### Flutterパッケージを管理する
https://medium.com/flutter-community/managing-packages-in-flutter-6018cecaf3a7

<img src="https://cdn-images-1.medium.com/max/1200/0*5vdcIInYhp2JYb23" />
FlutterアプリケーションでAndroidXの依存関係を処理する方法


### Flutterアニメートするオプション
https://medium.com/aubergine-solutions/options-to-animate-in-flutter-2cec6612c207

<img src="https://cdn-images-1.medium.com/max/1200/1*i-BzCMYkZpl8eBtmkSSCVg.png" />
Pinkesh Darjiが、 Flutter特定のアニメーションを実現するためのさまざまな方法について説明します。


### Flutter -  Firebaseのパフォーマンスと速報
https://medium.com/flutterpub/flutter-firebase-performance-and-crashlytics-14b650b9d042

<img src="https://cdn-images-1.medium.com/max/1200/1*qTh4oXYTh6TNCYp-lww1TA.png" />
Aseem Wangooによるこの記事で、 FlutterでFirebase PerformanceとCrashlyticsを使用する方法を学びましょう。


### Flutter Firebase Analyticsを使用する
https://medium.com/flutterpub/using-firebase-analytics-in-flutter-2da5be205e4

<img src="https://cdn-images-1.medium.com/max/1200/1*nGq29QlwyyseYbMJHy1Prg.jpeg" />
Derek Lakinが、Firebase Analyticsでナビゲーションが正しく追跡されるようにする方法を説明します。


### Flutter使ったパーティクルアニメーション
https://medium.com/@felixblaschke/particle-animations-with-flutter-756a23dba027

<img src="https://cdn-images-1.medium.com/max/1200/1*AwHwI0JoLZkuSqxO2NF2Jw.png" />
Felix Blaschkeは、 Flutter使って美しいパーティクルアニメーションを作成する方法を紹介します。


### SQLiteによるデータの永続化
https://medium.com/flutterdevs/data-persistence-with-sqlite-flutter-47a6f67b973f

<img src="https://cdn-images-1.medium.com/max/1200/1*GjB48IWvbZfELLSog7zrpA.png" />
Ashish Rawatが、 Flutter SQLiteを使用する方法についての素晴らしい紹介をしています。


### Flutter -  Web用Flutter
https://www.didierboelens.com/2019/05/flutter-for-the-web/

<img src="https://www.didierboelens.com/images/logo.png" />
ウェブ用のFlutterを試してみたい？成功したいのなら、Didier Boelensによるこの記事に従ってください。


### FlutterとChrome OS：一緒になって
https://medium.com/googleplaydev/flutter-and-chrome-os-better-together-14b257ed6776

<img src="https://cdn-images-1.medium.com/max/1200/0*Mv4Te2JReGPhfdIp" />
FlutterチームとChrome OSチームがこの記事を執筆し、Chrome OS用のFlutterアプリケーションを作成する現在の状況について説明しました。


# ビデオ＆メディア

### Flutter 2019の新機能
https://www.youtube.com/watch?v=5VbAwhBBHsg&feature=youtu.be&linkId=67167617

<img src="https://i.ytimg.com/vi/5VbAwhBBHsg/maxresdefault.jpg" />
IO 19でFlutterために発表されたすべての新しいものと共にGoogleによってリリースされたビデオ。


### Flutter for Web  - はじめに
https://www.youtube.com/watch?v=uhSZEMV7l5E&feature=youtu.be

<img src="https://i.ytimg.com/vi/uhSZEMV7l5E/maxresdefault.jpg" />
最初のFlutter Webアプリの作成方法に関するRaja Yoganによるビデオチュートリアル。


### Flutter ：アニメーションを入力してください。シンプルアニメーションパッケージ
https://www.youtube.com/watch?v=LoVENbCUqiM&feature=youtu.be

<img src="https://i.ytimg.com/vi/LoVENbCUqiM/maxresdefault.jpg" />
Robert BrunhageによるFlutter Simple Animations Packageの使用に関するチュートリアル。


### AnimatedList（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=ZtfItHwFlZ8

<img src="https://i.ytimg.com/vi/ZtfItHwFlZ8/maxresdefault.jpg" />
リストをより動的にするには、AnimatedListを使用します。アイテムを挿入または削除するときに、リストをアニメートするために使用できます。


### モバイルを超えて：材料設計、適応型UI、そしてFlutter （Google I / O&#39;19）
https://www.youtube.com/watch?v=YSULAJf6R6M

<img src="https://i.ytimg.com/vi/YSULAJf6R6M/maxresdefault.jpg" />
Material Components Libraryの新機能、iOSでの使用方法、さまざまな画面サイズ、インタラクションモデル、表示距離に適用する方法について説明します。


### Flutter使ってiOS用にビルドする（Google I / O&#39;19）
https://www.youtube.com/watch?v=ZBJa-xjZl3w

<img src="https://i.ytimg.com/vi/ZBJa-xjZl3w/maxresdefault.jpg" />
この講演では、 FlutterのCupertinoパッケージを使って、iOSユーザーが楽しめるようなインターフェイスを構築する方法を学びます。


### Flutter実用的な状態管理（Google I / O&#39;19）
https://www.youtube.com/watch?v=d_m5csmrf7I

<img src="https://i.ytimg.com/vi/d_m5csmrf7I/maxresdefault.jpg" />
ライブデータを使ってFlutterのアプリを調べて、シンプルでスケーラブルな方法でコンテンツを構造化する方法を確認します。


### モバイルを超えて：iOS、Android、Chrome OS、およびWeb用のFlutterアプリの構築（Google I / O&#39;19）
https://www.youtube.com/watch?v=IyFZznAk69U

<img src="https://i.ytimg.com/vi/IyFZznAk69U/maxresdefault.jpg" />
この講演では、2人の開発者がFlutterの最新機能に焦点を当てた、すべてのプラットフォーム上で動作する実際のアプリのライブコードを見ることができます。


### Dart ：生産的、高速、マルチプラットフォーム - ピック3（Google I / O&#39;19）
https://www.youtube.com/watch?v=J5DQRPRBiFI

<img src="https://i.ytimg.com/vi/J5DQRPRBiFI/maxresdefault.jpg" />
ランタイム、コンパイラ、ライブラリ、および言語機能を注意深く調整することで、 Dartがどのように楽しい開発者エクスペリエンスを提供できるかを学びましょう。


# ライブラリ＆コード

### プラグイン/パッケージ/ mobile_sidebar
https://github.com/AppleEducate/plugins/tree/master/packages/mobile_sidebar

タブレットとデスクトップでサイドバーを表示し、次にモバイルでリストまたはgridviewを表示するためのFlutterプラグイン。


### roughike / streaming_shared_preferences
https://github.com/roughike/streaming_shared_preferences

shared_preferencesの上に構築された、 Flutterプロジェクト用の反応型Key-Valueストア。


### dreamsoftin / facebook_audience_network
https://github.com/dreamsoftin/facebook_audience_network

<img src="https://repository-images.githubusercontent.com/183733604/5c6acb00-71b6-11e9-8700-91815ca5bd5b" />
Flutterアプリケーション用のFacebook Audience Networkプラグイン。


### プラグイン/パッケージ/ mobile_popup
https://github.com/AppleEducate/plugins/tree/master/packages/mobile_popup

タブレット/デスクトップでポップアップ画面を表示し、モバイルでフルスクリーン表示するためのFlutterプラグイン


### pinkeshdarji / Flutter CreateSubmissions2019
https://github.com/pinkeshdarji/FlutterCreateSubmissions2019

さまざまなリソースから1つの場所にすべてのFlutter Create Appサブミッションを集めるための努力。


### tomwyr / avataaar-image
https://github.com/tomwyr/avataaar-image

Avataaars API用のFlutterラッパーウィジェット。


### バイオカール/ drawing_animation
https://github.com/biocarl/drawing_animation

<img src="https://repository-images.githubusercontent.com/170316973/30b7ea00-70bd-11e9-8fdc-3e8ce24e4b06" />
キャンバスにSVGパスオブジェクトを徐々に描画するためのFlutterライブラリ（線画の描画）。