Flutterウィークリー #19

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

この記事は#19の日本語訳です
https://mailchi.mp/193f2a7fe907/flutter-weekly-257173

# アナウンス

### Flutter @ Google I/O 2018
https://www.youtube.com/playlist?list=PL0o58xSX-Jvi6zBDe7SW4W6h5hauQ-xxF
Google I/O 2018でのFlutter関連の動画。全部チェックしよう！
<img width="1066" alt="Flutter @ Google I/O 2018" src="https://qiita-image-store.s3.amazonaws.com/0/129712/32b16e94-5383-9e8e-b58a-7b152aedb9b1.png">

### マテリアルデザインロードマップ
https://github.com/material-components/material-components/blob/develop/ROADMAP.md
マテリアルテーマとコンポーネントに関するアナウンス。こちらのリンクで各プラットフォームのコンポーネントの状態を確認することが出来ます。
<img width="805" alt="マテリアルデザインロードマップ" src="https://qiita-image-store.s3.amazonaws.com/0/129712/3cb4081f-f151-9dac-973b-ee51c80cd20e.png">


### プロダクションレベルの使用にも耐えうるFlutter Beta 3の発表
https://developers.googleblog.com/2018/05/ready-for-production-apps-flutter-beta-3.html
Google Developers blogでの公式アナウンス

【日本語訳】Flutter Beta 3の発表
https://qiita.com/aoinakanishi/items/cf8376bb1780e1c48553
![Flutter Beta 3の発表](https://qiita-image-store.s3.amazonaws.com/0/129712/491a5b2d-a29c-d14f-2459-e0700333e7da.png)

### What’s New in Flutter Beta 3
https://medium.com/flutter-io/flutter-beta-3-7d88125245dc
Flutter Beta 3の新機能などを深掘りして紹介した記事
![0_Sdp8z8g2G2spsW3j.png](https://qiita-image-store.s3.amazonaws.com/0/129712/655b2ac3-8395-ed9e-faf8-bc786a84baf7.png)

### 2Dimensionsアニメーションツールを使ったショーケース
https://www.2dimensions.com/b/225-flutter-showcase
2DimensionsがアニメーションツールNimaとFlareがFlutterへのエクスポート対応を発表
![flutter_showcase.png](https://qiita-image-store.s3.amazonaws.com/0/129712/80f4f0a5-6981-be5b-0b55-a597846e5300.png)

### FlutterでFirebaseを使う手順
https://firebase.google.com/docs/flutter/setup
Firebaseの公式ドキュメントにflutter対応手順を追加

### Flutterギャラリーアプリ
https://play.google.com/store/apps/details?id=io.flutter.demo.gallery
Flutterチームがリリースしたマテリアルテーマを使用した新しいFlutterギャラリーアプリ
 <img width="673" alt="Flutterギャラリーアプリ" src="https://qiita-image-store.s3.amazonaws.com/0/129712/ec3d005f-a2ea-35bd-6f23-4ff1f995ce6a.png">

# 読み物＆チュートリアル
 
### BitriseでFlutterをビルドする手順
https://www.thedroidsonroids.com/blog/how-to-create-bitrise-step-in-go-flutter-example
Bitrise CIを使ってFlutterアプリをビルドする手順を解説
![Bitrise](https://qiita-image-store.s3.amazonaws.com/0/129712/d2a5be8a-b00a-7fae-68d0-4a7deccf05c8.png)

### BottomAppBar内のFABボタン
https://flutterdoc.com/insetting-fabs-within-the-bottomappbar-3b7fc18c9424
Flutter上でFABボタンを使う手順を紹介
<img width="253" alt="Screen Shot 0030-05-24 at 0.52.13.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/1bc398a2-49a9-440b-3eef-82633a5d6da9.png">


### Filterメニュー – UIチャレンジ
https://marcinszalek.pl/flutter/filter-menu-ui-challenge/
円形のカッコイイメニューの作り方
![円形メニュー](https://qiita-image-store.s3.amazonaws.com/0/129712/3a3f5278-58a4-4908-9cc7-2087af5a1029.gif)

### Flutter入門 (3部構成)
https://www.netguru.co/codestories/topic/flutter
3部構成でお届けするFlutterの紹介

### Wear OS上でFlutterアプリを動かす
https://medium.com/@mjohnsullivan/experimenting-with-flutter-on-wear-os-f789d843f2ef
FlutterチームがWear OS上でFlutterアプリを動作させるための手順を紹介

![Wear OS](https://qiita-image-store.s3.amazonaws.com/0/129712/6ab05e4d-03b7-f6c0-b07c-c44d3cb60a5c.png)

 
# ビデオ＆メディア
 
### Flutter入門
https://youtu.be/GCCjR0mbJMM
GDG TorontoでのFlutterに関する動画

### Scoped Modelを使用した複数ページ、タブアプリケーションの作り方
https://youtu.be/LVneS8vAq2Q
どのようにしてScoped ModelアーキテクチャをFlutterアプリに適用するかを紹介する動画

### FlutterのリアルタイムデータベースとしてCloud Firestoreを利用
https://youtu.be/OJ_u34bD_q8
FlutterでFirestore Realtime Datastoreを使用する手順を紹介する動画

 
# ライブラリ＆コード
 
### WhatTodo
https://github.com/burhanrashid52/WhatTodo
Flutterを使ったオープンソースのTODOアプリ
![WhatTodo](https://qiita-image-store.s3.amazonaws.com/0/129712/35540abc-6d6f-2a8b-6219-583df676b35b.gif)

### Flutter スティッキーヘッダー
https://github.com/slightfoot/flutter_sticky_headers
リストにスティッキーヘッダーを簡単に追加できるライブラリ
![Sticky Headers](https://qiita-image-store.s3.amazonaws.com/0/129712/e4a52795-f29f-b3e4-ac08-9fd9d1c631b4.gif)

### firebase_storage_image.dart
https://gist.github.com/jeroen-meijer/f0996dd35065c17ac79eeb3938bc89e4
Firebase Storageから画像を取得して表示するサンプルコード

### flutter-nfc-app
https://github.com/guyulmaz/flutter-nfc-app
FlutterからNFCを利用するサンプルアプリ

### media_picker
https://github.com/AppleEducate/media_picker
FABボタンから簡単に呼び出せるメディアピッカーライブラリ
![media_picker](https://qiita-image-store.s3.amazonaws.com/0/129712/26fa2729-9e40-6e02-e7b9-d407163bf0c4.png)