Flutterウィークリー #13

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

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

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

### Flutter ベータ 1. v.0.2.3
https://groups.google.com/forum/#!topic/flutter-dev/YgSaubUXfOA
Flutterの新しいバージョンがリリースされた `flutter upgrade` を実行するだけでアップグレード出来る

<img width="1048" alt="Screen Shot 0030-06-04 at 22.20.37.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/feebab3c-034d-cd02-3fb2-91d3ce78875d.png">

### 新Flutter開発ツール -- v23!
https://groups.google.com/forum/#!topic/flutter-dev/E15CK8Eq8GM
IntelliJ/Android Studio と VSCode向けのFlutter開発ツールの新しいバージョンがリリース

<img width="500" alt="Screen Shot 2018-03-26 at 11.19.03 AM.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/7f42d568-9fc0-c9ac-8ca0-26b5180d7095.png">

### Flutterとは?
https://youtu.be/h7HOt3Jb1Ts
Coffee with a Googlerの新しい動画でFlutterについて語っている

<img width="1025" alt="Screen Shot 0030-06-04 at 22.21.16.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/d1b64847-8860-2f20-e039-2a496c4b0b36.png">

### Flutter リスト + ダイアログサンプル
https://insertbreakpoint.wordpress.com/2018/03/28/flutter-list-dialog-example/
リストとダイアログをFlutterで作るチュートリアル

![fullgif.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/0d552f91-4e88-e9fb-9adf-1f3bc82ad4ff.gif)

### HamiltonアプリがFlutterを使ってファンの為にいろいろな機能を提供
https://blog.goposse.com/rise-up-the-story-of-how-the-hamilton-app-uses-flutter-to-do-more-for-its-fans-1d9cd76f95f1
Flutterで作られた初の商用アプリHamiltonがどうやって作られているかを解説

![1_xC_GC8-U4vTR71EYcOspww.png](https://qiita-image-store.s3.amazonaws.com/0/129712/9125a927-2c96-a790-d002-01017f7b9ea8.png)

### Firebase Firestore
https://flutter.institute/firebase-firestore/
FlutterアプリでFirebase Firestoreを使うためのチュートリアル

<img width="469" alt="Firestore-Get-Started.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/f43105f2-a494-38f3-4800-7a10bff2fff6.png">

### FlutterにおけるMVCアプローチ
https://proandroiddev.com/mvc-in-flutter-ebfba2a78842
FlutterにMVCパターンを適用するための手引き

![1_MwigGJZ683f87bqBOxSenA.png](https://qiita-image-store.s3.amazonaws.com/0/129712/672ea28c-f1fe-abea-cbe6-c437f9b08f6e.png)

### Flutterレイアウトを理解する
https://medium.com/@Kartik1607/understanding-flutter-layout-box-constraints-292cc0d5e807
FlutterのBox Constraintsがどのように動作しているかをしっかりと理解してFlutterのレイアウトを制する

![1_Bz2AIkXQV1qWki4RiqLg_w.png](https://qiita-image-store.s3.amazonaws.com/0/129712/d24608a9-e848-a57f-815e-5d7840f860e1.png)

### GoogleのFlutterを使って洗練されたモバイルアプリを作る
https://proandroiddev.com/quire-building-a-sophisticated-mobile-app-with-googles-flutter-2770065284d6
Flutterを使ってモバイルアプリを作ってよかったことと悪かったこと

![1_1kFQSfnIbKOOHvh8oTXJTg.png](https://qiita-image-store.s3.amazonaws.com/0/129712/0dd05cb7-c758-0805-08af-8a58634fc417.png)

### OfflinePal: Flutter と Firebaseで作るオフライン友達を作るためのサービス
https://medium.com/offlinepal/flutter-firebase-our-best-friends-for-building-offlinepal-our-new-world-domination-activity-8a37268eaf1d
スタートアップ企業のOfflinePalがFlutterを使ってアプリを開発した話

![1_QzRMOlPi2g9uBUTgG4jhZw.png](https://qiita-image-store.s3.amazonaws.com/0/129712/bacd80a4-404d-86d1-6605-85b1a22708f4.png)

### はじめてFlutterを使った話
https://medium.com/@durannumit/my-flutter-adventure-installation-and-hello-5eee6d1ff5ee
初めてFlutterを使ってみてどうだったかをまとめた記事

![1_HqElS8RfyOSaYvu4A6GgTQ.jpeg](https://qiita-image-store.s3.amazonaws.com/0/129712/4297bc36-76b6-66ab-62e7-e0d3d1efa715.jpeg)

### 今月のFlutter！2018年3月
https://triskell.github.io/2018/03/30/Whats-up-Flutter-March-2018.html
今月分のFlutterに関する記事を紹介

<img width="725" alt="Screen Shot 0030-06-04 at 22.37.05.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/bf842887-b424-8b61-ca3a-947177803c31.png">

# ビデオ＆メディア

### ナビゲーションドロワー
https://youtu.be/BIfufmDiTN0
ナビゲーションドロワーを左右から出すための動画チュートリアル

<img width="298" alt="Screen Shot 0030-06-04 at 22.39.26.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/d2309bed-91b2-4b62-ff83-7dbe7650512b.png">

### スワイプでリストビューからアイテムを削除
https://youtu.be/AzOONgeCVKg
ListViewからスワイプでアイテムを削除する為の動画チュートリアル

<img width="237" alt="Screen Shot 0030-06-04 at 22.40.59.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/72a8f7cd-3b48-36f8-2800-44069ace3f11.png">

### ベジェ曲線のクリッピングチュートリアル
https://youtu.be/LnUhNTUl3Mc
ベジェ曲線と組み合わせたクリッピング手順のチュートリアル

<img width="212" alt="Screen Shot 0030-06-04 at 22.42.43.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/35f6b1ed-d4a2-6415-c47d-3121a1ee8ce5.png">

### FlutterでRxDartとSQLiteを使って映画検索アプリと作る
https://youtu.be/P_HFQnHsQc0
RxDartを使ったフルアプリを開発するためのチュートリアル第一弾

<img width="327" alt="Screen Shot 0030-06-04 at 22.44.25.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/75fa00a6-8899-5a82-0310-87f7ff8c8291.png">

# ライブラリ＆コード

### flor
https://github.com/rxlabz/flor
カラーピッカーライブラリ

![68747470733a2f2f7777772e657665726e6f74652e636f6d2f73686172642f73312f73682f30646137663235662d353363302d346437352d613133332d3132306562343734313136372f303061663661613066656362303266362f7265732f64393535663066352d383932392d346265612d383537302d33.png](https://qiita-image-store.s3.amazonaws.com/0/129712/6ad16920-6e69-a079-8f29-c345a030a1f2.png)

### Budget tracker
https://github.com/kiranreddykasa/budget-tracker-ui
シンプルな小遣いアプリ

### カントリーコードピッカー
https://github.com/Salvatore-Giordano/CountryCodePicker
カントリーコードを選択する為のFlutterプラグイン

![screen2.png](https://qiita-image-store.s3.amazonaws.com/0/129712/ac45272a-8c32-9a0e-39fd-f516c64abee5.png)