Flutterウィークリー #31

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

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

先週はお休みで今週が#31です

# アナウンス

### Dart 2安定版とDart Webプラットフォームの発表
https://medium.com/dartlang/dart-2-stable-and-the-dart-web-platform-3775d5f8eac7

![0_s3bqLPad7xh_nFH-.png](https://qiita-image-store.s3.amazonaws.com/0/129712/b903883b-d2e0-d57b-af8a-de73ef3e039f.png)

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

### Flutterでカスタム入力フォームフィールドを作る
https://medium.com/saugo360/creating-custom-form-fields-in-flutter-85a8f46c2f41

![1_vWB0BU8et_DaFQPNGA2r5w.png](https://qiita-image-store.s3.amazonaws.com/0/129712/46dd964d-2eff-4164-272f-8ef72e34be62.png)

### Flutter – トランスフォームアニメーション
http://tphangout.com/flutter-transforming-animations/

![1_3obIWzQMTkX74ndGcmW_eg.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/1da7d9bf-6410-ee59-7076-e52580ea3d7b.gif)

### Flutter Facebookログイン
https://medium.com/flutter-community/flutter-facebook-login-77fcd187242

![1_soyJKt8XjOeS2srDIq2KWA.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/9d4c4364-8b97-f4e0-5fb1-80ed9898ad5b.gif)

![1_ZBiaP7fnJHSXfa4wCPeZjg.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/a5ea08cf-07e7-c7d1-e6bc-f39e70022358.gif)

### Flutterアプリで検索フォームを作る
https://medium.com/@info_67212/how-to-perform-a-search-in-flutter-app-1365bd317a0c

![0_WaI2KM4L6npfABrF.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/6370b895-c9d5-5c9d-901a-88b788bb6480.gif)

### Android開発者向けFlutter: FrameLayoutをFlutterで表現する方法
https://medium.com/flutter-community/flutter-for-android-developers-how-to-design-framelayout-in-flutter-93a19fc7e7a6

![1_Krt-CWOJ1oifV3AiazAW9A.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/b359a463-45a8-3d0b-a317-61da1c51bb59.gif)

### Flutter＋BLoCパターンでテーマを変更する方法
https://medium.com/flutter-community/flutter-how-to-change-the-apps-theme-at-runtime-using-the-bloc-pattern-30a3e3ce5b6a

![1_Cv3Dzm2WArm8AeNb98ZqsA.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/91e1d985-0fb4-a36e-6fee-324125d83123.gif)

### Dart Streams入門
https://www.burkharts.net/apps/blog/fundamentals-of-dart-streams/

![stream_listener.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/42b2b6a5-39a2-1958-6b0b-9385a9c76e05.gif)

### Dart 2で遊ぼう: Types!
https://medium.com/@matanlurey/dart-2-for-fun-and-profit-types-7757de406568

![1_NPINLsjqTe7KaE2RP2FQ0w.png](https://qiita-image-store.s3.amazonaws.com/0/129712/c462c55d-e922-c04f-e959-0ad824d060fb.png)

### Flutterプラグイン : AsyncLoaderの使い方
https://medium.com/flutter-community/flutter-plugins-asyncloader-6efd9d19b6a3

![1_LgVUiOnMFXSUJuy3zjd__w.jpeg](https://qiita-image-store.s3.amazonaws.com/0/129712/59eff454-4ffa-cc6b-f983-8a910cf90068.jpeg)

### Flutter | ジャンピングdotインジケーター
https://medium.com/@wal_33d/flutter-jumping-dots-progress-indicator-2f5ad47005cc

![1_XjSxEM3dDdKIO8Kw_km3AA.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/11581bb0-821b-58fa-6066-36e1dd984f96.gif)

### Flutter : スプラッシュスクリーン
https://medium.com/@diegoveloper/flutter-splash-screen-9f4e05542548

![1_GfM4eb_y_rM6BaAgDYBWZA.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/cd7b4df2-2173-1530-938e-68e88dc35779.gif)

### Flutter: アプリ全体のテーマや言語設定を変更するトリック
https://hillelcoren.com/2018/08/15/flutter-how-to-rebuild-the-entire-app-to-change-the-theme-or-locale/

### Flutter基礎の基礎
https://hackernoon.com/essential-flutter-skills-2466d91d3926

### Widget — State — BuildContext — InheritedWidget
https://medium.com/flutter-community/widget-state-buildcontext-inheritedwidget-898d671b7956

![1_g3yJbjYt6jaVuV7DHpKKSA.png](https://qiita-image-store.s3.amazonaws.com/0/129712/8d036005-c1bf-0ff1-1139-95b0a279552f.png)

### Flutterを学ぶ: 非同期でワンちゃんのデータを表示
https://www.jacobimpson.com/flutter/dart/2018/08/04/learning-flutter

![dogs.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/540f96c0-49e8-cf07-4cc4-b2ccdd4e7606.gif)

### KotlinからFlutterまでAndroid開発者向けの全体像
https://medium.com/@wasyl/kotlin-developers-thoughts-on-dart-1f60c4ad21ad

### Flutter Drawer ナビゲーションでAndroidとiOSの世界を表現
https://medium.com/@pjbirdsall/flutter-drawer-affects-navigation-in-a-android-vs-ios-world-f32cf3721c2b

![1_yp1RGmY-RCjkooM_QuSBQQ.png](https://qiita-image-store.s3.amazonaws.com/0/129712/b85b8248-4be6-ab7c-8a8f-24caa0e3233a.png)

### FlutterでMocking HTTP request
https://medium.com/@sagarsuri56/mocking-http-request-in-flutter-c2596eea55f2

![1_ye60cbzwnNjG1G8ExZv-_g.png](https://qiita-image-store.s3.amazonaws.com/0/129712/fbe7f245-0c18-a7d9-df76-82185dfd6ac1.png)

### FlutterでStreamsとRxDart
https://skillsmatter.com/skillscasts/12254-flutter-with-streams-and-rxdart

![Screen Shot 0030-08-24 at 11.45.10.png](https://qiita-image-store.s3.amazonaws.com/0/129712/b254c772-8767-15a0-296e-6ae8ee08e0fa.png)


# ビデオ＆メディア

### Flutterコーディングチャレンジ: 電卓アプリを作る
https://youtu.be/eVG5DkPF5x8

![Screen Shot 0030-08-24 at 11.46.56.png](https://qiita-image-store.s3.amazonaws.com/0/129712/cb6192ac-e8a4-600d-3466-0172190b5038.png)

### FutureBuilder In Flutter
https://youtu.be/EwHMSxSWIvQ

![Screen Shot 0030-08-24 at 11.47.35.png](https://qiita-image-store.s3.amazonaws.com/0/129712/c76e092f-8d74-9a64-6106-7faf94335518.png)

### Ballot: Flutter + Firebase = Android + iOS + Backend
https://youtu.be/YtxwZSfS3mo

![Screen Shot 0030-08-24 at 11.48.52.png](https://qiita-image-store.s3.amazonaws.com/0/129712/01f1070d-bbc6-66ee-8830-3b31288ff898.png)

### アニメーションを追加 - 退屈なFlutterショー, エピソード5
https://youtu.be/dNSteCm-cEY

![Screen Shot 0030-08-24 at 11.49.41.png](https://qiita-image-store.s3.amazonaws.com/0/129712/9eecf588-b1a6-de1a-ed45-3791343f5e4b.png)

### パッケージとプラグイン - 退屈なFlutterショー, エピソード6
https://youtu.be/ht2bDlJd2c4

![Screen Shot 0030-08-24 at 11.52.01.png](https://qiita-image-store.s3.amazonaws.com/0/129712/20276528-ef50-0735-0d5c-c930e228753b.png)


# ライブラリ＆コード

### Dart time machine - 時間と日付を扱うライブラリ
https://github.com/Dana-Ferguson/time_machine

![41519377-bebbde82-7295-11e8-8f10-d350afd1f746.png](https://qiita-image-store.s3.amazonaws.com/0/129712/70fa8f95-ac6a-66d0-220c-6e9c52c76999.png)

### http_middleware
https://github.com/TEDConsulting/http_middleware

![Screen Shot 0030-08-24 at 11.57.28.png](https://qiita-image-store.s3.amazonaws.com/0/129712/b1417f41-f0cb-e63e-42c0-336cc995d278.png)

### http_logger
https://github.com/TEDConsulting/http_logger

![Screen Shot 0030-08-24 at 11.54.39.png](https://qiita-image-store.s3.amazonaws.com/0/129712/50e6d4d3-cd08-cdd7-49e9-e6eeed65bc27.png)

### flutter_pagewise
https://github.com/AbdulRahmanAlHamali/flutter_pagewise

![flutter_pagewise.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/3344c2f5-bb50-b8d9-7acc-8317865267b1.gif)

### news - ハッカーニュースアプリ
https://github.com/drkhannah/news

### Animated-text-Kit
https://github.com/aagarwal1012/Animated-Text-Kit

#### Rotate
![rotate.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/aeb728c6-e046-04e6-b8bc-8a046caca956.gif)

#### Fade
![fade.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/782078d6-e250-9ab4-9f96-8fe5491da938.gif)

#### Typer
![typer.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/ffe287a7-5d64-0f37-acd0-65901d961a67.gif)

#### Typewriter
![typewriter.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/5382a59f-c33f-9c09-876f-1a66acd8c038.gif)

#### Scale
![scale.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/4f64f2ba-8a58-8b04-1ef0-c03068bfc2fc.gif)

#### Colorize
![colorize.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/30886157-700a-ffb8-0782-2b45353cfcf5.gif)