Android
iOS
Dart
Flutter
FlutterWeekly

Flutterウィークリーとは?

FlutterファンによるFlutterファンのためのニュースレター
https://flutterweekly.net/

この記事は#23の日本語訳です
https://mailchi.mp/222f45036906/flutter-weekly-290417

↑のタイトルが#22になっていまるが先週が#22だったのでtypoなはず

読み物&チュートリアル

GitHub Flutterの作り方 — Part 2: Search Repositories List

https://medium.com/@alfianlosari/building-github-flutter-app-part-2-search-repositories-list-12a703f40055
GitHubクライアントアプリをFlutterで作るためのステップバイステップチュートリアル

1_RiFPR6Y5fUkETKwyK8vTHg.png

Onboarding Exercise

https://medium.com/@xsokev/onboarding-exercise-a584ebd9f608
ヨガアプリの作り方。FlutterのUIをどのように組み立てるかを解説

1_A1z1d1wVg3ctNCYXpGLYiA@2x.jpeg

Android開発者向け: Activity UIをFlutterで作る方法

https://blog.usejournal.com/flutter-for-android-developers-how-to-design-activity-ui-in-flutter-4bf7b0de1e48
Android開発者視点から見たFlutterのレイアウトの作り方を解説

1_orjHpEJ7_cLxBpbJ5tKHag.png

FlutterFlakes — Layout Widgets in Flutter [Part 1]

https://medium.com/flutterflakes/flutterflake-layout-widgets-in-flutter-part-1-c571355e835
Flutterでレイアウト組みする為の全てのウィジェットを解説

1_zuC2iZVGMbhzHGtNUNXYkA.png

Flutterアプリのリファクタリング - Part 1

https://medium.com/@lucasmbraz/refactoring-a-legacy-flutter-app-part-1-f5d40521f830
Flutterのテストについて解説

1_gPfZYLOXsYomE332DifeLw.png

Flutterアニメーションの基礎と組み合わせ

https://medium.com/@theshivamlko/flutter-basic-animation-and-combined-animation-13d8bb6916e8
Flutterのベーシックアニメーション(Translate,Scale,Rotate,Opacity)とその組み合わせ方を解説

1_6dxOrtpwoXPUObML8ZA11g.gif

Dartを使ってFlutter Studioを作った話

https://medium.com/@pmutisya/create-flutter-studio-using-dart-501f6577c1ca
なぜFlutter Studioを作ることになったのか。モチベーションや設計思想などを解説

1_ShefkQSRXukpk90_jPER-A.png

Flutterカスタムペイントチュートリアル

https://medium.com/@rjstech/flutter-custom-paint-tutorial-build-a-radial-progress-6f80483494df
カスタムペイントウィジェットを使ってラジアルプログレスを描画する方法を解説したチュートリアル

1_Vxc2evdypfe5w3NnOG0Kbw.gif

Flutterアプリを作って学んだ5つのこと

http://cogitas.net/5-lessons-learned-flutter/
Flutterアプリを開発する上で役立つ5つのティップスを紹介

Flutterで作るプログレスボタン

https://medium.com/@ibhavikmakwana/make-progress-button-in-flutter-d4e2d27bd1d7
ボタン埋込み型のプログレスアニメーションの実装方法を紹介

1_k5-E1qX7x4nk1bvnFtsDFQ.gif

テーマを変更する方法

https://proandroiddev.com/how-to-dynamically-change-the-theme-in-flutter-698bd022d0f0
実行中のアプリのテーマを簡単に変更する方法を紹介

1_3bJPBzNscZ5T5TB1tfxhlA.png

Flutter — BoxDecorationチートシート

https://medium.com/jlouage/flutter-boxdecoration-cheat-sheet-72cedaa1ba20
BoxDecorationの使い方を一歩踏み込んでまとめた情報。このウィジェットは思っていたよりもすごい豊富な機能を持ち合わせている

1_coIJNA2IPue97FRDOWKjNg.jpeg

Flutter向けウィジェットとJSONのテンプレート

https://medium.com/@alex.bunting314/widget-and-json-file-templates-for-flutter-94d8246172b8
Android Studio向けのFlutterアプリ開発を便利にするテンプレートの作り方を紹介

1_eyH4wLOkXxIAqHYxenI3Hg.png

バッテリーの状態を知ろう!

https://flutter.institute/tracking-your-battery/
Flutterアプリでバッテリーの状態を知るためのプラグインとその使い方を紹介

battery_state.png

Flutterで作るTODOアプリ

https://medium.com/the-web-tub/making-a-todo-app-with-flutter-5c63dab88190
初心者向けの簡単なTODOアプリの作り方を解説

1_mqN9VlClBMRDCZ1RPhQLCw.gif

ビデオ&メディア

Flutter でListViewを入れ子にする

https://youtu.be/1LGKZsff8bQ
入れ子にしたListViewの作り方を動画で紹介

Screen Shot 0030-06-11 at 6.54.48.png

Flutterのスクローリング

https://speakerdeck.com/rock3r/bigger-on-the-inside-flutter-scrolling-explained?slide=1
Flutterのスクローリングについて詳細を説明したスライド

Screen Shot 0030-06-11 at 6.55.50.png

Dart言語を使った非同期処理の解説

https://youtu.be/kN7X_gWcuv0
Dart言語で非同期処理を行うためのチュートリアル

Screen Shot 0030-06-11 at 6.57.08.png

Flutter : ドロワーを使って複数ページを管理

https://youtu.be/GQVbUpmN9BE
ドロワーコンポーネントを使用してナビゲーションを作成する方法を解説する動画

Screen Shot 0030-06-11 at 6.58.09.png

Android Dialogs: Flutterのセットアップ

https://youtu.be/CevGw-VUh8w
Android Dialogs初のFlutterを学ぶための動画第一弾(全6回)

Screen Shot 0030-06-11 at 6.59.31.png

Flutter レイアウト: PageView, ListView, GridView, Slivers, CustomScrollView

https://youtu.be/-zJ6CnOVndE
スクロールするウィジェットに関して説明した動画

Screen Shot 0030-06-11 at 7.00.08.png

ライブラリ&コード

Flutterウィジェットのリスト

https://github.com/kishansinhparmar/Flutter-Basic-Widgets
Flutterアプリのウィジェットをいろいろと紹介

Screen Shot 0030-06-11 at 5.58.06.png

flutter_downloader

https://github.com/hnvn/flutter_downloader
ファイルのダウンロードをハンドリングしてくれるプラグイン

enable_background_mode.png

Media Queue

https://github.com/zwhitten/media_queue
TODOアプリ風のアプリデモ

MediaQueue.png

Flutter クライアントと PHP バックエンド

https://github.com/harsh159357/flutter_client_php_backend
FlutterアプリとPHPで書かれたバックエンドのサンプルコード

Screen Shot 0030-06-11 at 5.59.36.png

Fluttergram

https://github.com/mdanics/fluttergram
FirebaseとFirestoreを使ったインスタグラムのクローンアプリ

Screen Shot 0030-06-11 at 6.00.39.png