![](https://blog.flutteruniv.com/wp-content/themes/cocoon-master/images/man.png)
Flutterの最新情報をキャッチアップしたい!
そんなあなたに送る、 Flutterニュース 。
本記事ではFlutterニュースとして、2022年6月第4週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行います。
読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!
Flutter公式情報
Flutter 3.0.3 リリース!
Flutter のstable チャンネルで3.0.3がリリースされました。
こちらによると、以下の内容が修正されたとのことです。
- enum と switch での推定の向上
- ファイナライズできるオブジェクトの初期化の際にコンパイラがクラッシュする問題の修正
Google Mobile Ads SDK Flutter プラグイン 1.3.0アップデート
Google公式の広告設定SDK である、Google Mobile Ads SDK の
Flutter プラグイン が1.3.0にアップデートされました。
パーソナライズド広告に対する同意をリクエストするツールが提供され、
Apple の App Tracking Transparency(ATT)要件に
Google Mobile Ads SDK だけで対応できるようになったようです。
詳しくはこちらをご覧ください。
mason (Package of the Week)
Flutter公式がFlutterのパッケージを紹介する動画シリーズ、
Package of the Weekが更新されました。
今回はDartで作られたコード自動生成ツールであるmasonについての動画となっています。
こちらについては週刊Flutter大学でも記事で紹介しています。
併せてご確認下さい。
Full-stack Dart (The Boring Flutter Development Show)
Flutter 公式のライブコーディングの様子などを提供する動画シリーズ、
The Boring Flutter Development Showが更新されました。
今回はFull-Stack Dart と題打ち、
サーバーのようなバックエンドもDartで作成する方法について
カウンターアプリを作りながら紹介しています。
Flutterに関する話題
姿勢検出による Flutter での 腕立て伏せカウンター
Flutterで体勢を検知し、
腕立て伏せの回数をカウントするアプリの動画がRedditで話題となっていました。
google_mlkit_pose_detection プラグインを使用し、実装したとのことです。
MeMax
Flutterで作られたインターネットミーム集のアプリのソースコードが公開されていました。
状態管理手法としてProvider を使用して作られているとのことです。
オープンソースのシンプルな日記アプリ
Flutter で作られた感謝を記録する日記アプリのソースコードが公開されていました。
状態管理手法としてGetXを使用して作成されているとのことでした。
rate パッケージ
5つ星のレーティングに役立つWidgetを提供するパッケージ、
rateについての投稿がRedditで話題となっていました。
こちらのパッケージの紹介ページにて、
動作などをGIFで見ることが可能です。
selectable_list パッケージ
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/98d98fe8243753b4a7d8d2ba700d942c.png)
Flutterで選択するとその選択肢で折りたたまれるリストを実装できるパッケージ、
selectable_list パッケージがRedditで話題となっていました。
パッケージの紹介ページにて、
具体的な動作、サンプルアプリの動作などをGIFで見ることが可能です。
DartのimportをソートするVScodeのExtension
Dart のimport をソートするVScode のExtention がRedditで話題となっていました。
setting.jsonにて自分の好きなソート順を設定することが可能だとのことです。
ReactNative vs Flutter
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/e1243c1243ed74cc7f9615599f65ad74.png)
ReactNative と Flutter の比較として、
StackOverflow の質問数など、様々な調査を行った結果がまとめられている
GistがRedditで話題となっていました。
StackOverflow の質問数は顕著にFlutterが上回っており、
Flutterの人気が伺えます。
Estado 状態管理ライブラリ
Flutterの状態管理ライブラリ、Estadoについての投稿がRedditで話題ととなっていました。
Provider のようにWidgetツリーの上の方でProviderをラップすること無しで、
MVVM ベースの状態管理が実現できる、とのことです。
Flutterに関する記事
Flutter の Android アプリでAPKファイルサイズが突然倍くらいになったが、実は問題なくてむしろ推奨された動作だった件
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Rmx1dHRlciUyMCVFMyU4MSVBRSUyMEFuZHJvaWQlMjAlRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODElQTdBUEslRTMlODMlOTUlRTMlODIlQTElRTMlODIlQTQlRTMlODMlQUIlRTMlODIlQjUlRTMlODIlQTQlRTMlODIlQkElRTMlODElOEMlRTclQUElODElRTclODQlQjYlRTUlODAlOEQlRTMlODElOEYlRTMlODIlODklRTMlODElODQlRTMlODElQUIlRTMlODElQUElRTMlODElQTMlRTMlODElOUYlRTMlODElOEMlRTMlODAlODElRTUlQUUlOUYlRTMlODElQUYlRTUlOTUlOEYlRTklQTElOEMlRTMlODElQUElRTMlODElOEYlRTMlODElQTYlRTMlODIlODAlRTMlODElOTclRTMlODIlOEQlRTYlOEUlQTglRTUlQTUlQTglRTMlODElOTUlRTMlODIlOEMlRTMlODElOUYlRTIlODAlQTYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTg1OTcxYzhlMjYwZDE1ZGNiOTQ0NmZhN2ZjODRhNzVk&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrdW5pY2hpa28mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTdlY2FjZDlhMGY5ZTZhOTQ3MWNjNTljNmE5ZDczYzZk&blend-x=142&blend-y=486&blend-mode=normal&s=9c47d931e8662623e795e23a3ffd5330)
Flutter アプリのAndoroid にインストールするために生成されたAPKファイルの
サイズの増加について、調査結果をまとめた記事です。
なぜ増加したのか、増加は問題がないのかについて、丁寧に調査結果が述べられています。
Flutterを学習してから個人開発アプリをリリースするまでの道のり
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/62fb77d14c558982e10dadc2bb953de0.png)
Flutter を使って個人開発にてアプリをリリースするまでの経緯についてまとめられた記事です。
Flutter との出会いから、勉強方法、アプリの作成方法まで、
アプリリリースまでの経緯がまとめられています。
リアルタイム現在位置表示付きGoogle Mapを実装したFlutterアプリ
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/730a09ed054fbe7da6d26f96ffde1b40.gif)
Flutterでマップにリアルタイムで現在位置を示し、
目的地までの道のりを表示する方法について書かれた記事です。
Uber Eats の配達員のリアルタイム進捗表示のような表示が実現できます。
記事内のGIFで実装の動画を見ることが可能です。
Flutterに関する動画
music player UI
アプリのUI をコードで作成するチュートリアル動画です。
Music Player のUI を題材に、
パッケージを導入すること無くニューモーフィズムを設定する方法などが紹介されています。
Flutter大学メンバーによる記事
【Flutter】HeroWidgetでリッチな画面遷移を実装する
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwRmx1dHRlciVFMyU4MCU5MUhlcm9XaWRnZXQlRTMlODElQTclRTMlODMlQUElRTMlODMlODMlRTMlODMlODElRTMlODElQUElRTclOTQlQkIlRTklOUQlQTIlRTklODElQjclRTclQTclQkIlRTMlODIlOTIlRTUlQUUlOUYlRTglQTMlODUlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTAxNTY1OWMxMmMxZWE4ZGI5NzZhYWFkNjZhMWMyZTc3&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=fdf099057659a6443c9ccb49f5f8dfe0)
Hero Widget を使った画面遷移について紹介している記事です。
基本的な使い方から、活用例まで紹介されており、
実際のアニメーションをGIF 付きで解説されています。
【Flutter✖️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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwRmx1dHRlciVFMiU5QyU5NiVFRiVCOCU4RkZpcmViYXNlJUUzJTgwJTkxJUU5JTlCJUJCJUU4JUE5JUIxJUU3JTk1JUFBJUU1JThGJUI3JUU4JUFBJThEJUU4JUE4JUJDJUUzJTgyJTkyJUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz02YjEyOWZkZjcxOTRiNzViMzczZmEwZDc5YThjYjQ3OQ&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=680197c3749afa4e1b9753465116628c)
FlutterとFirebase を使って電話番号認証を実装する方法について解説された記事です。
モバイル、Web それぞれの設定から、
実際の実装コードサンプルまで丁寧に紹介されています。
【Flutter】go_routerで「○秒後にリダイレクト」を表現してみた。
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwRmx1dHRlciVFMyU4MCU5MWdvX3JvdXRlciVFMyU4MSVBNyVFMyU4MCU4QyVFMiU5NyU4QiVFNyVBNyU5MiVFNSVCRSU4QyVFMyU4MSVBQiVFMyU4MyVBQSVFMyU4MyU4MCVFMyU4MiVBNCVFMyU4MyVBQyVFMyU4MiVBRiVFMyU4MyU4OCVFMyU4MCU4RCVFMyU4MiU5MiVFOCVBMSVBOCVFNyU4RiVCRSVFMyU4MSU5NyVFMyU4MSVBNiVFMyU4MSVCRiVFMyU4MSU5RiVFMyU4MCU4MiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NmQ1YjE5MzEzNmM3MGQzNGEzOTA3MTExNjI4NGViOTY&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=3b8f443069f83571662c7e94fdaec4f1)
アプリやWeb でよくある 「○秒後に自動で画面遷移します」を、
Flutter と 画面遷移パッケージであるgo_routerを使って実装する方法について、
解説された記事です。
Timer やカウンターを上手く使ったサンプルコードが記事内で紹介されています。
x-codeのキャッシュ消したら、buildできない!
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/80eb7377c2b2e61945f27e7d42c18887.png)
X code のキャッシュを削除してしまい、
ビルドできなくなってしまった筆者の経験談についての記事です。
最終的にビルドできるようにするまでの対応策についてまとめられています。
FlutterでGoogle Loginできない?
Android での Google Sign In の設定方法についての記事です。
SHA-1 の鍵の設定方法等つまづきポイントについてまとめられています。
Flutter超入門編を終えての簡単なUI作成
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/4fd3d6f44ed46e36f5a37af91f4a68b1.png)
Flutter大学のFlutter 超入門編の動画を学び終えたアウトプットとして、
自作のアプリの紹介をしている記事です。
自分で考えたUIを実現しており、
アプリのソースコードも紹介されています。
AppStoreConnectアップロード時のエラー「App Store Connect Operation Error」の対処
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/1ac99df49992f7f09d126799e42cd271.png)
AppStoreConnect にアプリデータをアップロードする際に詰まった点について、
解決策とともに紹介された記事です。
App Icon 周りのハマりポイントが端的に紹介されており、
解決に使ったパッケージも紹介されています。
GetXでFirebase Auth使ってみた!
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/60009c13cf9018fc962963cd1f1dccb6.png)
Flutterでの状態管理手法であるGetX と、
Firebase Authの組み合わせ方法について解説された記事です。
Android , iOS , Web それぞれで実行結果が紹介されています。
週刊Flutter大学の記事
先週週刊Flutter大学に追加された記事は以下になります。
まとめ
![](https://blog.flutteruniv.com/wp-content/uploads/2022/03/新聞-1024x683.jpeg)
本記事ではFlutterニュースとして、
2022年6月第4週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行いました。
この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。
編集後記(2022/6/27)
6月も終わりに近づき、2022年も半年が経とうとしています。
区切りの時期ということで、Flutter大学でも一つのイベントが終わろうとしています。
第8期共同開発が、6月末で一区切りを迎えます。
自分も参加しているのですが、3ヶ月やっていたプロジェクトがいざ終わるとなると、
少しさみしい気持ちになりますね。
さて、この共同開発の集大成としての成果発表が7月1日、21:00 ~ 行われます!
Flutter大学のYouTube ライブでも見られる予定となっていますので、
お時間の合う方はぜひ見に来てください!
週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。
記事の更新情報はFlutter大学Twitterにて告知します。
ぜひぜひフォローをお願いいたします。