Skip to content
Go back

Flutter ニュース 【2022年8月第3週】

by Aoi
Speaker
Flutterの最新情報をキャッチアップしたい!

そんなあなたに送る、 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

https://youtu.be/DnC7eT-vh1k

Debug 時に有用なWidget Inspector の表示を自分好みにカスタマイズする方法についての 動画です。

debugFillPropertiesをオーバーライドして表示プロパティを増やす方法が紹介されています。

Flutterに関する話題

フリーのFlutter用WebRTC SDK

https://antmedia.io/announcing-stable-flutter-webrtc-sdk/

無料のFlutter のWebRTC (Web リアルタイムコミュニケーション) SDK がリリースされた、 との投稿がRedditで話題となっていました。

P2P コミュニケーションプロジェクトを含む4つのサンプルプロジェクトが 用意されているとのことです。

オープンソースの節約アプリのリリース

https://www.reddit.com/r/FlutterDev/comments/wo7zif/i_released_my_2nd_app_on_the_app_storeplay_store/

オープンソースの節約アプリに関する投稿が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にて告知します。


Aoiのプロフィール画像

Aoi

ライター兼個人Flutter開発者 Flutterにて5つのアプリを開発。QiitaではFlutter記事にて約500のContributionを獲得。

Share this post on:

Previous Post
【Flutter】 Either型を使ってみよう!【fpdart】
Next Post
【Flutter大学】 共同勉強会 まとめました!【2022年7月】