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

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

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

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

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

Flutter公式情報

Full-stack Dart パート 3 (The Boring Flutter Development Show, Ep. 61)

Flutter 公式のライブコーディングの様子などを提供する動画シリーズ、
The Boring Flutter Development Showが更新されました。

前回前々回に引き続き、サーバーのようなバックエンドもDartで作成する方法について
カウンターアプリを作りながら紹介しています。

Flutterに関する話題

オープンソースのBloCを使ったアプリケーション

「BloCで作られたオープンソースのアプリケーションが知りたい!」
という投稿がRedditで話題となっていました。

元投稿のコメントにて、BloCを使ったアプリケーションのGitHubが寄せられています。

f_count パッケージ

Javascript の console.count()をDartで使えるようにしたパッケージ、
f_countパッケージが話題となっていました。

Demo Video にて、使用例を動画で見ることができます。

Notionのオープンソース代替手段、AppFlowy

AppFlowy.IO
AppFlowy is an open source alternative to Notion. You are in charge of your data and customizations.

メモやタスク管理等ができるツール、Notionのオープンソースの代替手段として作られた
AppFlowyがReddit話題となっていました。

FlutterとRustを使用して作られているとのことで、
GitHubにてソースコードが公開されいます。

無料でオープンソースのファイル送信アプリ、AirDash

無料で使えるオープンソースのファイル送信アプリ、AirDash についての投稿が、
Redditで話題となっていました。

Flutter、Firebase を用いて作成がなされており、
iOS,Android,Windows,macOSにて対応がされているとのことです。

クリーンアーキテクチャのサンプルアプリ、Dasher

GitHub - infinum/flutter-dasher
Contribute to infinum/flutter-dasher development by creating an account on GitHub.

TwitterのようなUIを再現したオープンソースのサンプルアプリDasherのGitHubリンクです。

Flutterでクリーンアーキテクチャにて作成されているとのことです。

Flutterに関する記事

FlutterアプリをAndroid 13に対応させる

FlutterアプリをAndroid 13に対応させる

現在ベータ版で今後リリースが予定されているAndroid 13に
Flutterで対応する方法について解説された記事です。

Android 13での新機能の紹介や、それに対する対応方法について画像つきでまとめられています。

Flutterの課題、Early-onset jankとは何か

Flutterの課題、Early-onset jankとは何か

Flutterのパフォーマンス面の課題である、Early-onset jankについて紹介、解説された記事です。

問題点と現状の解決策、今後の展望について、丁寧に解説がなされています。

ゆめみ社のFlutterエンジニア採用課題に取り組んでみた

ゆめみ社のFlutterエンジニア採用課題に取り組んでみた

Flutterエンジニアの採用課題に取り組んだ、その体験談についてまとめられた記事です。

課題アプリの作成に当たって注意した点や、
使ったパッケージ等についてまとめられ、解説がなされています。

Flutterの例外ハンドリング 〜 try-catchとResult型 〜

Flutter Exception Handling with try/catch and the Result type
How to use sealed classes to create a Result type that makes it explicit when a function can return an error, rather than throwing an exception.

Flutterのエラー等の例外ハンドリングの方法について解説された記事です。

try-catchを用いる方法に加えて、
Result型と呼ばれるクラスを用意してハンドリングする方法が紹介されています。

Mac OS のドックをFlutterで再現しよう

Build an Imitation Mac Dock With Flutter
Build a beautiful Mac dock and learn about constraints, animations and design in Flutter. Then, you can add this animation to any of your other Flutter projects...

Mac OSで画面下にてアプリケーション一覧を表示するドックを、
Flutterで再現する方法について解説された記事です。

サンプルコードを紹介した上で、
アニメーションの調整をグラフを用いて丁寧に解説がなされています。

Flutterでのテストの作成、メンテナンス時間の削減

Reduce the time of writing and maintaining tests in Flutter
We have all heard that testing is of crucial importance, and it has tons of benefits such as improving confidence and reducing bugs…

Flutterでのテストの作成、メンテナンス時間の削減の良い方法として、
flutter_convenient_testを紹介した記事です。

記事内でスクリーンショット付きでパッケージ利用のメリットについてまとめられています。

Flutterに関する動画

const, final, dynamic, var… when and why? | Dart & Flutter tutorial

Dartで変数宣言時に頭につけるconstやfinal について、
それぞれいつ、どのような理由で使うのかについてまとめられた動画です。

一つ一つ丁寧に例を紹介した上で解説がなされています。

Why Flutter? 👨🏽‍💻 The Flutter Pod EP[0]

ラジオ形式でFlutterについて紹介、解説した動画です。

毎週更新される予定だそうで、
第一回はFlutterの良さやどのような時にFlutterを使わないべきか、
等のトピックについてトークがされています。

Flutter で チャットアプリを作ろう

チャットのAPIを提供するStream を
Flutterで、Firebase Extensionsを用いて利用する方法について
解説したチュートリアル動画です。

チャットアプリの作成を題材に、ゼロからチャットアプリを作る方法について解説されています。

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

Flutter Dart-defineでInfo.plistの値も変更する

Flutter Dart-defineでInfo.plistの値も変更する

Dart-defineで開発環境分けをする際に、
Info.plistの値を開発環境ごとに変更する方法について解説された記事です。

Google サインインを例として、
Dart-defineでInfo.plistの内部の値を変更する方法が解説されています。

withConverterなるものを使ってみた!

withConverterなるものを使ってみた!

Flutter と Firebase の連携方法について、Freezed を用いた方法を解説された記事です。

サンプルコードをベースに、Firestoreの値への変換方法を解説されています。

StateNotifireProviderとは?

StateNotifireProviderとは?

Riverpod の StateNotifierProvider について実際に使ってみた使用例をまとめた記事です。

Firebaseと連携した一画面のアプリの作成をベースに、
StateNotifierProviderの仕様例がまとめられています。

週刊Flutter大学の記事

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

まとめ

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

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

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



編集後記(2022/8/1)

今週のFlutterニュースについての記事でした。

今週注目したいのはNotionの代替手段であるAppFlowyと、Android13対応の記事です。

Notionの代替手段であるAppFlowyについては試み自体が面白いな、と思いました。
現在、Firebaseの代替手段としてのSupabaseのように、
色々なサービスのオープンソース化が挑戦されています。
サービスを真似して作成してみるだったり、
プログラミング言語を変えて再現してみるだったりは、
勉強にもなるし実力を高める一つの方法かと思います。
興味ある方は積極的にコントリビュートしてみるのをオススメします。

Android 13対応は素直にこんな機能があるんだ、と勉強になりました。
デベロッパー側はやることが増えるような内容ではあり、
ちゃんとキャッチアップして対応していかなければな、と思いました。

今日から8月ですね。
夏本番、楽しいイベント等で気分をリフレッシュしつつ、
頑張っていきましょう!

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

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