Flutterウィークリー #27

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

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

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

### Flutterで開発している世界トップ５企業 in 2018
https://hackernoon.com/top-5-flutter-development-companies-in-2018-720a6ee91f6a
Flutterでアプリ開発をしている世界のトップ５企業を紹介

### Flutterで入力フォームチェック
https://medium.com/@nitishk72/form-validation-in-flutter-d762fbc9212c
Flutterで文字入力チェックのやり方を解説。シンプルな文字数制限チェックから正規表現を使った複雑なものまで紹介
![1_aPOPaG9mx05g52xU95dBkg.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/1fc2e490-44e3-87e4-2843-886d0de516f7.gif)

### Flutter: スワイプ＆アクション機能
https://medium.com/@info_67212/flutter-swipe-your-widget-for-more-action-items-2b85866ca238
リストアイテムをスワイプすることでアクションを促すための機能を実装する為のチュートリアル

![0_HDupIaTcx9q_NI8b.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/a9601406-e64b-3d84-238c-7c021ef71cc9.gif)

### Flutterアニメーション
https://medium.com/@muhammedsalihguler/animations-in-flutter-6e02ee91a0b2
Flutterアニメーションを実装するための広範囲なチュートリアル

![1_dKxZ-nIcbgRVYgXwJGGFCA.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/16440759-1467-e0cc-ce05-a69ee4bda207.gif)

### FlutterでFirebase＋Facebookログイン
https://medium.com/@aseemwangoo/firebase-fb-sign-in-and-flutter-7ab4bdc7172e
Firebaseを使ってFacebookログインを実現する手順を紹介

![1_h4Vbuo8rvYUTCp6P6Vhsjw.png](https://qiita-image-store.s3.amazonaws.com/0/129712/06b4d8e0-a55d-2ff1-0ca9-a72ba81dd305.png)

### Flutterローカル通知
https://medium.com/@nitishk72/flutter-local-notification-1e43a353877b
AndroidとiOS両方で動作するローカル通知ライブラリ

![1_JzTC0rTXhZ_9fc8Xcccn2Q.png](https://qiita-image-store.s3.amazonaws.com/0/129712/e1aa184c-cf82-8ee0-b96e-f55313c473e7.png)

### FlutterとFirebaseでGoogleアカウント認証
https://medium.com/flutter-community/auth-in-flutter-3f4ffe0ddcf8
Firebaseログインを簡単に実装

![1_tgE54uqyNetZvoxDI7E0bg.png](https://qiita-image-store.s3.amazonaws.com/0/129712/9e4a4605-3bc1-24c5-fd25-21c5e0234800.png)

### Flutterハンズオン: Flutterで作る映画紹介アプリ (Part 1)
https://medium.com/@anujguptawork/flutter-hands-on-building-a-movie-listing-app-using-flutter-part-1-c2b22d9be6b8
映画アプリをスクラッチで作るためのチュートリアル第一弾

![1_kpFCwA_6-9JoC51WBe0QGg.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/4c076c53-e6a5-60d4-92ff-b73a67032fcf.gif)

### Dart言語でStreamsを使ったリアクティブプログラミング
https://codeburst.io/reactive-programming-using-streams-in-dart-6e17e6faf6b9
Dart言語のStreamsを理解するのが難しいですか？この記事ではStreamsの基本的な使いかとを簡単に説明します

![1_WAZz7-pBLfqqAtW-Pch3Vw.jpeg](https://qiita-image-store.s3.amazonaws.com/0/129712/208496ad-af20-80c6-a213-b85a68e44312.jpeg)

### Flutter: 折りたたみ式ツールバー
https://medium.com/@diegoveloper/flutter-collapsing-toolbar-sliver-app-bar-14b858e87abe
折りたたみ式ツールバーの実装チュートリアルとそれをタブと組み合わせる方法

![1_kxT9EyxIJDS-vCiZASyWvg.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/2c472bee-2101-52c5-f4c5-67cc4a99bb85.gif)

### 初心者向けFlutter
https://medium.com/flutter-io/out-of-depth-with-flutter-f683c29305a8
Flutterのコードをクリーンに保つ方法について紹介

![1_-1gqkQbEiJl2PKTlRBmYrg.png](https://qiita-image-store.s3.amazonaws.com/0/129712/ae431f0c-563f-cdda-1852-b878eac3c4f5.png)

### Flutter – Geolocation
http://tphangout.com/flutter-geolocation/
Flutterでgeolocationを使うためのチュートリアル

![Screenshot_2018-07-10-22-09-40.png](https://qiita-image-store.s3.amazonaws.com/0/129712/43996856-f947-1525-db04-c740aa2794d2.png)

### JavaScriptプログラマー向けのDart言語入門
https://hillelcoren.com/2018/07/09/dart-for-javascript-programmers/
JavaScriptプログラマー向けのDart言語紹介

### Flutterがモバイルアプリ開発を促進させる４つの理由
https://opensource.com/article/18/6/flutter
Flutterでもアプリ開発をより楽しいものにしている重要なポイントを紹介

### AndroidアプリをFlutterに移行
https://medium.com/@ecspike/porting-an-android-app-to-flutter-90d9671384c0
サンシャインアプリを書き直してFlutterへ移行していく

![1_2IPfY6jnMPtDlB5BwYtsMQ.png](https://qiita-image-store.s3.amazonaws.com/0/129712/d388f813-d8ca-44f0-a9a9-498b5e3b5cf1.png)

### Flutter の Hero と Villain がもたらしたバランス
https://medium.com/flutter-community/flutter-heroes-and-villains-bringing-balance-to-the-flutterverse-2e900222de41
Villainsというライブラリがどのように動作するのかを解説

![1_AHypbXYdBWnNfLoeseJ3lw.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/544e8886-2c73-182c-3b70-211debd4538e.gif)

# ビデオ＆メディア

### Flutterチャンレンジ: ラジアルメニュー
https://youtu.be/HjVaMxONcFw
ラジアルメニューの作り方

![Screen Shot 0030-07-17 at 15.29.34.png](https://qiita-image-store.s3.amazonaws.com/0/129712/77abcae0-28dc-44a2-7210-3a8a8765a8a0.png)

### Flutter: バックボタン制御
https://youtu.be/fYBCzgBRkb4
AndroidのバックボタンをFlutterでどのように制御するかを解説

### How to apply UX principles and methods to API usability
https://devrel.net/developer-experience/how-to-apply-ux-principles-and-methods-to-api-usability
GoogleのUXリサーチャーが解説するFlutter SDK

![Screen Shot 0030-07-17 at 15.31.44.png](https://qiita-image-store.s3.amazonaws.com/0/129712/45007d67-f520-ef20-af35-0c2f100f4b85.png)

### Dart Advanced: LINQ | Functional Collections | Operators
https://youtu.be/m9_HpEGOOFU
DartでLINQを使う手順を紹介

![Screen Shot 0030-07-17 at 15.32.35.png](https://qiita-image-store.s3.amazonaws.com/0/129712/2d066419-9e57-252b-56a1-7f75d676cf81.png)


# ライブラリ＆コード

### crossfire
https://github.com/apptreesoftware/crossfire
WebとFlutterの両環境で利用可能なクロスプラットフォームDartライブラリ

### Flutter Youtube App Redesign
https://github.com/ibhavikmakwana/youtube_flutter_app
YouTubeの新しいデザインコンセプトをFlutterで再現

![detail.jpg](https://qiita-image-store.s3.amazonaws.com/0/129712/26448f04-e191-ab76-83fd-a23fcfa54370.jpeg)

### Animated Backgrounds for Flutter
https://github.com/AndreBaltazar8/flutter_animated_background
Fluttreでアニメーション背景を表示

![example_star.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/37878144-e062-9671-86f7-78aec0d3e238.gif)

### super_tooltip
https://github.com/escamoteur/super_tooltip
ツールチップの吹き出しを簡単に表示することが出来るウィジェット

![default_parameters.png](https://qiita-image-store.s3.amazonaws.com/0/129712/9d61369a-862d-28fe-39ea-8c111b86931a.png)

### Flutter AppSync Demo
https://github.com/ineat/flutter-aws-appsync-sample
FlutterでAWS AppSyncを使うデモ

![demo (4).gif](https://qiita-image-store.s3.amazonaws.com/0/129712/2196e50a-80a6-4c44-4f6a-03c3ac8e8c70.gif)