Android
iOS
Dart
Flutter
FlutterWeekly

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://medium.com/flutter-community/creating-draggable-scrollbar-in-flutter-a0ae8cf3143b
ドラッがぶるスクロースバーコンポーネントの作り方
1_EJVwMKAKdCfwQx98rHG9MQ.gif

Flutter 非同期処理 : 初心者向け

https://medium.com/@Kartik1607/flutter-async-beginner-friendly-guide-for-heavy-lifting-operations-cf8ec81833d7
重い処理をUIに影響させずに実行する非同期処理をどのようにFlutterで実装するかをまとめた記事
1_120Nzr5zYT5Q0M3HovQgOg.gif

Flutter Tip: タイトルなしのタブバー

https://medium.com/@dhuma1981/flutter-tip-tabbar-inside-appbar-without-title-75fb4dd58db
AppBarを使わないときにどのようにしてTabBarを実装するのかをまとめた記事
1_dZbju_epPQomRZbNlZbEnA.png

Flutterやろうぜ!シンプル電卓アプリを作った方法

https://medium.com/@harshil1712/lets-flutter-how-i-built-a-simple-calculator-with-flutter-41410b76a1aa
Flutterでシンプルな電卓インターフェースを作る手順をまとめた記事
1_jiKAlcgw_b0xeSzCDmPhlA.png

Flutter ケーススタディ: BottomNavigationBarを使ったナビゲーション

https://medium.com/coding-with-flutter/flutter-case-study-multiple-navigators-with-bottomnavigationbar-90eb6caa6dbf
BottomNavigationBarを使ったマルチプルナビゲーションスタックの作り方を解説
1_qQW2iGXiWL2F1tu6cLQfwg.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

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

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

Apple Music Player — ライブラリスクリーン

https://medium.com/@xsokev/apple-music-player-library-screen-cab5661bb859
Apple Music Player UIを実装する記事
1__e1vc_rfy2rs7OfqYT1pkw.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

ライブラリ&コード

Flutter スニペット

https://marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets
Visual Studio Codeで開発をしている方向けのスニペットプラグイン
Screen Shot 0030-07-09 at 13.16.51.png

Flutter Spinkit

https://github.com/jogboms/flutter_spinkit
アニメーションインジケーターコレクション
Screen Shot 0030-07-09 at 13.17.26.png

Foody

https://github.com/trey-rosius/foody
BLoCパターンを使った食べ物注文アプリの作り方(PHPとMySQLのコード付き)
image2.jpeg

flutter_scroll_gallery

https://github.com/dthongvl/flutter_scroll_gallery
サムネイル付きカルーセルギャラリーを作る必要があるならこのライブラリがおすすめ
showcase.gif

UnicornDialer

https://github.com/tiagojencmartins/unicornspeeddial
スピードダイアラーライブラリ
vertical.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

Screen Shot 0030-07-09 at 13.20.40.png

flutter_country_picker

https://github.com/biessek/flutter_country_picker
国コードピッカーライブラリ
1.png

Flutter Speed Dial

https://github.com/darioielardi/flutter_speed_dial
マテリアルデザインのスピードダイアル
68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f65663442706d6574767648394264514339742f67697068792e676966.gif

Flutter Movie

https://github.com/santoshanand/flutter_movie
ムービーアプリケーションのサンプル
Screen Shot 0030-07-09 at 13.22.32.png