Flutterウィークリー #30

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

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

# アナウンス

### アプリサイズ削減 --release apk and ipa sizes
https://github.com/flutter/flutter/issues/16833#issuecomment-410103493
Flutterチームがアプリサイズを削減しました

### Flutterツールリリース - Android StudioとIntelliJプラグインの8月リリース
https://groups.google.com/forum/?linkId=52478434#!topic/flutter-dev/vQXshrQdPQU
Nilay Yener announces the new version of the Flutter plugin for AS and IJ with some interesting improvements.

### VS Code plugin v2.17: インスペクトウィジェット, テスト, スクリーンショット
https://groups.google.com/forum/?linkId=52478434#!topic/flutter-dev/xm2yiWR2w4w
VS Code向けプラグインの最新版リリース

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

### Flutterからスクリーンショットを撮ってメールに添付
https://medium.com/@info_67212/how-to-send-a-screenshot-attachment-in-mail-using-flutter-703a2bba882f

![0_DI6u232ND2c_jH_X.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/55f17846-d196-8d8d-658b-86170a246ab6.gif)

### Flutter vs. React Native: 最強のハイブリットモバイル開発環境を選ぶ
https://dzone.com/articles/flutter-vs-react-native-how-to-choose-the-best-hyb

![react-native-vs-flutter-popularity.png](https://qiita-image-store.s3.amazonaws.com/0/129712/4055be2b-14ee-7336-619e-42c24328ece2.png)

### レンジスライダー
https://www.didierboelens.com/2018/07/range-slider/
![range_slider.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/37076093-48cd-555f-ae33-220b1039bca9.gif)

### Flutterの多言語対応
https://medium.com/@gonzamartin87/improve-your-i18n-in-flutter-f3e960fca86d

### チュートリアル: FlutterとReduRxでステータスハンドリング
https://medium.com/@leocavalcante/tutorial-handling-state-in-flutter-with-redurx-b4d50c647e4a

![1_tdxOtSYYcjXje3Qeb-mxRQ.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/858ab0c1-d44f-f88d-6511-1378e1f59d5b.gif)

### Flutterアプリ向けフレーバー (Flutter & Android)
http://cogitas.net/creating-flavors-of-a-flutter-app/

![Screenshot_20180803-100331.png](https://qiita-image-store.s3.amazonaws.com/0/129712/1790815b-5277-4e29-27c0-f84243869a98.png)

### FlutterでJSONを扱ういくつかの方法
https://medium.com/flutter-io/some-options-for-deserializing-json-with-flutter-7481325a4450

### Flutter – アニメーション
http://tphangout.com/flutter-animations/
T-Pub published a new mix of video and tutorial, this time about animations on Flutter.
![Webp.net-gifmaker-4.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/f63f8e6a-fa10-563b-9d49-339dd0f957b3.gif)

### Flutterのコンパイルパターン
https://medium.com/@stephenwzlwork/flutters-compilation-patterns-24e139d14177
ターゲットプラットフォームごとのコンパイルパターンの解説

### Flutterビルド: 基礎からカスタマイズまで
https://hackernoon.com/making-the-most-of-flutter-from-basics-to-customization-433171581d01
アリババのエンジニアが語るベーシックなFlutterがどのようにビルドされているかとどのようにビルドプロセスをかすたまいずするｋ

![1_avadfL55qX0ij0TqTkqKVQ.jpeg](https://qiita-image-store.s3.amazonaws.com/0/129712/43f85b89-ad82-224c-ae8d-7bf38c755b3b.jpeg)

### Dart PubにFlutterパッケージを公開する手順
https://medium.com/@dev.n/publishing-a-flutter-package-on-dart-pub-1e4e2931f83a

![1_2e2QeSy8gHE7Bd58_fNv-A.png](https://qiita-image-store.s3.amazonaws.com/0/129712/8edabca7-921f-49b5-1902-1cf790f57704.png)

### UIチャレンジ - flight ui
https://marcinszalek.pl/flutter/ui-challenge-flight-search/

![design.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/667b91e6-1062-4045-460c-98adc5be7121.gif)

### Flutterとfastlaneでリリースを簡素化
https://tengio.com/blog/painless-releases-with-fastlane-and-flutter/

![pieceofcake.png](https://qiita-image-store.s3.amazonaws.com/0/129712/49bc7047-c979-5b09-6158-dc985c619962.png)

### Flutterを使う準備は出来た. ビルド、テスト、リリース
https://nevercode.io/blog/we-are-ready-for-flutter-build-test-and-distribute-flutter-apps-with-nevercode/

![Flutter-illustration.jpg](https://qiita-image-store.s3.amazonaws.com/0/129712/8ac15e60-ce20-35b3-b8d6-8c568d2997f3.jpeg)

### Flutter : シェアードエレメントトランジション — Hero — Heroes
https://medium.com/@diegoveloper/flutter-shared-element-transitions-hero-heroes-f1a083cb123a

![1_IeAD2e0hM_QThzry3v1FMw.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/50d3c6a7-fdda-ab41-7981-45bfd6501bb3.gif)

### Flutter FutureBuilderとページング
https://codinginfinite.com/flutter-future-builder-pagination

<img width="188" alt="Screen Shot 0030-08-08 at 19.55.08.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/4a1f3f04-2277-7f80-682f-48989033497f.png">


# ビデオ＆メディア

### Flutter: WidgetテストとMockito
https://youtu.be/75i5VmTI6A0

<img width="1032" alt="Screen Shot 0030-08-05 at 20.59.14.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/306649d0-37d7-c427-2239-60b8b87e6e94.png">

### 30分で作るクロスプラットフォームアプリ(Cloud Next '18)
https://youtu.be/xZn0Vzc4uFE

<img width="1033" alt="Screen Shot 0030-08-05 at 21.00.47.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/f7e21ed4-439d-ee2f-3e74-e861be6ebe2c.png">

### Flutter: Cupertino(iOS)の世界 | Ep 4 | Flutter Weekly Widgets
https://youtu.be/f4kXyOkfe6I

<img width="1022" alt="Screen Shot 0030-08-05 at 21.02.04.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/be937bdf-69b0-d1c1-6393-e228df52290a.png">


# ライブラリ＆コード

### onesignal
https://pub.dartlang.org/packages/onesignal
OneSignalを使うためのライブラリ（モバイルアプリ向けPUSH通知サービス）

![android_and_ios_notification_image.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/44956432-eb55-3655-e3f5-428b6add98fc.gif)

### ニュースリーダーサンプルアプリ
https://github.com/xsahil03x/Flutter-News-Reader

![43371978-3f26550e-93b9-11e8-965b-34378fe7ae97.png](https://qiita-image-store.s3.amazonaws.com/0/129712/ad4ee7c2-4b60-b8be-45a4-010bf9b6dedf.png)

### RangeSlider
https://github.com/boeledi/RangeSlider
Flutterのマテリアルスライダーをレンジで指定できるようにしたもの
![68747470733a2f2f7777772e646964696572626f656c656e732e636f6d2f696d616765732f72616e67655f736c696465722e676966.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/0e588de1-5b8b-9af7-0acc-746ed9b892a8.gif)

### login_form_bloc
https://github.com/drkhannah/login_form_bloc
BLOCパターンを使ったFlutterアプリサンプル

### flutter_drawer
https://github.com/chetdeva/flutter_drawer

![android_screenshot.png](https://qiita-image-store.s3.amazonaws.com/0/129712/993a0f7c-91b6-f997-492e-195dd7eba02b.png)

### 映画トレンド - Flutter
https://github.com/mkiisoft/FlutterMovieTrends
Flutterを使ったサンプルアプリ

![68747470733a2f2f692e696d6775722e636f6d2f3462757a5241512e706e67.png](https://qiita-image-store.s3.amazonaws.com/0/129712/be5257cf-8c9f-d21f-3e3e-678e255e4bc0.png)