
そんなあなたに送る、 Flutterニュース 。
本記事ではFlutterニュースとして、2022年8月第3週に話題になったFlutter関連の情報や、 アップされた記事、YouTube動画の紹介を行います。
読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!
Flutter公式情報
Firebase Crashlytics と Flutter Casual Games Toolkit
https://twitter.com/FlutterDev/status/1556769728835764225
Flutter のチュートリアルとして有用なFlutter Casual Games Toolkit のアプリに、 アプリのクラッシュの検知に優れているFirebase Crashlytics を組み合わせる方法について の紹介です。
ツイート内リンクから組み合わせる方法について解説された記事を読むことが可能です。
Debug properties | Decoding Flutter
Debug 時に有用なWidget Inspector の表示を自分好みにカスタマイズする方法についての 動画です。
debugFillProperties
をオーバーライドして表示プロパティを増やす方法が紹介されています。
Flutterに関する話題
フリーのFlutter用WebRTC SDK
https://antmedia.io/announcing-stable-flutter-webrtc-sdk/
無料のFlutter のWebRTC (Web リアルタイムコミュニケーション) SDK がリリースされた、 との投稿がRedditで話題となっていました。
P2P コミュニケーションプロジェクトを含む4つのサンプルプロジェクトが 用意されているとのことです。
オープンソースの節約アプリのリリース
オープンソースの節約アプリに関する投稿がRedditで話題となっていました。
状態管理手法としてRiverpodを用いて作成されているとのことです。
Dart Frog — Dartでの最小限のバックエンドフレームワーク
https://medium.com/@razvantmz/dart-frog-a-minimalistic-backend-framework-for-dart-e9b479d923e7
Dartでバックエンドを書くことのできるフレームワーク、 Dart Frogについて解説された記事です。
サンプルコード付きで対応可能な内容を紹介されています。
Canton UI パッケージ
https://www.reddit.com/r/FlutterDev/comments/wmmklc/i_released_my_first_package/
UI を簡単に構築するためのパッケージとして、Canton UI がリリースされた、との投稿です。
投稿内pub devのリンクからこのパッケージを使用した際のUIの見た目を見ることができます。
Flutterに関する記事
詳解 TextField
https://medium.com/@rafe.kun/%E8%A9%B3%E8%A7%A3-textfield-d28393258c51
TextField を詳細に解説した記事です。
各プロパティでできることについて、詳細に解説がなされています。
【Flutter】Storybookライクに使えるMonarchを試してみる
https://zenn.dev/slowhand/articles/cb69ab446c0597
Flutter のUI確認ツールであるMonarch について紹介された記事です。
スクリーンショットを紹介の上、使用方法についてまとめられています。
Monarch については週刊Flutter大学でも記事化しています。 併せてご確認下さい。
https://blog.flutteruniv.com/flutter-monarch/
Riverpod v2のAsyncValueを理解する
https://zenn.dev/tsuruo/articles/52f62fc78df6d5
現在開発中のRiverpod v2 での AsyncValue について解説された記事です。
isRefreshing
の紹介など、図やコードを用いて、かなり詳細に解説がなされています。
StatefulWidgetを MVVMで拡張する方法
https://medium.com/@buttonsrtoys/mvvm-with-flutter-e162a59984cf
Stateful Widget で書かれたコードを MVVM で書き換える方法について書かれた記事です。
記事後半ではGetIt等のパッケージを使った方法について紹介がなされています。
Eitherとfpdartを利用した関数的エラーハンドリング
Either を使用したエラーハンドリング方法の紹介記事です。
fizz - buzz のプログラムに対してで入力された文字列が数字以外の場合の エラーハンドリングの仕方をベースに、 Eitherを使ったエラーハンドリング方法を紹介されています。
Flutter大学メンバーがリリースしたアプリ
shareKakeibo ~ 共有できる家計簿アプリ ~
https://apps.apple.com/app/sharekakeibo/id1638570813
takuro さんにより、共有できる家計簿アプリ、『shareKakeibo』がリリースされました!
円グラフやカレンダーでの収支の確認等の機能に加え、 複数人での共有機能まで実装されています。
UIもとても使いやすく、素敵なアプリです!
Flutter大学メンバーによる記事
[Flutter] 点線の作り方
https://zenn.dev/hikaru24/articles/464a6d354628c1
点線のUI を作るためのパッケージを紹介された記事です。
サンプルコードやスクリーンショットだけでなく、 Widgetの各プロパティでどのようなことができるのかまで紹介されています。
【Flutter】import:相対パス絶対パス、使い分けのススメ
https://zenn.dev/wakanao/articles/9168c156e28105
Flutter のファイルのimport 文を相対パス、絶対パスで使い分けることの メリットについて記載された記事です。
import 文を整理するのに有用なVS Codeの拡張機能の紹介までなされています。
週刊Flutter大学の記事
先週週刊Flutter大学に追加された記事は以下になります。
https://blog.flutteruniv.com/flutter-news-20220808/
https://blog.flutteruniv.com/flutter-widget-original/
https://blog.flutteruniv.com/flutteruniversity-study-meeting-202207/
まとめ
本記事ではFlutterニュースとして、 2022年8月第2週に話題になったFlutter関連の情報や、 アップされた記事、YouTube動画の紹介を行いました。
この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。
Flutterを一緒に学んでみませんか? Flutter エンジニアに特化した学習コミュニティ、Flutter大学への入会は、 以下の画像リンクから。
編集後記(2022/8/15)
今週のFlutterニュースの記事でした。
Widget Inspector でのレイアウトチェックは、 アプリ開発業務で最近かなり使用しました。
ピクセル単位でコンポーネントのマージンを管理したい、といった時に、 どこからどこまでがそのコンポーネントの描画範囲なのか、 を知るのにとても有用でした。
Widget Inspector がないと、Containerで囲んで、色つけて確認する、 といったちょっと力技での対応が必要となります。 UIをクリックしただけで描画範囲がわかるWidget Inspector は とても便利でした。
あなたもレイアウトに困った際にはぜひWidget Inspectorを使用してみてください。
週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。 記事の更新情報はFlutter大学Twitterにて告知します。