Flutter ニュース 【2022年10月第1週】

『Flutterの最新情報をキャッチアップしたい!』

そんなあなたに送る、 Flutterニュース 。

本記事ではFlutterニュースとして、2022年9月第5週〜10月第1週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行います。

読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!

Flutter公式情報

Flutter 3.3.3 リリース!

Flutter のstable チャンネルにて、Flutter 3.3.3がリリースされました。

Hotfixes一覧によると今回のリリースでの修正点は以下となります。

pay プラグインのアップデート

Flutter 公式により、Pay プラグインのアップデートが紹介されました。

このアップデートで、Google Pay に対応したとのことです。

Actions 今週のウィジェット

Flutter 公式による ウィジェット紹介動画シリーズ、Widget of the Week の
最新動画がアップロードされました。

3週にわたってキーボードショートカットの実装について解説する中、
3週目の今週は、Actions ウィジェットの紹介となります。

Flutterに関する話題

Riverpod バージョン 2.0 リリース!

riverpod | Dart Package
A simple way to access state from anywhere in your application while robust and testable.

Flutter の状態管理フレームワーク、Riverpod のバージョン2.0がリリースされました。

こちらのChangelog で変更点等を見ることができます。

flutter_anchorlable パッケージ

特定の位置まで自動でスクロールする機能を持ったウィジェット等を提供するパッケージ、
flutter_anchorlable パッケージがReddit で話題となっていました。

こちらのパッケージ紹介ページにて使用感のGIFを見ることができます。

live_activities プラグイン

live_activities | Flutter Package
A Flutter plugin to use iOS 16.1+ Live Activities & iPhone 14 Pro Dynamic Island features

iOSのActivityKit API を利用した、LiveActivity や Dynamic Island の機能の
実装をするためのプラグイン、live_activities プラグイン がRedditで話題となっていました。

こちらのプラグイン紹介ページにて使用感のGIFを見ることができます。

アニメーション付きドーナツ型グラフのサンプル

GitHub - rxlabz/animated_donut: Flutter animated donut chart example
Flutter animated donut chart example. Contribute to rxlabz/animated_donut development by creating an account on GitHub.

アニメーション付きのドーナツ型グラフのサンプルリポジトリが
Reddit で話題になっていました。

上記リンクのREADME にて、アプリの動作の動画を確認することができます。

Flutterに関する記事

【Flutter】アプリ全体のアーキテクチャを0から考えて作り直した話

【Flutter】アプリ全体のアーキテクチャを0から考えて作り直した話

アプリのアーキテクチャの構成例についてまとめられた記事です。

ある要件を持ったプロジェクトに対してアプリのアーキテクチャをどうするべきか、
考え方と例がまとめられています。

ネスト化ルーティングでのBottomNavigationBar : GoRouter vs Beamer の比較

Flutter Bottom Navigation Bar with Stateful Nested Routes using GoRouter
How to implement bottom and side navigation with stateful nested routes in Flutter using the GoRouter package (example app with source code included).

BottomNavigationBar を残したまま画面遷移する方法について書かれた記事です。

GoRouter と Beamerパッケージそれぞれを使用して実装し、比較を行っています。

Flutter でFlameを用いて ピンポンゲームを作成する

Flutter Game: Build a Pong Game with Flutter Flame
Let's Build a Flutter Game! Building apps with Flutter is simple, let’s create the classic pong game using the Flame game engine.

Flutter とゲームエンジンであるFlame を用いてピンポンゲーム(卓球ゲーム)を実装する方法について解説された記事です。

衝突検知の実装方法や対戦相手の動作の管理手法等がまとめられています。

動画メインのソーシャルアプリをFlutterで作成する:課題と対処法

Building A Video-driven Social App With Flutter: Challenges And How To Overcome Them
Having a stable feed experience is essential for a social startup. If your users are disappointed with bugs and sluggishness, they stop…

ソーシャルアプリのSpontyをFlutterで作成する最中に直面した課題と、対処法について書かれた記事です。

動画メインのソーシャルアプリを作成するにあたってのプラグイン選定の経緯等がまとめられています。

Flutter大学メンバーによる記事

『超簡単』FlutterとFirebaseと接続してみる

『超簡単』FlutterとFirebaseと接続してみる - Qiita
この記事についてこの記事では、Flutterで作成したアプリとFirebaseを接続するまでの手順を説明していきます!では行ってみましょう!Step1 アプリの作成(※既知の場合には読み飛ばし…

FlutterアプリとFirebase の接続方法についてまとめられた記事です。

接続に必要なコマンド等が端的にまとめられています。

『自分用』Flutter入門 Providerの使い方

『自分用』Flutter入門 Providerの使い方 - Qiita
この記事についてこの記事はあくまで自分用に作ったものなので、読みにくい部分や間違いも含まれていると思いますが、誰かのお役に立てれば幸いです。では始めましょう!Providerとは参考記事…

Flutter の状態管理パッケージ、Provider の使い方について解説された記事です。

ChangeNotifierを利用した使い方について紹介されています。

『コピペで簡単』Flutter✖️Firebase メール認証してみよう!

『コピペで簡単』Flutter✖️Firebase メール認証してみよう! - Qiita
この記事について2022.09.29現在、かなり簡単にFirebaseAuthの認証を行えるようになっているのでここにメモ書きとして残しておきます!FirebaseそのものをFlutterに導入…

Flutter と Firebase Auth でのメール認証の実装について紹介している記事です。

Providerとの組み合わせでサンプルコードが紹介されています。

The Non-Designer’s Color Schemes

The Non-Designer's Color Schemes

アプリでの色の選択方法について書かれた記事です。

Material Designに則った色の選択方法について、
役立つサイト等が紹介されています。

Flutterでメモアプリを作る!!

Flutterでメモアプリを作る!!

Flutter でメモアプリを作成した際のアーキテクチャ等を紹介された記事です。

システムの設計について図を用いて紹介がなされており、
構成におけるポイント等がまとめられています。

FlutterWebでjavaScript関数を呼び出す

【Flutter】Flutter WebでjavaScript関数を呼び出す

Flutter Web で JavaScriptの関数を呼び出す方法についてまとめられた記事です。

自作のjs関数を定義し、呼び出す方法について例がまとめられています。

【Flutter Widget of the Week #6】FutureBuilderを使ってみた

【Flutter Widget of the Week #6】FutureBuilderを使ってみた

Flutter 公式 の動画シリーズ, “Widget of the Week”で紹介されたウィジェットについて
解説している記事です。

今回はFutureBuilder について、まとめられています。

【Flutter Widget of the Week #7】FadeTransitionを使ってみた

【Flutter Widget of the Week #7】FadeTransitionを使ってみた

Widget of the Week で紹介された、FadeTransition ウィジェットについてまとめられた記事です。

サンプルアプリの紹介や、ウィジェットの各プロパティの紹介がなされています。

【Flutter Widget of the Week #8】FloatingActionButtonを使ってみた

【Flutter Widget of the Week #8】FloatingActionButtonを使ってみた

FloatingActionButton ウィジェットについてまとめられた記事です。

Material 3 での FloatingActionButton について紹介されています。

週刊Flutter大学の記事

先週週刊Flutter大学に追加された記事は以下になります。

まとめ

本記事ではFlutterニュースとして、
2022年9月第5週〜10月第1週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行いました。

この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。

Flutterを一緒に学んでみませんか?
Flutter エンジニアに特化した学習コミュニティ、Flutter大学への入会は、
以下の画像リンクから。



編集後記(2022/10/3)

今週のFlutterニュースの記事でした。

個人的に気になったのはFlameでのピンポンゲームの実装ですね。

Flame自体、一回チュートリアルをやったくらいで
ほとんど触ったことがないので、
是非一度アプリらしいアプリを作ってみたいと考えていました。

このピンポンゲームの記事は、実装もシンプルで作成するのに良い題材だな、
と感じました。

(確か、世界初のコンピューターゲームもピンポンゲームのようなものだったと
記憶しています。)

実際に作ってみた後、感想を編集後記やTwitterで紹介できればと思います!

ぜひお楽しみにしていてください!

週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。
記事の更新情報はFlutter大学Twitterにて告知します。
ぜひぜひフォローをお願いいたします。

タイトルとURLをコピーしました