![](https://blog.flutteruniv.com/wp-content/themes/cocoon-master/images/man.png)
Flutterの最新情報をキャッチアップしたい!
そんなあなたに送る、 Flutterニュース 。
本記事ではFlutterニュースとして、2022年5月第2週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行います。
読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!
Flutter公式情報
Google I/O 開催、Flutter最新情報発表
Google の最新情報や技術情報の講演会、
Google I/O が日本時間5/12,13に開催されました。
GoogleのプロダクトであるFlutterについても、
Flutter 3 を始め、数々の最新情報が発表されました。
上記基調講演のまとめ記事を週刊Flutter大学にてアップしていますので、
併せてご確認ください。
Flutter 3 (Dart 2.17) アップデート
Flutter のstable 最新、そしてメジャーアップデートとしてFlutter 3 が公開されました。
mac OS 、Linux に対するサポートがstableとなり、
ついにモバイル(iOS,Android)、Web、 デスクトップ(windows, mac OS, Linux)、
すべてのサポートがStableとなりました。
Flutter 3 ならびにDart 2.17の変化点について、
Flutter大学では動画、記事にしています。
以下、併せてご確認ください
Flutterに関する話題
I/O ピンボールゲーム
Google I/Oに向けてFlutterで作られたピンボールゲームがRedditで話題となっていました。
ゲームだけでなく、紹介記事、ソースコードも公開されています。
ゲームエンジンであるFlame やFirebaseを用いて作られたとのことです。
Flutter Sidekick 1.0 のリリース
Flutter のプロジェクト管理ツール、Flutter Sidekick のver 1.0がリリースされました。
管理しているFVMのバージョンをSidekick上で確認できたり、
利用しているIDEで直接プロジェクトを開けたりできます。
Flutterに関する記事
GoogleI/O 2022で発表された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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9R29vZ2xlJTIwSSUyRk8lMjAyMDIyJUUzJTgxJUE3JUU3JTk5JUJBJUU4JUExJUE4JUUzJTgxJTk1JUUzJTgyJThDJUUzJTgxJTlGRmlyZWJhc2UlRTMlODElQUUlRTYlOTYlQjAlRTYlQTklOUYlRTglODMlQkQlRTMlODIlOTIlRTMlODElQkUlRTMlODElQTglRTMlODIlODElRTMlODElQTYlRTMlODElQkYlRTMlODElOUYlRTMlODAlODImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTNlNDQ5M2IyNDhmMGE0MmQ3NDZlMTNkNGUyMTVhZWMw&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtb2dtZXQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTBhYTk3YWViNDJkNjJmMWU2NjBmYjdhOWY0NWFhNWNm&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4g44Op44Kw44OK44Ot44Kv5qCq5byP5Lya56S-&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=97598e494fa344083852548de306125e)
Google I/O で発表されたFirebase の新機能についてまとめて紹介されている記事です。
Flutterに関する情報も記載されており、
Firebaseを使用する方は目を通しておくと良いです。
ゲーム開発ツールとしてのFlutterのアーリーアダプターからの展望
Googleの方の目線から、
Flutter x Gameの市場を調査した結果についてまとめられた記事です。
Flutter のCasual Game Kit が発表され、
Flutter x Gameの市場もどんどん増えてきそうです。
70以上のソースコード付きFlutter プロジェクト
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/968115b3a112e239116f68b331f851f7.png)
ソースコードが公表されているFlutterプロジェクトを
70個以上集めて紹介している記事です。
FlutterのQuick Guide や Summaryもついているので、
読んでみて興味のあるものをピックアップするのが良いかと思います。
盛り上がれFlutter3
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/24d3f2834571ded779c4b43d79317c64.png)
Flutter 3、Dart 2.17の情報についてまとめて紹介している記事です。
端的に、ポイントに絞って紹介されています。
Flutter 3.0のリリース解説!
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/5bbb5391b1f7957de9219ee95b04be05.png)
Flutter 3周りの情報についてまとめて紹介している記事です。
Firebase の情報やFlutter 3へのアップグレードの仕方まで紹介されています。
Flutterに関する動画
Flutterでのカスタムエラーメッセージ
Flutter でUI上で表示するエラーメッセージをカスタマイズする方法について紹介された記事です。
SnackBarをカスタマイズし、カードでエラーメッセージが出てきたかのように見せることができます。
Flutter大学メンバーによる記事
Flutter で ObjectBox つかってみた
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/472a0457277d5e3fc13ef2e559153cc6.png)
Flutter でローカルデータベースを扱うパッケージである、
ObjectBoxについての使用方法についてまとめられた記事です。
hiveとの比較やサンプルコード、
ObjectBox 使用時のYouTubeでのライブ配信のアーカイブ動画のリンク等が記載されています。
【Flutter開発Tips】自動生成ファイルの diff をプルリクに表示しないようにする
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/8d23feb59e75a1543d32b5b6dcded3f4.png)
Flutter で自動生成されるファイルの変化点を、
GitHubのプルリクエストに表示させないようにする方法について記載された記事です。
この記事の方法を使えば、freezed等でファイルの自動生成を使用している際に、
レビュワーがレビューしやすいプルリクを作成できるようになります。
カメラ機能の実装(imagepicker)
imagepicker パッケージを使ったカメラ機能の実装方法についてまとめられた記事です。
実装手順からサンプルコード、
実際に動かして見た際のスクリーンショットまで丁寧に解説されています。
riverpodを使ってFireStoreの値を取得する
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/29bbda73c55a41fb0ff24259897b2aef.png)
riverpodとFirestoreを組み合わせてアプリにデータを表示する
サンプルコードを紹介した記事です。
サンプルコードのコメントにて、実装内容が説明されています。
週刊Flutter大学の記事
先週週刊Flutter大学に追加された記事は以下になります。
まとめ
![](https://blog.flutteruniv.com/wp-content/uploads/2022/03/新聞-1024x683.jpeg)
本記事ではFlutterニュースとして、
2022年5月第2週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行いました。
この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。
編集後記(2022/5/16)
今週のFlutterニュースに関する記事でした。
記事内でも紹介した、Flutter Sidekickが使用してみて結構体験が良かったので、
こちらについて編集後記で述べようと思います。
Flutter SidekickはFlutterプロジェクトをUI上で管理できるアプリケーションになります。
以下の画像のようにFlutteプロジェクトをパネルにて管理できます。
![](https://blog.flutteruniv.com/wp-content/uploads/2022/05/スクリーンショット-2022-05-15-9.31.04-1024x645.png)
注目すべきは使用しているFlutterのバージョンが表示されること、
IDEマークからIDEにてプロジェクトを直接開けることの2点です。
複数のプロジェクトを管理していると、特に、FVMを使っている際、
使っているFlutterのバージョンがわからなくなることがあるかと思います。
SidekickはFVMと連携しているため、
パネル上でどのバージョンを使っているのか読み取ることができます。
また、IDEをワンクリックで開けるのは地味に便利です。
いちいちIDEを開いて、開くプロジェクトを選択して、という手間がなくなります。
Sidekickは日々行っている作業を、
ちょっと便利にするアプリケーションというのが使ってみた感想です。
興味のある方はぜひ、以下のリンクからダウンロードして使ってみてください。
週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。
記事の更新情報はFlutter大学Twitterにて告知します。
ぜひぜひフォローをお願いいたします。