Flutterウィークリー #26

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

この記事は#26の日本語訳です
https://mailchi.mp/4696e02fe8eb/flutter-weekly-318925

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

### FlutterはReactではない！
https://flutter.thosakwe.com/posts/flutter-is-not-react
FlutterとReactの違いを比べたリスト

### Flutterでシンプル天気予報アプリを作る
https://dragosholban.com/2018/07/01/how-to-build-a-simple-weather-app-in-flutter/
AndroidとiOSの両方で動作する天気予報アプリの作り方
![Screen Shot 0030-07-09 at 13.04.21.png](https://qiita-image-store.s3.amazonaws.com/0/129712/7574f2b9-0da9-c10f-543c-80347aff3cdc.png)

### ドラッグできるスクロールバーを作る
https://medium.com/flutter-community/creating-draggable-scrollbar-in-flutter-a0ae8cf3143b
ドラッがぶるスクロースバーコンポーネントの作り方
![1_EJVwMKAKdCfwQx98rHG9MQ.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/9d71f24f-a77d-bfdc-182b-823e4571d59b.gif)

### Flutter 非同期処理 : 初心者向け
https://medium.com/@Kartik1607/flutter-async-beginner-friendly-guide-for-heavy-lifting-operations-cf8ec81833d7
重い処理をUIに影響させずに実行する非同期処理をどのようにFlutterで実装するかをまとめた記事
![1_120Nzr5zYT5Q0M3HovQgOg.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/092f8391-0903-7ff6-c77c-39f30f35bc23.gif)

### Flutter Tip: タイトルなしのタブバー
https://medium.com/@dhuma1981/flutter-tip-tabbar-inside-appbar-without-title-75fb4dd58db
AppBarを使わないときにどのようにしてTabBarを実装するのかをまとめた記事
![1_dZbju_epPQomRZbNlZbEnA.png](https://qiita-image-store.s3.amazonaws.com/0/129712/22606d34-06d0-f850-7e4b-b0f1bfbc783e.png)

### Flutterやろうぜ！シンプル電卓アプリを作った方法
https://medium.com/@harshil1712/lets-flutter-how-i-built-a-simple-calculator-with-flutter-41410b76a1aa
Flutterでシンプルな電卓インターフェースを作る手順をまとめた記事
![1_jiKAlcgw_b0xeSzCDmPhlA.png](https://qiita-image-store.s3.amazonaws.com/0/129712/8baeb429-34d1-a7e8-77a1-4dcf3a2e8553.png)

### Flutter ケーススタディ: BottomNavigationBarを使ったナビゲーション
https://medium.com/coding-with-flutter/flutter-case-study-multiple-navigators-with-bottomnavigationbar-90eb6caa6dbf
BottomNavigationBarを使ったマルチプルナビゲーションスタックの作り方を解説
![1_qQW2iGXiWL2F1tu6cLQfwg.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/1b44bd87-539d-90b2-870a-b958c15d98f9.gif)

### AngularでBLoCデザインパターン
https://medium.com/lacolaco-blog/bloc-design-pattern-with-angular-1c2f0339f6a3
プラットフォームに依存せず、Flutter と Dart Angularで、効果的にBLoCパターンを適用する方法。

### 実用Flutter: 初心者向け6つのTips
https://hackernoon.com/practical-flutter-my-personal-6-tips-for-newcomers-dfbe44a29246
初めてFlutterにふれる方でも安心。初心者向けの6つのTipsを紹介
![1_49JRIXl5TjmS9GWjlyr7Sw.jpeg](https://qiita-image-store.s3.amazonaws.com/0/129712/ccf5bc70-a254-f5cc-5bc4-6c60c480c186.jpeg)

### Flutter: Googleアカウントと電話認証を実装
https://medium.com/@gildaswise/flutter-adding-sign-in-with-google-and-phone-authentication-to-your-app-69f681518f9b
FirebaseのPhone Authenticationを使った認証をFlutterで実装する方法
![1_db1OJKjdUCOAVUVOaK_xIw.png](https://qiita-image-store.s3.amazonaws.com/0/129712/930623b8-aba7-da69-e48f-a16789ae8b33.png)

### Android Studioを使ってFlutterアプリを作るTips
https://medium.com/@liewjuntung/tips-on-using-android-studio-to-develop-flutter-apps-9e42c047b7f4
Android Studioで開発を効率的に行うTipsを紹介
![1_frr__eBPvnTYzGJbVpjy1A.png](https://qiita-image-store.s3.amazonaws.com/0/129712/38e88b2c-5d5c-ecd8-ba7d-781c8007d215.png)

### Apple Music Player — ライブラリスクリーン
https://medium.com/@xsokev/apple-music-player-library-screen-cab5661bb859
Apple Music Player UIを実装する記事
![1__e1vc_rfy2rs7OfqYT1pkw.jpeg](https://qiita-image-store.s3.amazonaws.com/0/129712/494a1939-6e7d-f81d-0385-27ccc7a81e23.jpeg)

# ビデオ＆メディア

### Flutter: SizedBox | Flutterウィークリーウィジェット | Ep 1
https://youtu.be/aVZ5rsA4Yx8
SizedBoxについて分析した動画

### Networking and FutureBuilder - 「退屈なFlutter開発ショー」エピソード3
https://youtu.be/rfagvy5xCW0
ネットワークとJSONデータの処理、それに加えてFutureBuilderウィジェットについて解説します

### React Native vs Flutter vs NativeScript vs Ionic vs PWAs
https://youtu.be/bnYJRYFsrSw
ネイティブモバイル開発といくつかのマルチプラットフォームフレームワークについて面白い比較
![Screen Shot 0030-07-09 at 13.15.41.png](https://qiita-image-store.s3.amazonaws.com/0/129712/f16d0dfc-530c-d5e6-9880-5ad8e4b084c0.png)

# ライブラリ＆コード

### Flutter スニペット
https://marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets
Visual Studio Codeで開発をしている方向けのスニペットプラグイン
![Screen Shot 0030-07-09 at 13.16.51.png](https://qiita-image-store.s3.amazonaws.com/0/129712/51872634-8149-fe07-605e-5500ce07313b.png)

### Flutter Spinkit
https://github.com/jogboms/flutter_spinkit
アニメーションインジケーターコレクション
![Screen Shot 0030-07-09 at 13.17.26.png](https://qiita-image-store.s3.amazonaws.com/0/129712/47816e3c-0ede-d6c8-cc56-af65f83b3459.png)

### Foody
https://github.com/trey-rosius/foody
BLoCパターンを使った食べ物注文アプリの作り方（PHPとMySQLのコード付き）
![image2.jpeg](https://qiita-image-store.s3.amazonaws.com/0/129712/461e5dc6-fa44-f12a-a942-5b29c72875fb.jpeg)

### flutter_scroll_gallery
https://github.com/dthongvl/flutter_scroll_gallery
サムネイル付きカルーセルギャラリーを作る必要があるならこのライブラリがおすすめ
![showcase.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/29f198a6-3a1f-ce9d-ffe4-97a41b0a7240.gif)

### UnicornDialer
https://github.com/tiagojencmartins/unicornspeeddial
スピードダイアラーライブラリ
![vertical.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/50b976d9-b084-71de-310d-f1b79dc8f0f3.gif)

### Flutter samples
https://github.com/flutter/samples
Flutterチーム公式のベストプラクティスをまとめたサンプルアプリ集。今後、続々と追加されるので目が離せない！

### Flutter Playground
https://github.com/ibhavikmakwana/FlutterPlayground
いろいろなFlutterウィジェットを使ったサンプル集
![Screen Shot 0030-07-09 at 13.19.55.png](https://qiita-image-store.s3.amazonaws.com/0/129712/ad53570b-f438-108c-542f-082b69cb3df0.png)

![Screen Shot 0030-07-09 at 13.20.40.png](https://qiita-image-store.s3.amazonaws.com/0/129712/1f4e96aa-aba1-0006-2ff1-f51609be359e.png)

### flutter_country_picker
https://github.com/biessek/flutter_country_picker
国コードピッカーライブラリ
![1.png](https://qiita-image-store.s3.amazonaws.com/0/129712/fbce231d-2223-b575-6846-88fa88da82f4.png)

### Flutter Speed Dial
https://github.com/darioielardi/flutter_speed_dial
マテリアルデザインのスピードダイアル
![68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f65663442706d6574767648394264514339742f67697068792e676966.gif](https://qiita-image-store.s3.amazonaws.com/0/129712/645e6621-9750-4651-a43f-caed7e408472.gif)

### Flutter Movie
https://github.com/santoshanand/flutter_movie
ムービーアプリケーションのサンプル
![Screen Shot 0030-07-09 at 13.22.32.png](https://qiita-image-store.s3.amazonaws.com/0/129712/c93993dd-f85a-2d69-b197-c180b7613013.png)