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

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

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

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

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

Flutter公式情報

Flutter 3.3.4 リリース!

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

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

Equality in Dart | Decoding Flutter

Flutterの情報や機能を深掘りするシリーズ、Decording Flutterが更新されました。

今回は2つのオブジェクトを等しいと判定するための、
Dartでの値の等価性についての解説となっています。

Flutterに関する話題

Very Good Ranch | Flutter と Flameで作成されたオープンソースのゲーム

Flutter とFlame でオープンソースで作成されたユニコーンの育成ゲームがRedditで
話題となっていました。

お菓子をドラッグ&ドロップでユニコーンに与えることでユニコーンが成長していく
ゲームとなっています。
投稿内のリンクから、ソースコードや解説記事を見ることができます。

Fontsource プラグイン

fontsource | Flutter package
Easily add Fontsource fonts to your flutter app. Includes a dart interface for the Fontsource API.

Fontsource のフォントを簡単に利用可能にするプラグインがRedditで話題となっていました。

yaml ファイルに設定を記述することで、Fontsource のフォントを利用可能になるとのことです。

FlutterとServerpod を利用したマルチユーザーのピクセルお絵かきアプリ

Flutter と DartでのバックエンドサービスであるServerpod を利用して作られた、
複数人でお絵描きできるアプリについての投稿がRedditで話題となっていました。

投稿内のリンクからデモアプリの実行と、ソースコードの確認が可能です。

Flutterに関する記事

【Flutter】アプリを分割する3つのレイヤーと依存関係

【Flutter】アプリを分割する3つのレイヤーと依存関係

レイヤー分けされたアーキテクチャに対し、
各レイヤーの役割と依存関係について紹介されている記事です。

目の前の要件や条件に対して、
各レイヤーの役割をどのように持たせるとよいか、一例を学ぶことができます。

2020年の開発の参考になるFlutter製アプリ

2020年の開発の参考になるFlutter製アプリ

2020年に公開されたFlutter製アプリの中から厳選したアプリの紹介をしている記事です。

アプリのおおまかな種類別に、アプリへのリンクが紹介されています。

【必見】プログラマーが学習・開発で絶対に登録するべき15のYouTubeチャンネル

【必見】プログラマーが学習・開発で絶対に登録するべきYouTubeチャンネル まとめ

Python, TypeScript, Dart(Flutter)に対して、
参考になるYouTubeチャンネルを紹介している記事です。

海外のチャンネルを中心に、4つのチャンネルがFlutterで紹介されています。

Flutter モバイルアプリの ソフトウェアコード監査

Flutter mobile app code audit | Chili Labs
Explore Flutter mobile app code audits, client goals, source control tools, and README essentials. Understand bugs, security breaches & programming conventions

Flutter モバイルアプリのバグの発見を容易にするなどの効果のある、
ソフトウェアコード監査について紹介されている記事です。

記事内ではコードの品質やメンテナンス性、セキュリティなど、
それぞれの項目に対しチェックすべき項目が多数紹介されています。

Flutter Riverpod 2.0: The Ultimate Guide

Flutter Riverpod 2.0: The Ultimate Guide
A complete guide to the Riverpod package as a reactive caching and data-binding framework. Fully updated to Riverpod 2.0.

先日リリースされたFlutter Riverpod 2.0 に対応した、
Riverpod の利用方法について紹介、解説されている記事です。

各Providerの使い方からテストの方法まで、網羅的に紹介がなされています。

Flutteアプリへのマルチプラットフォームな月額制、年額製のサブスクリプション導入のコンプリートガイド

Revenuecat を利用したマルチプラットフォームなサブスクリプションの導入方法について書かれた記事です。

上記投稿内リンクからチュートリアル記事について見ることができます。

Flutterでの Supabase を利用した認証のコンプリートチュートリアル

https://www.sandromaglione.com/techblog/flutter-supabase-authentication-complete-tutorial

Flutter アプリで Supabase を利用した認証機能の実装について解説されたチュートリアル記事です。

認証機能を持つアプリの作成に対し、Supabase のセットアップの仕方から解説がなされています。

Flutterに関する動画

HABIT TRACKER • Flutter Tutorial ♥ Hive Local Storage

Havit Tracker アプリ (習慣記録アプリ)の作成を通してFlutterについて学ぶことのできる、
チュートリアルの動画です。

ローカルストレージ利用のパッケージであるHiveを利用したアプリの作成方法について、
学ぶことができます。

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

【Flutter Widget of the Week #9】PageViewを使ってみた

【Flutter Widget of the Week #9】PageViewを使ってみた

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

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

【Flutter Widget of the Week #10】Tableを使ってみた

【Flutter Widget of the Week #10】Tableを使ってみた

“Widget of the Week”で紹介されたウィジェットについて紹介、解説している記事です。

この記事では、Table ウィジェットの解説がなされています。

【Flutter Widget of the Week #11】SliverAppBarを使ってみた

【Flutter Widget of the Week #11】SliverAppBarを使ってみた

“Widget of the Week” で紹介されたウィジェットについて、
実際に触ってみて解説している記事です。

今回はSliverAppBarについて、実際に触って確認できるサンプル付きで解説がなされています。

abstractでREST APIのプログラムを作る

abstractでREST APIのプログラムを作る

Abstract なクラスとhttp通信についてサンプルコードで利用方法を解説している記事です。

FutureBuilderを利用したデータの取得と表示方法も紹介されています。

[Flutter] タイマーの実装方法

Zenn

Flutter でタイマーを実装する方法について解説されている記事です。

サンプルコードを紹介の上、コードの各行の役割について丁寧に解説がなされています。

[Firebase] Functionsで本番・開発・Emulator環境を判別する

[Firebase] Functionsで本番・開発・Emulator環境を判別する - Qiita
はじめに環境ごとに処理を変えたいんだけどFunctionsでどうやって判別できるの?調べても直接的な回答記事が見つからなかったが、process.envに用意されてるんじゃないかと調べてみたら使…

Cloud Functions でのFirebase の環境の判別をする方法について書かれた記事です。

エミュレータの判別、デバック環境の判別について、それぞれ方法を解説されています。

[Firebase] FunctionsからSlack通知を飛ばす

[Firebase] FunctionsからSlack通知を飛ばす - Qiita
はじめに特定の条件をトリガーにしてFunctionsからSlack通知を飛ばしたい願望がある方へ。今回は例としてお問い合わせが来たタイミングでSlack通知をする実装を紹介します。意外と簡単に…

Cloud Functions で Slack の通知を飛ばす方法について書かれた記事です。

Firestoreにデータが作られた時を発火の条件としたslack への通知方法が、
ミニマムな実装とカスタマイズした実装の2パターン紹介されています。

週刊Flutter大学の記事

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

まとめ

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

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

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



編集後記(2022/10/10)

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

今週はFlameやSupabase、Serverpod 等、
様々なテーマでサンプルプロジェクトが紹介されていた週だったかと思います。

Flutter で作られたアプリをチュートリアルとして公開していただけるのは、
読み手の実力アップのためにも非常にありがたいことです。

週刊Flutter大学でも三目並べアプリのチュートリアル記事を出しています。

Flutter大学のYoutubeでも、じゃんけんアプリの作成等、様々なチュートリアルを紹介しています。

このようなチュートリアルは、Flutterでのアプリ開発を盛り上げるためにも、
とても有用だと思っています。

今後もチュートリアルをどんどん増やしていこうと思いますので、
お楽しみにしていてください。

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

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