『Flutterの最新情報をキャッチアップしたい! 』
そんなあなたに送る、 Flutterニュース 。
本記事ではFlutterニュースとして、2022年8月第4週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行います。
読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!
Flutter公式情報
Implicitly animated widget from scratch (The Boring Flutter Development Show, Ep. 62)
Flutter 公式のライブコーディングの様子などを提供する動画シリーズ、
The Boring Flutter Development Showが更新されました。
今回はアニメーションするWidgetをゼロから作ることで、
アニメーションの謎を解こう、という趣旨の動画となっています。
Intrinsicウィジェット | Decoding Flutter
Flutter公式により、Flutterを深堀りする動画シリーズ、Decoding Flutterが
更新されました。
子の大きさを取得し、その最大値で他の子の大きさを決定する、IntrinsicHeight
,IntrinsicWidth
についての解説動画となっています。
Flutterに関する話題
RUSTDESK のFlutter マイグレーション
Rust で書かれた 設定不要ですぐに利用可能なリモートデスクトップソフトウェア、
RUSTDESKの投稿がRedditで話題になっていました。
デスクトップ版にて、Flutterを利用してGUIを構築するようマイグレートが完了したとのことです。
dyn_mouse_scroll パッケージ
デスクトップアプリとWEBでのスムーズなマウススクロールを実装するパッケージ、
dyn_mouse_scroll パッケージがRedditで話題となっていました。
Pub.devのぺーじにてスクロールの様子をGIFで見ることができます。
状態管理フレームワーク、Empire
![](https://external-preview.redd.it/XO8KAU4rZw_gUADh20XgrUxGW21p3C9-LBjpv5WD9bM.jpg?width=1200&height=628.272251309&auto=webp&crop=1200:628.272251309,smart&s=5f34903d364b1c60c29e6b9beef70ba3d64339e4)
状態管理フレームワークのEmpireがリリースされた、という投稿がRedditで話題となっていました。
MVVMのアプローチで構成がされているとのことです。
投稿内で基本的な使い方等が紹介されています。
Flutterに関する記事
Zapp! パブリックベータリリース
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/7e3d0c3540af9664a4908c145daa2a63.jpg)
ブラウザ上でのFlutter実行環境、Zapp!がパブリックベータになったことに対する、
公式の紹介記事です。
パブリックベータのバージョンでできることについて紹介がなされています。
Flutter Flame : シンプルな最適化手法
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/ba20f912afec9dddb735a2106e639ef8.png)
Flutter のゲームエンジン、Flameのパフォーマンスチューニング方法について書かれた記事です。
記事後半ではパフォーマンス向上のため筆者が作ったパッケージの紹介がなされています。
すばらしいローディングを実装しよう
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/62a9b70c6c866d8b36d090db426d2d2e.png)
記事一覧のローディングで、くるくる回るインディケーターでなく、
記事が灰色になったようなローディング画面を実装する方法について書かれた記事です。
動画やサンプルコード付きで紹介がなされています。
Flutter大学メンバーによる記事
初心者 MySQL8に挑戦する 16 ~ 19
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUUzJTgwJTgwTXlTUUw4JUUzJTgxJUFCJUU2JThDJTkxJUU2JTg4JUE2JUUzJTgxJTk5JUUzJTgyJThCJTIwMTYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTEyMjkxMTBjMjZiY2RlNGRiMjU5ODllZTNjNTcyZTFl&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZG9uZ3JpNzI3JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wYWQ1MzMyZDNkNjlhY2Q3MDdiYzZhYjUyNzVmZTM5NA&blend-x=142&blend-y=491&blend-mode=normal&s=271e98684c294845950a411b0a85b4a1)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUUzJTgwJTgwTXlTUUw4JUUzJTgxJUFCJUU2JThDJTkxJUU2JTg4JUE2JUUzJTgxJTk5JUUzJTgyJThCJTIwMTcmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTk3NzNmN2YxOTcyOTY2MGEyZjk0NDUwZjhkNzkzM2Ux&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZG9uZ3JpNzI3JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wYWQ1MzMyZDNkNjlhY2Q3MDdiYzZhYjUyNzVmZTM5NA&blend-x=142&blend-y=491&blend-mode=normal&s=b4b33b7738a8144a5fd7d2421b621516)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUUzJTgwJTgwTXlTUUw4JUUzJTgxJUFCJUU2JThDJTkxJUU2JTg4JUE2JUUzJTgxJTk5JUUzJTgyJThCJTIwMTgmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPThlMDk3ZDkwNTA2ZDBmNzA1MWM5YjJmODJlNDVkYzg0&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZG9uZ3JpNzI3JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wYWQ1MzMyZDNkNjlhY2Q3MDdiYzZhYjUyNzVmZTM5NA&blend-x=142&blend-y=491&blend-mode=normal&s=ac086ec44b16b52650dfcc5f020222a5)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUUzJTgwJTgwRmx1dHRlciUyMHglMjBNeVNRTDglMjAlRTMlODElQUIlRTYlOEMlOTElRTYlODglQTYlRTMlODElOTklRTMlODIlOEIlMjAxOSUyMCUyMHdpdGglMjBteXNxbF9jbGllbnQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTMzZWM0NDE2MjRkMzQzNGM3MjZiNDU3OGQ0NzYwOTg3&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZG9uZ3JpNzI3JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wYWQ1MzMyZDNkNjlhY2Q3MDdiYzZhYjUyNzVmZTM5NA&blend-x=142&blend-y=491&blend-mode=normal&s=58a6762a9d1cc63a161b3c13fdca86b7)
Flutter と MySQL8 の組み合わせの挑戦の記録の記事です。
いよいよMySQL8 での接続に成功した筆者の試行錯誤の様子を見ることができます。
【Flutter】flutter_portal の説明するよ、やくめだから
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/f4d12b5559d955b3f38319716bd598cd.png)
flutter_portal パッケージに関する解説記事です。
記事内ではサンプルアプリやコードの紹介や、
理解が難しい点の図解等がなされています。
[Flutter×Riverpod]BottomNavigationBarを勉強してみた
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/a7699623070b0f75da3d7ebc70ec7ccd.png)
Riverpod を使ってBottomNavigationBar
での画面遷移を実装する方法について書かれた記事です。
サンプルコードをベースに実装方法について紹介がなされています。
riverpodでFormのValidationを実現したい🤔
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/68bd4c3408b7660f0971235e28e3f214.png)
TextFormField
でのバリデーションについて解説された記事です。
サンプルコード内のコメントをベースに、
バリデーションの実装方法について解説がなされています。
週刊Flutter大学の記事
先週週刊Flutter大学に追加された記事は以下になります。
まとめ
本記事ではFlutterニュースとして、
2022年8月第4週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行いました。
この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。
編集後記(2022/8/29)
本日から週刊Flutter大学のレイアウトが少し変わったのですが、
お気づきいただけましたでしょうか?
ページ上部のヘッダーやオススメページの削除、
シェアボタンの移動等がなされています。
今回の変更により、以前より記事が見やすい形にとなったかと思っています。
今後も小さい改善を重ねていきますので、
ぜひ週刊Flutter大学のチェックを今後ともよろしくお願い致します。
週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。
記事の更新情報はFlutter大学Twitterにて告知します。
ぜひぜひフォローをお願いいたします。