LoginSignup
7
4

More than 5 years have passed since last update.

Flutterウィークリー #11

Last updated at Posted at 2018-06-20

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

7
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
4