Edited at

Flutterウィークリー #11

More than 1 year has passed since last update.


Flutterウィークリーとは?

FlutterファンによるFlutterファンのためのニュースレター

https://flutterweekly.net/

この記事は#11の日本語訳です

https://mailchi.mp/5db146a7468b/flutter-weekly-11


読み物&チュートリアル


React NativeアプリをFlutterで再開発

https://blog.geekyants.com/we-rebuilt-a-react-native-app-with-flutter-4160f0499a82

React Nativeでアプリを作るのとFlutterで作る場合の比較

Screen Shot 0030-06-20 at 16.02.44.png


アニメーションを組み合わせる

https://flutter.rocks/2018/03/14/orchestrating-multiple-animations-into-visual-enter-animation/

アニメーションを組み合わせてカッコイイ画面を設計する

result.gif


Flutter: 本棚アプリ Part 2, メモ機能とDB

https://proandroiddev.com/flutter-bookshelf-app-part-2-personal-notes-and-database-integration-a3b47a84c57

データベース昨日を実装しアプリにメモを残すことが出来るようにする

1_5pimSZUB484hM6dzuK6gXQ.gif


FlutterでSnackbarを表示

http://cogitas.net/show-snackbar-flutter/

FlutterでSnackbarを使う農法を解説

2018_02_24_10_41_55.gif


はじめてのFlutter

https://www.raywenderlich.com/188257/getting-started-with-flutter

Flutterをゼロから始めるためのチュートリアル

finalapp-571x500.png


FlutterでStoryboarding Widgets

https://medium.com/@ilikerobots/storyboarding-widgets-in-flutter-96d79d9a72f0

WebのUI開発で便利な仕組みをFlutter開発に適用する

1_Srb2BPWbMCDXvNsisaMDUA.png


Flutter: Routes と Navigation

https://medium.com/@Nash_905/flutter-routes-and-navigation-69f128a9ea8f

Flutterのルートとナビゲーションに関する素晴らしいチュートリアル

0_qlwJ-ibAAJ3nq0cV.png


DIでUIとロジックを分ける

https://medium.com/@matejthetree/separate-ui-and-logic-in-a-simple-way-with-dependency-injection-organic-injector-3308242e481d

organic_injectorを使ってFlutterにDIを実装

1_0gHe79bGPMD-Z7HZgCI4gQ.png


FlutterでComboBoxes

https://medium.com/@boldijar.paul/comboboxes-in-flutter-cabc9178cc95

FlutterでComboBoxesを実装する手順を解説

1_pwx_TK9rkfy52J_PSDdmYQ.gif


Flutterのホットリロードやばい!

https://medium.com/flutter-io/that-flutters-reload-is-so-hot-right-now-371b3ad0fc94

Flutterのホットリロードは本当に便利すぎてやばいってことが書いてある記事

1_7BKoEbJbiH08LxyMIpQdew.png


The Flutter Redux Problem

https://medium.com/fluttery/the-flutter-redux-problem-fa9d59ec97b8

FlutterでRedux実装をする場合の問題点

1_ZX00M-DmsrigKap7wzGoQQ.png


実際にFlutterを触ってみよう!

https://medium.com/@max1ermakov/getting-your-hands-dirty-with-flutter-project-setup-authorization-ad4c7ab9cd89

プロジェクトの設定から認証までを実装してみる

Screen Shot 0030-06-20 at 16.06.55.png


ライブラリ&コード


flutter_simple_arch

https://github.com/netdur/flutter_simple_arch

3つの簡単なステート管理サンプル


flutter-mvp

https://github.com/n1x0nj4/flutter-mvp

FlutterでMVPアーキテクチャを実装するサンプル


flutter-examples

https://github.com/nisrulz/flutter-examples

Flutterのコードサンプルを集めてみた

Screen Shot 0030-06-20 at 16.07.49.png


flutter_sparkline

https://github.com/xqwzts/flutter_sparkline

グラフを簡単に描画できるライブラリ

example_points_all.png


flutter_parallax

https://github.com/letsar/flutter_parallax

スクロールに合わせて画像が移動するライブラリ

parallax.gif


ビデオ&メディア


Google公式Flutterチュートリアル

https://www.youtube.com/playlist?list=PLR2qQy0Zxs_UdqAcaipPR3CG1Ly57UlhV

Google公式のFlutterチュートリアル

Screen Shot 0030-06-20 at 16.09.11.png


Scale16xでFlutterの紹介

https://youtu.be/O7TXamVRSbY

Scale16xというオープンソースカンファレンスでFlutterについて紹介した動画

Screen Shot 0030-06-20 at 16.11.14.png


Flutter - Getting data from Firebase

https://youtu.be/Bper2K92bd8

FlutterでFirebaseから情報を読み込む為のチュートリアル

Screen Shot 0030-06-20 at 16.10.11.png


Flutterで作るドラッグアンドドロップアプリ

https://youtu.be/On2Oew0NdGo

Flutterアプリ内でドラッグアンドドロップを実装するチュートリアル

Screen Shot 0030-06-20 at 16.10.47.png