Flutterウィークリー #17

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

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

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

### New Flutter tooling releases -- Inspector: “Just my Widgets”
https://groups.google.com/forum/#!topic/flutter-dev/N6nOno1m3Mk
インスペクター、パフォーマンスモニターなどなど新しいツールがリリース

<img width="691" alt="New Flutter tooling releases" src="https://qiita-image-store.s3.amazonaws.com/0/129712/4148304a-6233-aca9-a096-f9c224637c9b.png">


### Dart Code v2.12.0
https://github.com/Dart-Code/Dart-Code/releases/tag/v2.12.0
VSCode向けの新しいプラグインがリリースされました

<img width="721" alt="Dart Code v2.12.0" src="https://qiita-image-store.s3.amazonaws.com/0/129712/a7a8da59-ec82-8b25-94ad-f06924ed2242.png">


### Flutterをモバイル開発に使う上でのメリットとデメリット
https://www.thedroidsonroids.com/blog/flutter-in-mobile-app-development-pros-and-risks-for-app-owners
Flutterをモバイル開発に使う上でのメリットとデメリットを技術的な側面、ビジネス的な側面の両方から整理してまとめたもの

![Flutter in Mobile App Development](https://qiita-image-store.s3.amazonaws.com/0/129712/bfb119a7-1901-4062-52c7-5b03fcb490b4.png)

### Flutterに関する四方山話
https://bilue.com.au/peeking-under-the-flutter-covers/
Flutterがプロダクトを作る上で適したフレームワークかどうかを分析した記事。長文ですが一見の価値有り

![Peeking Under The Flutter Covers](https://qiita-image-store.s3.amazonaws.com/0/129712/1818e210-35f9-6f5e-d826-40f400b02445.png)


### Flutterをもっとリアクティブな作りにするけど方法
https://www.burkharts.net/apps/blog/making-flutter-more-reactive/
DartRxをFlutterに適用してフルリアクティブな設計にする方法

![RxVAMS.png](https://qiita-image-store.s3.amazonaws.com/0/129712/e70a56c3-82e7-1fda-f1ba-d794977496ee.png)

### Spike: Flutterで視差を付けるたった7行のコード
https://medium.com/@swav.kulinski/spike-parallax-in-flutter-seven-lines-of-code-16a1890d8d32
簡単にFlutterアプリに視差を付ける方法をデモ

![Spike: Parallax in Flutter, seven lines of code!
](https://qiita-image-store.s3.amazonaws.com/0/129712/3e8a0fda-6cf9-ad71-14db-7ae52e0dba42.png)


### Flutteキックスタート
https://medium.com/supercharges-mobile-product-guide/flutter-kickstart-885e36d782b4
Flutterをまだ触ってない方向けのFlutterの基礎がわかる記事

### Flutter: 波アニメーション
https://medium.com/@nhancv/flutter-wave-clipper-animation-dc2017ddfcf3
Flutterで波アニメーションを実現する方法

![Wave clipper animation](https://qiita-image-store.s3.amazonaws.com/0/129712/edd76d71-01a0-4165-5971-ca8c0633f952.gif)

### オープンソースプロジェクトに貢献しよう Flutter — part 2
https://medium.com/@fmatosqg/contributing-to-flutter-part-2-46092dc4417e
Dartやネイティブのパッケージ、FlutterSDKのソースを修正して利用する手順

![Contributing to your preferred open source project, starring Flutter ](https://qiita-image-store.s3.amazonaws.com/0/129712/c0641934-c69c-b226-6b83-29a523f57462.png)


### Flutter: プラットフォームチャンネルの使い方
https://medium.com/@Nash_905/flutter-using-platform-channels-e8c80b869e3d
Flutterのプラットフォームチャンネルを使用したプラグインの作り方を解説

![Flutter: Using Platform Channels](https://qiita-image-store.s3.amazonaws.com/0/129712/c83d098b-2303-4462-85e0-27b59ef01e64.png)


### Flutterはクロスプラットフォーム環境を良くする
https://medium.com/@stefanblos/flutter-make-cross-platform-development-great-again-37084c14c2e
Flutterの良い点をまとめたイントロダクション

![Flutter — make cross-platform development great](https://qiita-image-store.s3.amazonaws.com/0/129712/ae0b0831-0c7a-2d41-be8e-b7a2eabc8e4a.gif)


### Flutterをフレーバー
https://medium.com/@salvatoregiordanoo/flavoring-flutter-392aaa875f36
フレーバーをFlutterで使う方法（Android, iOS）

![Flavoring Flutter](https://qiita-image-store.s3.amazonaws.com/0/129712/1253baca-edf6-96ea-9104-72b953314b40.png)


### プラットフォームチャンネルの使い方: イメージピッカーの作り方
https://medium.com/coding-with-flutter/intro-to-platform-channels-building-an-image-picker-in-flutter-7e79c20065
ネイティブのイメージピッカーとプラットフォームチャンネルを使用してプラグインを作る方法

![Intro to Platform Channels: Building an Image Picker in Flutter](https://qiita-image-store.s3.amazonaws.com/0/129712/4e5b611f-804b-02e4-45e7-7dee5d8fe38d.png)


### Learning and Shipping with Flutter
https://thisoldapp.online/episodes/learning-and-shipping-with-flutter
Mark ThompsonのFlutterに関するPodcastのエピソードをまとめた記事。mp3もダウンロード出来る

# ビデオ＆メディア

### Flutterチュートリアル
https://www.youtube.com/playlist?list=PLWBrqglnjNl3sexiXo45aN_JdOJ9pxOoQ
Flutterに関するチュートリアルをまとめたプレイリスト

<img width="934" alt="Flutter tutorials" src="https://qiita-image-store.s3.amazonaws.com/0/129712/439b5868-3949-6ce6-8128-bcbf0cb50f6a.png">

### FCMを使ってFlutterでPush通知
https://youtu.be/PzjxZsz3Tjk
FCMを使ってFlutterアプリにPush通知を実装するチュートリアル

<img width="414" alt="Flutter Push Notifications With Firebase Cloud Messaging" src="https://qiita-image-store.s3.amazonaws.com/0/129712/ee91c73a-9bb6-aaa3-efdc-29f7505866f3.png">

### DartのIntlを使ってFlutterを多言語対応
https://youtu.be/IhsHGJEOSYM
Flutterを多言語対応する方法を紹介した動画

<img width="1222" alt="Screen Shot 0030-05-24 at 12.31.46.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/7d3c9372-176f-67e8-a6a7-e691bba8b9be.png">


# ライブラリ＆コード

### flutter_native_log
https://github.com/PonnamKarthik/FlutterNativeLog
ログ出力する為のプラグイン

### JSON to Dart
https://javiercbk.github.io/json_to_dart/
JSONからDartクラスを生成する便利ツール

<img width="556" alt="JSON to Dart" src="https://qiita-image-store.s3.amazonaws.com/0/129712/f86cd824-2948-d62d-8055-c8e46cc23800.png">

### Flutter Local Notifications Plugin
https://github.com/MaikuB/flutter_local_notifications
iOS, Android両方対応のローカル通知プラグイン

### tensorflow_lite
https://github.com/kashifmin/flutter_tensorflow_lite
FlutterからTensorflow Liteを使うためのプラグイン