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

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

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

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

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

Flutter公式情報

Flutter 3.0.4 リリース!

Flutter のstable チャンネルで3.0.4がリリースされました。

こちらによると、以下の内容が修正されたとのことです。

InheritedWidget | Decoding Flutter

Flutterを深堀りする動画シリーズ、Decoding Flutterが更新されました。

今回はMediaQuetyなどで使われる、
祖先のWIdgetとのデータのやり取りで重要なWidget
Inherited Widgetについての動画となっています。。

Flutterに関する話題

Flutterで作られたWEBアプリのリスト

Flutterで作られたWEBアプリをリスト化したい、とういう投稿がRedditで話題となっていました。

投稿を見た人がFlutterで作られたWEBアプリをコメントにて多数寄せています。

Flutterに関する記事

【Flutter】 Riverpod 入門

【Flutter】Riverpod 入門

Flutter の状態管理手法であるRiverpodについての入門記事です。

Riverpodの使い方についてサンプルコード付きで網羅的に紹介されています。

Flutter チュートリアル : チャットアプリを構築しよう

Flutter Tutorial: building a Flutter chat app
Learn how to build a Flutter chat app with open source and scalable backend (inc. auth, realtime, database, and more).

Flutterでチャットアプリを構築するチュートリアルの記事です。

Firebaseの代替手段として作成されているバックエンドサービスのSupabaseを利用し、
チャットアプリを構築する方法について書かれています。

Very Good CLI と SupabaseでFlutterアプリを構築しよう

Build a Flutter app with Very Good CLI and Supabase
Learn how to make a Flutter app with Supabase and VGV tooling, such as Very Good CLI, Flutter Bloc, layered architecture, and 100% test coverage.

Very Good CLI というコマンドラインからコードを生成するツールと、
Firebaseの代替手段として作成されているバックエンドサービスのSupabaseを
組み合わせて、Flutterアプリを作る方法について解説された記事です。

Very Good CLI でSupabase に沿ったコードをコマンドから自動生成できる、
という内容が記事内で紹介されています。

Flutter 状態管理ライブラリを100行のコードで書こう

Create a Flutter state management library with 100 lines of code
State management shouldn’t be that complex. Create a simple and powerful library yourself with only 100 lines of code.

Riverpod や Provider のような状態管理のコードを
100行以内で自作してみよう、という記事です。

カウンターアプリをベースに基本的な考え方から丁寧に解説されています。

Flutterに関する動画

Flutterでのスネークゲーム作成チュートリアル : Firebaseを使ったハイスコア表示とホスティング

Flutterでのスネークゲームの作成のチュートリアル動画です。

スネークゲームの作成方法だけでなく、Firebaseと連携させ、ハイスコアの記録、表示方法や、
WEBアプリとしてデプロイする方法についてまで解説されています。

Flutter大学メンバーがリリースしたアプリ

Favpic ~あなたの”好き”をコレクションしよう!~

‎App Storeに接続しています
‎Apple Musicに接続しています

minnさんにより、自分の好きなものの画像をコレクションし共有するアプリ、『Favpic』
がリリースされました!

自分が撮った画像をアップロードして、自分だけのコレクションにしたり、
他のユーザーのコレクションに対してコメントしたりすることができるアプリとなっています。

デザインもとても良く、他のユーザーの投稿を見ていてとても楽しいアプリでした!

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

Dartのenumとextensionを使って何か作る!

Dartのenumとextensionを使って何か作る!

enum のExtension を利用し、Widget を作成する方法についてのサンプル記事です。

RowのChildrenの中でのfor ループの処理など、
テクニックを使って書かれたコードが紹介されています。

FlutterでDart-defineについて学んでみた

FlutterでDart-defineについて学んでみた

Dart-defineでの環境分けについて実際にやってみた体験談についてまとまられた記事です。

実際に作業する中での詰まったポイント等が紹介されています。

【Flutter】何も表示させたくない時はContainerよりSizedBoxよりnilを使うと良い

【Flutter】何も表示させたくない時はContainerよりSizedBoxよりnilを使うと良い

Flutterで何も表示させたくない際に使うWidget を提供するパッケージ、
nil パッケージの紹介記事です。

具体的な使い方から、使用時の注意点まで記載されています。

【Flutter】ウィジェットの間にスペースを作りたい時にSizedBoxではなくGapを使うと良い

【Flutter】ウィジェットの間にスペースを作りたい時にSizedBoxではなくGapを使うと良い

FlutterでColumn や Row で並べたWidgetの間の
スペースを確保するのに有用なWidgetを提供するパッケージ、
Gap パッケージの紹介記事です。

端的にGap Widgetの使い方を紹介されています。

週刊Flutter大学の記事

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

まとめ

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

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

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



編集後記(2022/7/4)

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

今週自分が気になった内容はなんと言ってもFlutter 3.0.4 のリリースですね。
先々週に3.0.3がリリースされたばかりだというのに、
たった一週間で3.0.4がリリースされるのは、
修正の反映スピードが早く、とても良いです。

Flutterコミュニティの盛り上がりが見える、そんな出来事でした。

今後もバグや新機能がどんどんと追加されていくことでの、
Flutter のさらなる向上に期待ですね。

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

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