![](https://blog.flutteruniv.com/wp-content/themes/cocoon-master/images/man.png)
Flutterの最新情報をキャッチアップしたい!
そんなあなたに送る、 Flutterニュース 。
本記事ではFlutterニュースとして、2022年4月第4週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行います。
読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!
Flutter公式情報
Flutter 2.10.5 リリース
Flutter のバージョン2.10.5 が Stable チャンネルにてリリースされました。
こちらによると、Flutter Web でのデバッグで変数が現れない問題が解消された、とのことです。
Flutter Puzzle Hack 結果発表!
今年始めに開催されたFlutterのハッカソン、Flutter Puzzle Hackの結果が発表されました。
Tweet内リンクから各賞の受賞作品、優秀作品を見ることができます。
Flutterに関する話題
Flutter + Flame + Steam
ゲーム配信プラットフォームであるSteamとFlutter, Flameを連携させる
パッケージの紹介の投稿がRedditで話題になっていました。
モバイルだけでなくデスクトップ向けゲームもFlutterで作る時代が来るかもしれないですね。
Sprite Widget パッケージ
Flutterで複雑なアニメーションや2D ゲームを作るパッケージとして、
Sprite Widget が話題となっていました。
Game Engineとしては Flame が有名ですが、
こちらはServerpodがスポンサーについており、選択肢になってきそうです。
State Machine BloC パッケージ
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/42c178f4c7b9206b9f1d3d58e9be870b.png)
bloc の拡張としてのパッケージ, state_machine_bloc がReddit上で話題になっていました。
State Machineを利用することにより、バグの削減、メンテナンス性の向上ができるとのことです。
Flutterに関する記事
Go Router とProviderを利用した認証フロー
![](https://hashnode.com/utility/r?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1640200152742%2FR7CUNhd6Y.png%3Fw%3D1200%26h%3D630%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%2Cformat%26format%3Dwebp%26fm%3Dpng)
Go_RouterとProviderを使って認証フローを実装しよう、という記事です。
認証されていない時のログイン画面へのリダイレクトを実装する、
具体的なコードが記載されています。
Null Safetyに関する最低限の手引き
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/039f8780cecc12c245951bd6ccfb621f.jpeg)
Null Safety について、シンプルにまとめられた記事です。
なぜNull Safetyが必要なのか、という点から具体的な使用例までしっかりとまとめられています。
Dartでmap の キーと値のペアを更新する方法
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/751945a2296d1acd5967de5c22826404.png)
Dart でMapのインスタンスに対し、
値を持つキーだけ値を更新する方法について書かれた記事です。
Mapのupdateメソッドの使い方を解説しています。
Flutter Gems アップデート
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/9b7e89d5680b4164451a847602f09971.jpeg)
Flutter Gems というFlutterのパッケージ紹介サイトが4/22にアップデートされました。
アップデート内容を解説した記事となります。
1200以上のパッケージが追加され、カテゴリ分けも増えるとのことです。
StateNotifier のサブクラス内ではtry-catchよりもAsyncValue.guardを使おう
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/245cc7e46e39eeb351bbfd07a3ddf4ba.png)
AsyncValue.guardの紹介記事です。
簡単な例を通し、try – catchでAsyncValue error を取り扱うより
コードを短く済ませることができる、ということが解説されています。
Flutter アプリケーションでGlobalなテーマの定義方法
![](https://hashnode.com/utility/r?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1649240135548%2F4AcXXRGUQ.png%3Fw%3D1200%26auto%3Dcompress%2Cformat%26format%3Dwebp%26fm%3Dpng)
FlutterでThemeをどうやって反映するか、について解説された記事です。
ボタンやテキストなど様々な部品に対して、
Themeで外見を設定していく方法が書かれています。
ボイラープレートなコードを削減する、GraphQLのコードジェネレータを使おう
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/c8d292dd176bdba91dd137c8f3e7de25.jpeg)
Graph QL の コードジェネレーターについて書かれた記事です。
Graph QL コードジェネレーターの紹介と、
最近あったアップデートによる機能向上について書かれています。
Flutter アプリをFirebase App distribution に GitHub Actions を使ってデプロイする方法
![](https://guillaume.bernos.dev/content/images/2022/04/Firebase-App-Distribution-Android.webp)
Firebase App distribution にFlutter アプリを GitHub Actions を使って
デプロイする方法について書かれた記事です。
main ブランチ に push した時に、
自動的にFirebase App distribution を通してAndroid アプリを
配布する方法が書かれています。
Flutter大学メンバーがリリースしたアプリ
Guitar Scale Finder ~ギター用スケール確認アプリ~
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/4bcb422e508fa5256b1b4c3c57951422.png)
sekitatsさんにより、ギター用スケール確認アプリ、『Guitar Scale Finder』
がリリースされました!
ギターソロを考える際に重要になってくるスケール(音階)について、
ギター上でどこにどの音が位置しているか、ひと目でわかるようにしているアプリです。
各キーに対して様々な種類のスケールが用意されており、
このアプリにて網羅的に確認することが可能です!
Flutter大学メンバーによる記事
DartのStreamをFirebaseで使う?
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9RGFydCVFMyU4MSVBRVN0cmVhbSVFMyU4MiU5MkZpcmViYXNlJUUzJTgxJUE3JUU0JUJEJUJGJUUzJTgxJTg2JTNGJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jM2U5NGI4ZmZjZmYyZTI4NDM0MWFkNDk2Yjk1YjAwMg&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBKdW5pY2hpSGFzaGltb3RvJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mYmU4YjczODgxN2QwZmRlMTYxMDVkMmU0ZGFjNTk2NQ&blend-x=142&blend-y=486&blend-mode=normal&s=e2e380cbc211aea7094123de62ecc1c3)
Stream , Provider ,Firebase を使ったサンプルアプリのコードを紹介した記事です。
コード内にコメントで解説をつけて、サンプルアプリの作り方を解説されています。
新規Flutter Project main.dart書き換え用 VSCode向け Snippet (スニペット)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU2JTk2JUIwJUU4JUE2JThGRmx1dHRlciUyMFByb2plY3QlMjBtYWluLmRhcnQlRTYlOUIlQjglRTMlODElOEQlRTYlOEYlOUIlRTMlODElODglRTclOTQlQTglMjBWU0NvZGUlRTUlOTAlOTElRTMlODElOTElMjBTbmlwcGV0JTIwJTI4JUUzJTgyJUI5JUUzJTgzJThCJUUzJTgzJTlBJUUzJTgzJTgzJUUzJTgzJTg4JTI5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hNjU5NTQ1ODI1NmI3M2ZlYjgzMjY2NmY4N2E5MGQzYQ&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBVbWlnaXNoaS1Bb2kmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTYyOTU4ZWMxNjg3MzgwNTE0ZjJkZjNmNDE2YjZiM2I5&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4gRmx1dHRlcuWkp-Wtpg&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%23212121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=490d5d149343ff1088462faa3212ee16)
VSCode 向けの Snippets について紹介した記事です。
新規でFlutter を立ち上げた際にmain.dart のコメントを消したり、書き換えたりの面倒臭さを、
このSnippet(辞書登録のようなもの)を導入することで、解消することができます。
FlutterにOpenApiを入れて、api開発を楽にしよう。
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/6be85ccdc677ec0f928a9de61450d28b.png)
Flutter にOpenApiを導入する方法について解説された記事です。
バックエンドとしてFirebaseを使う方が多いかと思いますが、
自作のバックエンドを導入する際に有用なOpenApiの導入方法について、
丁寧に解説されています。
【Flutter】選択ダイアログでエラーが出るときはSimpleDialogを使おう
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/94d4f882e85f30ec0d32fc6496c517af.png)
選択ダイアログを使う際のエラーの解消方法について書かれた記事です。
解決策であるSimpleDialogの利用方法について、
解説とサンプルコードが記載されています。
【Flutter】カスタムフォントの導入方法
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/db64b1e7cd8085345961c0803ce921cf.png)
Flutterでのカスタムフォントの使用方法について解説された記事です。
記事内で各フォントの検証用のアプリが紹介されており、
このアプリでフォント、フォントウェイトに対する見え方の確認ができます。
【Flutter】リストの要素を横にスライドさせたい(iPhoneのメール的な)[2022/04/20時点]
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/5b810cc00aa494daf2e8bb125d78ef6f.png)
リストビューの要素をスライドできるようにする方法について解説している記事です。
flutter_slidable パッケージを利用した方法について解説されています。
Dart&Flutterのコードを改善する42の簡単な方法
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/4a6908629a615e2b1d527bc5f2464a77.png)
Dart/Flutterのコードを書く際に便利な役立ち情報を42個紹介している記事です。
英語の6つの元記事をコメント付きで一つの記事にまとめられています。
【Flutter】4つの多言語化パッケージを試してみた【徹底比較】
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/df6a786c3ff0d27e8155302b53c8d1f6.png)
Flutter の多言語化パッケージを4つ比較している記事です。
4つのパッケージを実際に利用された上で、
各パッケージの特徴を表にしてまとめています。
Flutter逆引き辞典の追加ページ
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/e2eec258d34910f7f2fb89e24ee30a8b.jpg)
先週の追加ページは以下になります。
週刊Flutter大学の記事
先週週刊Flutter大学に追加された記事は以下になります。
まとめ
![](https://blog.flutteruniv.com/wp-content/uploads/2022/03/新聞-1024x683.jpeg)
本記事ではFlutterニュースとして、
2022年4月第4週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行いました。
この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。
編集後記(2022/4/25)
4/23の土曜日にFlutter大学で月1で開催されているオフ会、
通称UTAGEが開かれました!
ゲームをしたり、粉ものを焼いて食べたり、
とても楽しい時間を過ごせました。
インターネットのオフ会自体、初めて参加したのですが、
やはりネット上で会うのと実際に会うのは違いますね。
とてもいい経験になりました。
今後も定期的に参加していきたいと思います!
週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。
記事の更新情報はFlutter大学Twitterにて告知します。
ぜひぜひフォローをお願いいたします。