Flutterウィークリー #18

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

この記事は#18の日本語訳です
https://mailchi.mp/053a4106ae1d/flutter-weekly-249161

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

### Google I/O 2018でのFlutterを見逃すな！
https://medium.com/flutter-io/how-to-watch-flutter-at-google-i-o-2018-c7e082fc836f
Google I/OでFlutter関連の情報を逃さないためのパーフェクトガイド
![1_dArkoJSnhvcjZ6p4ds63BA.png](https://qiita-image-store.s3.amazonaws.com/0/129712/cf845b21-81fb-8a99-74ef-7e5e5d2612c7.png)

### UdacityのFlutter入門コース
https://www.udacity.com/course/build-native-mobile-apps-with-flutter--ud905
Udacityで受講できるGoogleの公式Flutter入門コース

【日本語解説】
Flutter入門講座 Lesson 1 (Udacity)
https://qiita.com/aoinakanishi/items/b384e5a88ea4f6dc4b3d
Flutter入門講座 Lesson 2 (Udacity)
https://qiita.com/aoinakanishi/items/f0e45d525e252c5764b5

<img width="758" alt="Screen Shot 0030-05-24 at 10.19.00.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/b279468c-94eb-6c2e-95b1-4683043f32bc.png">

### Flutterチームの採用情報
https://twitter.com/sethladd/status/992492134182760449
Flutterチームがテクニカルプログラムマネージャーを募集！
![DcYJozhVAAAES6I.jpg](https://qiita-image-store.s3.amazonaws.com/0/129712/4495b62f-8742-aa94-b291-8e1f0c201577.jpeg)

### 新しいFlutterコードラボ
https://flutter.io/codelabs/
Flutterチームが新しいFlutter用コードラボを公開しました
<img width="837" alt="Flutterコードラボ" src="https://qiita-image-store.s3.amazonaws.com/0/129712/63675125-8f86-248d-a11d-3056bd40b3ba.png">

### Flutterのお仕事
https://flutterjobs.info/
Flutter関連のお仕事をお探しならこちらにまとまってます

### ReduxはFlutterにとって理想的なパターンか？
https://www.burkharts.net/apps/blog/redux-the-ideal-flutter-pattern/
ReduxベースのアプリをRxVAMSベースに書き換え、その結果を比較

<img width="818" alt="Redux, the ideal Flutter pattern" src="https://qiita-image-store.s3.amazonaws.com/0/129712/1884ce6c-04b3-17eb-b8bc-6f07d5cec729.png">

### GoアプリのフロントエンドをFlutterで開発
https://sites.google.com/a/athaydes.com/renato-athaydes/posts/buildingamobilefrontendforagoapplicationusingflutter
Goで作成されたCLIにFlutterでアクセスするモバイルアプリを作成。

![Flutter_AND_Go.png](https://qiita-image-store.s3.amazonaws.com/0/129712/c0004967-ce81-1683-24c1-c586af7a3040.png)

### Reactネイティブ開発者から見たFlutter
https://medium.com/@cgathergood/exploring-flutter-as-a-react-native-developer-84916b08fdfb
Reactネイティブ開発者から見たFlutterとその比較をした記事

![1_Ssf1lbbmY-e6BAzhu6p9WQ.png](https://qiita-image-store.s3.amazonaws.com/0/129712/04bd3e14-b91b-5cc8-a74d-cfad3252ea70.png)

### Flutterプラグインの作り方
https://proandroiddev.com/build-your-own-plugin-for-flutter-cfee1a08ea3a
Flutterプラグインをゼロから作るためのチュートリアル

![Flutterプラグインの作り方](https://qiita-image-store.s3.amazonaws.com/0/129712/0b303a22-4b17-a7ac-1b63-3a61fa360c0a.jpeg)

### Firebase Push Notification with Action Button in Flutter
https://medium.com/@info_67212/firebase-push-notification-with-action-button-in-flutter-a841da348097
Flutter＋アクションボタンでFCMを処理する手順

![Firebase Push Notification](https://qiita-image-store.s3.amazonaws.com/0/129712/514834e9-f960-1da6-5f0e-a544f6490a03.jpeg)

### Flutterアニメーション: Mediumの拍手アニメーションをFlutterで実装
https://proandroiddev.com/flutter-animation-creating-mediums-clap-animation-in-flutter-3168f047421e
Mediumの拍手アニメーションをFlutterで実装するためのチュートリアル

![clap animation](https://qiita-image-store.s3.amazonaws.com/0/129712/c0f5c35d-1853-ef37-fea2-6408f89af3ad.gif)

### Flutterレイアウトチートシート
https://medium.com/@tpolansk/flutter-layout-cheat-sheet-5363348d037e
Flutterのレイアウトマスターになるためのチートシート

![Flutterレイアウトチートシート](https://qiita-image-store.s3.amazonaws.com/0/129712/e8b5edb0-8735-b231-9869-ee395f037d16.png)

### Flutterでのバージョン管理
https://medium.com/@ralphbergmann/versioning-with-flutter-299869e68af4
CIの観点からFlutterでのバージョン管理方法を紹介

### FlutterとReduxで作るショッピングリストアプリ
https://hackernoon.com/flutter-redux-how-to-make-shopping-list-app-1cd315e79b65
FlutterとReduxでショッピングリストアプリを作るためのチュートリアル

![FlutterとReduxで作るショッピングリストアプリ](https://qiita-image-store.s3.amazonaws.com/0/129712/4e16d2fc-4531-a8a4-80f6-eb71d278565e.gif)


# ライブラリ＆コード

### DartStatistics
https://github.com/escamoteur/DartStatistics
Dartプロジェクトの複雑さを分析するアプリ

### sticky_header_list
https://github.com/itsJoKr/sticky_header_list
スティッキーヘッダーを実装するためのウィジェット
A widget by Josip Krnjic to create lists on Flutter with sticky headers.

![sticky_header_list](https://qiita-image-store.s3.amazonaws.com/0/129712/6d0960a0-c812-ff0c-da52-2ab13f6e5410.gif)


### app_review
https://github.com/AppleEducate/app_review
レビューを促すダイアログを表示するためのプラグイン

<img width="375" alt="app_review" src="https://qiita-image-store.s3.amazonaws.com/0/129712/ed1b13f9-bd0a-b479-3d86-b66a792a69b3.png">

# ビデオ＆メディア

### Flutterチャレンジ: 音楽プレーヤー
https://youtu.be/FE7Vtzq52xg
音楽プレーヤーの作り方を解説する動画

<img width="310" alt="Flutterチャレンジ: 音楽プレーヤー" src="https://qiita-image-store.s3.amazonaws.com/0/129712/d1ab277c-0c8e-ef14-095b-eb9fd1373024.png">


### カスタムスクロールとシミュレーション
https://youtu.be/f_aN4aN3Xdc
Flutterのスクロールとシミュレーションに関してどのように機能しているかの詳細を解説する動画


<img width="406" alt="Screen Shot 0030-05-24 at 11.17.11.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/53ea1760-77e3-b8fa-cf96-e3ab0a3362a7.png">


### Sliverを使ったダイナミックレイアウト
https://youtu.be/wN2lpqxkB4M
FlutterのSilverを使ったダイナミックでフレキシブルなレイアウトの作り方を解説する動画

<img width="530" alt="Screen Shot 0030-05-24 at 11.20.06.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/367bfda5-4987-f5e4-2ee5-2775e8d7b5c7.png">


### 署名ビューの実装
https://youtu.be/zu-do2luSAo
画面上で署名するための署名ビューの作り方

<img width="322" alt="Screen Shot 0030-05-24 at 11.24.05.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/71c10d5e-ef30-d038-c9d0-780bd8eaf8ca.png">

### WhatsAppクローンアプリにカメラ機能を追加
https://youtu.be/ZkpHzbOm-s0
WhatsAppクローンアプリにカメラ機能を追加する動画

<img width="553" alt="WhatsAppクローンアプリにカメラ機能を追加" src="https://qiita-image-store.s3.amazonaws.com/0/129712/684285d2-543c-d11e-1a00-598fd68fd12f.png">


### インターセット接続のハンドリング
https://youtu.be/QxE-hEa16gA
インターネット接続状況の確認をFlutterで行う手順

### Flutterアプリの作り方
https://youtu.be/S59b-XFsyY8
ゼロからFlutterアプリの作り方を学べる動画

<img width="370" alt="Screen Shot 0030-05-24 at 11.30.00.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/4829b5ce-aea5-1f7b-ef24-ea97d96c5bdd.png">