![](https://blog.flutteruniv.com/wp-content/themes/cocoon-master/images/man.png)
Flutterの最新情報をキャッチアップしたい!
そんなあなたに送る、 Flutterニュース 。
本記事ではFlutterニュースとして、2022年7月第2週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行います。
読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!
Flutter公式情報
NavigationRail(今週のウィジェット)
Flutter 公式によるWidget紹介動画シリーズ、Widget of the Weekが更新されました。
今回はサイドメニューを実装できるWidget,
NavigationRail
の紹介動画です。
こちらについて、週刊Flutter大学でも紹介記事をアップロードしています。
併せてご確認下さい。
Flutterに関する話題
Cached パッケージ
データをキャッシュする機構のコードを自動生成してくれる、
Dart Package がReddit で話題となっていました。
データをキャッシュする機構のコードが頻繁に書くコードのため、
build_runnerを使って自動生成できるようにした、という趣旨で作られたそうです。
Flutterに関する記事
【個人開発】実務未経験者がFlutterを使ってスノーボード診断アプリをリリースしたときのまとめ
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/9337c1476b39a457da839f24122f62f1.png)
Flutterを使ってのモバイルアプリ作成の体験談について書かれた記事です。
使ったパッケージの紹介や導入理由などについて丁寧に詳しく解説されています。
device_previewとFigmaでFlutterのStore用スクショを簡単に作る
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/ca361f08ebb4436f9a0cee4719ce018b.png)
device_previewとFigmaを使い、
各種Store申請用のスクリーンショットを作る方法について書かれた記事です。
面倒なスクリーンショットの作成作業を簡単に行えるようにする方法について、
記載がされています。
Flutter前史: ChromeがFlutterになるまで
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/221e5c5d870d5986156cd7f0fc74da1e.png)
FlutterがFlutterになるまでの流れについて紹介されている記事です。
Chromeのブラウザエンジンのフォークから始まるFlutterの歴史を、
順を追って丁寧に紹介されています。
Flutterの画面が色あせて見えるのはなぜ?
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/e30218f4f4778d3aea0c5f8e93462412.png)
Flutter で作成したアプリが色あせて見えるのはなぜか、という趣旨の記事です。
PCの画面で見る色と実機で見る色の違いについて、
原因と事例を紹介されています。
Flutter Riverpod : アプリの開始時にリスナーを登録する方法
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/b5cbd9df447f9293c9cae49a5d311d39.png)
Flutter の状態管理手法、Riverpod に関するTipsの記事です。
main関数内でProvider を使うにはどうすればいいか?
という疑問に答えています
Flutter x Clean Architecture
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/5d5c810e3e66439e23f57b2f4d653ee7.png)
FlutterでのClean Architectureについて解説した記事です。
考え方の説明からサンプルコードを用いた解説まで行われています。
Riverpodの状態管理でのアーキテクチャの利用のケーススタディ
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/66b3dae91c17392f451c4bd27cb6d7fc.png)
状態管理手法であるRiverpodを使ったアーキテクチャについて、
実際のアプリに導入してみた結果の考察記事です。
Riverpod導入による長所と短所について記載されています。
Flutter大学メンバーによる記事
【Flutter】ランダムな色を返したい
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwRmx1dHRlciVFMyU4MCU5MSVFMyU4MyVBOSVFMyU4MyVCMyVFMyU4MyU4MCVFMyU4MyVBMCVFMyU4MSVBQSVFOCU4OSVCMiVFMyU4MiU5MiVFOCVCRiU5NCVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MSU4NCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9N2ZhN2ZhZmQ4Yzg2MzhiZjdmMzk1NDJhYjVjNzIxZGI&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0YWlzZWlfZGV2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02YzExMGZhMjQxMTUxM2Q1NTBhYTI4ODFlMGMyYjA3Nw&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4gQXhpYSBXb3JrcyBMTEM&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=8564bf27ec9936a94a6a75e4a1bcc522)
Flutterでランダムな色を取得する方法について書かれた記事です。
端的にサンプルコード付きで実装方法を紹介しています。
BLE制御するC++製iOSアプリをPigeon使ってFlutterアプリ化した
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/edd89f3779e5de33d444910d599eefa2.png)
C++製のアプリケーションをFlutterで一部リプレースした、
その体験談について記載された記事です。
Method Channel周りのコードを自動生成する
コードジェネレータであるPigeonの使用例が記載されています。
【Flutter】go_routerでBottomNavigationBarの永続化に挑戦する
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwRmx1dHRlciVFMyU4MCU5MWdvX3JvdXRlciVFMyU4MSVBN0JvdHRvbU5hdmlnYXRpb25CYXIlRTMlODElQUUlRTYlQjAlQjglRTclQjYlOUElRTUlOEMlOTYlRTMlODElQUIlRTYlOEMlOTElRTYlODglQTYlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWQxMWE4ZWIzZmNiMGUyNGE4YTBmMmI0OTQxNmFkMjM0&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBoZXloZXkxMDI4JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01YTFjNDAyNDVlNjc4MGRjNmU0YjdlNTMxNjc5NGZiMQ&blend-x=142&blend-y=486&blend-mode=normal&s=6494810b68e06fbfc0e6f0798690020f)
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/7f1e5a7c403b6c7b48d94ed13a1040e8.png)
画面遷移のパッケージであるgo_routerについて、
BottomNavigationBarを残したまま画面遷移する方法についての提案、考察記事です。
実現する方法と、この方法での問題点について記載がされています。
image_pickerについて勉強してみる
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/88985970ee3b008511c82c5c7ec3e7c8.png)
image_pickerパッケージについて使ってみた体験談について書かれた記事です。
iOS、Androidの設定など、image_pickerを使うにあたって必要な内容が記載されています。
TextFiledで0を入力させない方法
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/92259cc1c41e06d2536125a2827596b3.png)
TextFiledで0を入力させない方法について書かれた記事です。
サンプルコード付きで端的に0を入力させない方法を紹介しています。
【中級者向け】Firebase Authを用いたRiverpod入門
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/83a12497e2e401df7bee448f3bac1919.png)
Firebase Auth とRiverpod を使ったユーザー認証処理の入門として、
サンプルを紹介した記事です。
サンプルコードや参考文献付きで、丁寧に実装方法が解説されています。
週刊Flutter大学の記事
先週週刊Flutter大学に追加された記事は以下になります。
まとめ
![](https://blog.flutteruniv.com/wp-content/uploads/2022/03/新聞-1024x683.jpeg)
本記事ではFlutterニュースとして、
2022年7月第2週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行いました。
この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。
編集後記(2022/7/11)
今週のFlutterニュースでした。
今週はFlutter大学のメンバーの記事も含め、
日本語の記事がかなり多く注目された週だったかと思います。
特に、『Flutter前史: ChromeがFlutterになるまで』の記事は、
Flutterの歴史を端的に知ることができ、
とても興味深いかかったです。
どういう思想で、どういう歴史の基Flutterが作られたか知れば、
今後どのような展開がされていくのか知ることができるかもしれないので、
歴史について知る機会は重要だと考えます。
Flutterの今後を考える機会がある際にはぜひ思い返して読みたい記事だと思いました。
まだ読んでいない方はぜひ一度読んでみることをオススメします。
週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。
記事の更新情報はFlutter大学Twitterにて告知します。
ぜひぜひフォローをお願いいたします。