Flutter ニュース 【2022年11月第2週】

2022.11.14

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

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

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

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

Flutter公式情報

Flutter 3.3.8 リリース！

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

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

Gesture Arena | Decoding Flutter

Flutter のタップ、ダブルタップ、ロングタップ等のイベントがどのように判別されているかを、
イベントの闘技場に例えて紹介されている動画です。

アニメーション付きで、判別の仕組みが紹介されています。

Flutter News Toolkit

Flutter の新たなテンプレートである、
Flutter News Toolkit へのアーリーアクセスが可能になった、とのツイートです。

このテンプレートを使うことによって、
認証機能やSNSへのシェア機能を持ったニュースアプリを、
より速く、簡単に作成することができるとのことです。

Flutterに関する話題

Samsung Note のようなメモアプリのリポジトリ

I built a note-taking app similar to Samsung Note from FlutterDev

マークダウンで書くことのできるメモアプリのリポジトリがRedditで話題となっていました。

Firebase を用いて作成されており、投稿内GitHubリンクからデザイン等を見ることができます。

Flutter で作成されたGoogle 製 VPN デスクトップアプリ

Google が提供するVPNアプリがFlutter で作られた、と話題となっていました。

macOS と Windows で使えるアプリをシングルコードベースで作成したとのことです。

Flutter バージョン管理ツール Puro

About - Puro
puro.dev

Flutter のバージョン管理ツールであるPuro についての投稿がRedditで話題となっていました。

リンク先にてFVM等との性能差が紹介されています。

Flutterに関する記事

dart:ffiで既存のC++の資産をDart/Flutterから使用する方法

dart:ffiで既存のC++の資産をDart/Flutterから使用する方法
zenn.dev

C++ で書かれた関数等をDart / Flutter で利用する方法について解説された記事です。

dart:ffi を用いて利用する方法が、具体的な課題と解決策の提示で解説されています。

タダで文化祭来場用の予約サイトを作らされた話

タダで文化祭来場用の予約サイトを作らされた話
zenn.dev

Flutter x Firebase で 文化祭来場用の予約サイトを作成した際の経験談について
書かれた記事です。

仕様変更の経緯や作成にあたって困った点等が書かれています。
記事内で作成したアプリケーションのソースコードのGitHubリンク等が記載されています。

StateNotifier, StateProvider, FutureProvider, StreamProviderの使い分け

StateNotifier, StateProvider, FutureProvider, StreamProviderの使い分け
zenn.dev

Flutterの状態管理フレームワーク、Riverpod のいくつかのProviderについて、
役割の違い等を紹介している記事です。

FutureProviderのStateNotirfierProviderでの書き換えでの例等が紹介されています。

【Flutter】Riverpod 2.0 の Notifier と riverpod_generator の解説

【Flutter】Riverpod 2.0 の Notifier と riverpod_generator の解説
zenn.dev

Flutterの状態管理フレームワーク、Riverpodのバージョン2.0と同時に追加された
riverpod_generator 等について紹介された記事です。

カウンターアプリを題材にriverpod_generatorでのコード生成の利用方法や、
Notifierでの記述例が紹介されています。

【重要】学習・開発で必ず確認するべきOSS

【重要】学習・開発で必ず確認するべきOSS
zenn.dev

WEB開発、モバイル開発等々で開発者が知っておくと良いオープンソースソフトウェア（OSS）について紹介された記事です。

Flutter で作成されているOSSについてもいくつか紹介がなされています。

【Flutter】プログラミング歴半年で、モバイルアプリを2個リリースした話

【Flutter】プログラミング歴半年で、モバイルアプリを2個リリースした話
zenn.dev

半年で2つのアプリをリリースした筆者の経験談について書かれた記事です。

リリースにあたり困った点やアプリケーション作成の際に工夫した点等が記載されています。

パッケージを使わずにオリジナルのToastを実装しよう！

Create your own Toast without using any packages!
In Flutter, creating overlay widgets are freaking easy, So let me show you how easy to implement overlay widgets!
itnext.io

パッケージを使わず、オリジナルのToastを実装する方法について書かれた記事です。

Overlayを用いた実装方法が紹介されています。

Flutter Riverpod 2.0 でのAsyncNotifier のサブクラスの単体テストの仕方

How to Unit Test AsyncNotifier Subclasses with Riverpod 2.0 in Flutter
AsyncNotifier is great. But how do we write unit tests for it? Here are all the details and a template you can follow to test your AsyncNotifier subclasses.
codewithandrea.com

Riverpod 2.0 で追加されたAsyncNotifierのサブクラスの単体テストの仕方について
紹介、解説された記事です。

認証機能を例に挙げモックの仕方やリスナーの設定方法等が紹介されています。

Flutterに関する動画

Flutterでの回転式ダイアルのUIへの挑戦

Flutterで黒電話のようなダイアルでのパスコード解錠アプリを作成したとの動画です。

こちら のGitHubからソースコードを確認することが可能です。

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

.familyについて学んでみた!

.familyについて学んでみた! - Qiita
familyとは何か?こちらが、公式のドキュメント解説によると.family 修…
qiita.com

Flutter 、Riverpod のProvider に対する修飾子であるfamilyについて書かれた記事です。

主にサンプルコードにてfamilyでのProvider 利用を行っています。

Flutter × Bitriseでappstore＆playストアにまとめてデプロイが快適すぎる件

Flutter × Bitriseでappstore＆playストアにまとめてデプロイが快適すぎる件
zenn.dev

Flutter とCI/CDサービスであるBitriseを用いて、
App Store、Google Play Storeにまとめてデプロイする方法について解説された記事です。

実際に導入しているアプリの設定内容をスクショ付きで紹介されています。

【Flutter Widget of the Week #22】AbsorbPointerを使ってみた

【Flutter Widget of the Week #22】AbsorbPointerを使ってみた
zenn.dev

Flutter 公式のウィジェット紹介動画シリーズ、Widget of the Week で
紹介されたウィジェットを、一つ取り上げて解説する記事です。

今回はタップ等のジェスチャーを無効化するAbsorbPointerについての解説記事となっています。

【Flutter Widget of the Week #23】Transformを使ってみた

【Flutter Widget of the Week #23】Transformを使ってみた
zenn.dev

Flutter 公式のウィジェット紹介動画シリーズ、Widget of the Week で
紹介されたウィジェットを、一つ取り上げて解説する記事です。

今回は拡大や回転等を実装できるTransformについての解説記事となっています。

Flutter Build時に Package.resolved file is corrupted or malformed

Flutter Build時に Package.resolved file is corrupted or malformed
zenn.dev

GitHub Actions を利用してのCI を構築時に直面したエラーの内容と解決策について書かれた記事です。

端的に原因と解決策が書かれています。

【Flutter】Animationの基礎から応用まで 

【Flutter】Animationの基礎から応用まで ~①基礎編~
zenn.dev
【Flutter】Animationの基礎から応用まで ~②複数効果の適用とTweenSequence~
zenn.dev
【Flutter】Animationの基礎から応用まで ~③Intervalと複数のTickerProvider~
zenn.dev
【Flutter】Animationの基礎から応用まで ~④アニメーションのわかりづらい所~
zenn.dev

Flutterのアニメーションの実装方法について解説された記事です。

アニメーションを実装するにあたっての様々な要素を丁寧にわかりやすく解説されています。

これらの記事の英語化もされています。

[Flutter Animation] newbie to advanced ~1. Basics~
This article is the first in a series of articles on animation.
medium.com

週刊Flutter大学の記事

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

Flutter ニュース 【2022年11月第1週】
本記事では Flutter ニュース として、2022年11月第1週に話題になったFlutter関連の情報や、 アップされた記事、YouTube動画の紹介を行います。 読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください！
blog.flutteruniv.com
2022.11.07
【 Placeholder 】場所取り用のウィジェットを使おう! 【 Flutter 】
本記事ではFlutterでUIを作成する際の場所取りに有用な仮置きのウィジェット、 Placeholder ウィジェットについて解説します。 基本的な使い方からカスタマイズ方法まで、詳細に解説します。 ぜひ使ってみてください！
blog.flutteruniv.com
2022.11.09
SizedBox の使い方 【Flutter】
本記事ではFlutterで頻出する SizedBox について解説します。基本的な使い方から、用意されているコンストラクタの紹介まで行います。ぜひ読んでみてください！
blog.flutteruniv.com
2022.11.12

まとめ

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

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

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



編集後記（2022/11/14）

Flutter公式からこんなツイートがありました。

2023年1月25日に何かある、との告知ツイートです。
一体何があるんでしょうか？
いくつか予想をしてみようと思います。

  1. Flutter のメジャーアップデート (Flutter 4.0.0)
  2. Flutter のカンファレンスの開催
  3. Flutter Apprentice のような初心者向けチュートリアル本の展開
  4. Flutter Puzzle Hack のようなハッカソンの開催

個人的には、Flutter 4.0が本命かな、と思っています。
どれになるにしろ、今からワクワクが止まりませんね！

あなたはこの告知についてどのように思いますか？
ぜひTwitter等でご意見をお聞かせください！

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

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