![](https://blog.flutteruniv.com/wp-content/themes/cocoon-master/images/man.png)
Flutterの最新情報をキャッチアップしたい!
そんなあなたに送る、 Flutterニュース 。
本記事ではFlutterニュースとして、2022年6月第3週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行います。
読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!
Flutterに関する話題
fade_out_particle パッケージ
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/20b6383c838235097639137b07c51cca.png)
Flutterでオシャレなフェードアウトを実装するパッケージ、
fade_out_particle WidgetがRedditで話題となっていました。
パッケージ詳細ページに動作のgifが紹介されています。
こちらについては週刊Flutter大学でも記事化しています。
併せてご確認下さい。
Flutter Furniture App
認証、カート、お気に入り機能、支払い方法の設定などの機能を持った家具アプリを、
Flutterで作成したサンプルについての投稿です。
SupabaseやGetXを使って作成されており、ソースコードも公開されています。
Realm のFlutter SDK Beta サポート
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/6ae876124ba093446e578914abc99384.png)
オブジェクト指向データベースであるRealmの
Flutter SDK Beta版がサポート開始となりました。
公式サイトにてQuick Start等のドキュメントを確認することが可能です。
Mason Bricks
テンプレート生成ツールであるmasonの
テンプレートサンプル(Bricks)を5つ用意したリポジトリがRedditで話題になっていました。
FromJson ,ToJson だったりを用意したモデル用のDartファイル生成のサンプル等が用意されています。
Shader パッケージ Ver 1.0 リリース
Flutter で GLSLの shader を取り扱えるようにするパッケージ、shaderが
version 1 系にアップデートされました。
ドキュメントが充実され、ローカルでのコンパイルの方法についても紹介されています。
Monarch 100%オープンソース化
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/c4bd9713b104c331ff9753cebace9f72.png)
Flutter で 複数のサイズの端末のチェックや
テキストスケール等の検証ができるツール、
Monarch が100% オープンソースになる、との告知投稿がRedditで話題となっていました。
リンクのニュースレターにはMonarchを紹介する動画が掲載されています。
progressive_time_picker プラグイン
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/98d98fe8243753b4a7d8d2ba700d942c.png)
Flutterで時刻を取得する際に使用するTimePickerのプラグイン、
progressive_time_picker がRedditで話題となっていました。
開始と終了の時刻を選択でき、
マルチプラットフォーム対応しているとのことです。
Flutterに関する記事
Flutter: BLOCs at Scale | 1— The State Machine
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/6c892cd315f4aac565986060d549b76f.png)
Flutterの状態管理手法であるBLOCについて書かれた記事が
Redditで話題となっていました。
BLOCでの設計について、実戦で扱えるようにするアプローチが記載されています。
Flutter iOS アプリに対するCI/CD と β版デプロイ
GitHub Actions でiOS 向けにCI/CDを行う方法についての記事です。
サンプルとなるGitHub Actions用のyaml ファイル記載内容が紹介されており、
TestFlightへのアップロードを自動で行うようにできるとのことです。
Flutterに関する動画
Flutter Web アプリをGitHub Pages にデプロイする方法
GitHub PagesにFlutterのWeb アプリをデプロイする方法について紹介されている動画です。
2分という短い時間で、Pageのデプロイ方法を簡単に知ることができます。
Slide To WIdget チュートリアル
スライドアクションで決定したりアンロックしたりする機能を実装できるパッケージ、
slide_to_actについての解説動画です。
基本的な使い方からカスタマイズの方法まで詳しく解説されています。
Flutter大学の動画
Flutter大学のYouTubeチャンネルにて更新された動画を紹介します。
Flutter大学メンバーがリリースしたアプリ
TrashOut 〜 収集ゴミ通知アプリ 〜
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/9b1ce905d42eb3fcd6b7b22113a3cda8.png)
オサナイさんにより、収集ゴミ通知アプリ、『TrashOut』がリリースされました!
週、曜日、ゴミの種類を登録することで対象の日に該当する
ゴミの種類を通知してくれるアプリとのことです!
引っ越したばかりの時に役立ちそうですし、
あまり出さないゴミもアプリに登録しておくことで必要なときに参照できるので、
とても役に立ちそうです!
Flutter大学メンバーによる記事
初心者 flutter x firestoreの複合クエリに挑戦する2 未記入項目の処理
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JTIwZmx1dHRlciUyMHglMjBmaXJlc3RvcmUlRTMlODElQUUlRTglQTQlODclRTUlOTAlODglRTMlODIlQUYlRTMlODIlQTglRTMlODMlQUElRTMlODElQUIlRTYlOEMlOTElRTYlODglQTYlRTMlODElOTklRTMlODIlOEIyJTIwJTIwJUU2JTlDJUFBJUU4JUE4JTk4JUU1JTg1JUE1JUU5JUEwJTg1JUU3JTlCJUFFJUUzJTgxJUFFJUU1JTg3JUE2JUU3JTkwJTg2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz02NjQ0N2EyOTFhZWNmZGRhM2UwYThiYmIwZGJlYzMwOA&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBkb25ncmk3MjcmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTg3MzUwMmJiOTg3Y2E5MTEzY2U1YjI4ZjFlZmYzMmMy&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=c180a78fc7505e62e3375c1d7360a4dd)
Flutter × Firestore でのアプリ開発に関して悩んだ点を記録した記事です。
複数の入力項目を設けて未入力でも可、としたときにどうすればよいか、
筆者の検討結果が記載されています。
【Flutter】大学生のためのコミュニティアプリ「Hash」をリリースしたので気づいたことをまとめてみる
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/85bae15c8dfde5ecdeb75517d8ca32f0.png)
Flutter で作ったアプリについての紹介と使った技術に関する記事です。
投稿型のアプリでブロック機能を実装するにはどうすればよいかについて、
サンプルコード付きで解説されています。
【Flutter】ローカル DB パッケージの Isar Database のテストのはまり所と解決策
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/4788e2285aeaeb8f7b7ed6962befe754.png)
Isar Databaseを使用したアプリでのテストについて、
課題と解決方法についてまとめて解説された記事です。
課題とはまり所について、段階を追って解決策を詳細に解説されています。
FlutterアプリとFirebaseを連携させるときに困ったあれこれ
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/de655bf83f7e9157adbea44880b8534f.png)
Flutter × Firebase で発生したエラーの解決策について解説された記事です。
エラーと解決方法についてエラーコードの紹介とともに端的にまとめられています。
【Flutter】ネットワークから取得した画像をキャッシュして表示を高速化する【cached_network_image】
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/76f8161fafb80cfdbb4b1a22945a9997.png)
ネットワークから取得した画像をキャッシュして表示を高速化するパッケージ、
cached_network_imageパッケージの使用方法等についてまとめられた記事です。
記事中に掲載されたgifでこのパッケージの優位性がとてもわかり易く紹介されています。
また、実装だけでなくテストをどうすればよいかについても解説されています。
GetXのプロジェクトをコマンドで作成する
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/6987153cd5619d2884ff8be4ed1f4fea.png)
GetX のプロジェクトをコマンドラインから作成する、get cli の
使用の体験談について書かれた記事です。
スクリーンショット付きで使用してどんなプロジェクトが作成されるのか解説されています。
Flutterでモバイルアプリ開発を始めたキッカケ
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/7dee4bde5bc03511c9bfd65482a3895c.png)
筆者が個人開発でアプリをリリースするまでの経験談についてまとめられた記事です。
個人開発でアプリをリリースするにあたり、
困ったことや解決策について紹介されています。
週刊Flutter大学の記事
先週週刊Flutter大学に追加された記事は以下になります。
まとめ
![](https://blog.flutteruniv.com/wp-content/uploads/2022/03/新聞-1024x683.jpeg)
本記事ではFlutterニュースとして、
2022年6月第3週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行いました。
この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。
編集後記(2022/6/20)
今週もたくさんのニュースを紹介しました。
今週自分が興味惹かれたニュースはMason についてのニュースです。
Mason は簡単に言うとFlutter対応のテンプレート生成ツールです。
以下の動画でチュートリアルが紹介されています。
見る限りpubspec.yaml 等も調整できそうでとても良さそうです。
自分は記事を書くために週に2~3個プロジェクトを新規作成するため、
新規作成→静的解析のパッケージインストールをテンプレート化できると、
とても良いな、と思っています。
実際にできるのかどうかは検証してみないとわからないため、
検証して、できれば記事化してみようと思います。
検証結果はどちらにしろTwitterでつぶやこうと思うので、
気になる方はぜひフォローしてお待ち下さい!
週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。
記事の更新情報はFlutter大学Twitterにて告知します。
ぜひぜひフォローをお願いいたします。