![](https://blog.flutteruniv.com/wp-content/themes/cocoon-master/images/man.png)
Flutterの最新情報をキャッチアップしたい!
そんなあなたに送る、 Flutterニュース 。
本記事ではFlutterニュースとして、2022年7月第4週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行います。
読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!
Flutter公式情報
Introducing: DashBot the Chatbot! | Learning to Fly
初心者がFlutter に関するアプリを作成している様子を動画化したシリーズ、
Learning to Fly が更新されました。
今回の動画では、チャット機能の実装をテーマに疑問点を解決している様子を
見ることができます。
Flutter Vikings 開催
GDE や世界から集まった登壇者によりFlutter/Dartについての発表が行われる
カンファレンス、Flutter Vikingsの開催が告知されました。
現地時間で8月31日、9月1日の2日間に渡って開催されるとのことです。
Flutterに関する話題
セキュリティ関連の5つの有用なツール紹介
セキュリティ周りで有用な5つのツールを紹介した記事がRedditで話題となっていました。
Encypted Shared Preference のような暗号化してデータを保存するパッケージ等が
紹介されています。
sprung パッケージ
バネの力学に基づいた形でアニメーションを作成できるパッケージ、
sprungパッケージがRedditで話題となっていました。
投稿の中のでもアプリにて、パラメータごとの挙動を確認することが可能です。
StarMenu パッケージ
ポップアップメニューを様々な形で表示できるようにするパッケージ、
StarMenu パッケージがRedditで話題となっていました。
pub.dev のページ内のGIFにより、
どのような挙動でポップアップメニューが表示されるのか見ることができます。
状態管理手法についてのアンケート
「どの状態管理手法がFlutterの最新バージョンに対して一番良いと思いますか?」
というアンケートです。
2022年7月25日現在で1,200票以上投票されています。
一番多いのはBloCで約33%票を獲得しています。
Flutterに関する記事
FlutterとSkyWayでオンライン麻雀ゲーム作ってみた
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Rmx1dHRlciVFMyU4MSVBOFNreVdheSVFMyU4MSVBNyVFMyU4MiVBQSVFMyU4MyVCMyVFMyU4MyVBOSVFMyU4MiVBNCVFMyU4MyVCMyVFOSVCQSVCQiVFOSU5QiU4MCVFMyU4MiVCMiVFMyU4MyVCQyVFMyU4MyVBMCVFNCVCRCU5QyVFMyU4MSVBMyVFMyU4MSVBNiVFMyU4MSVCRiVFMyU4MSU5RiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NmU0Mjk4NmEwODFkOWYxNDhmZWRkZjQwZGFiYWMxYTY&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5b21veWFtYS1kZXY2OCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YjAxZDEzNDY1NDUwMDY5ODU1NzE1ZTNkYTZjNGIxYzU&blend-x=142&blend-y=486&blend-mode=normal&s=a7f039d229698f225e54c7b531b304aa)
Flutter と 音声通話等のSDKを提供するSkyWayを組み合わせて
麻雀ゲームを作成した体験談についての記事です。
音声通話のSDK実装にあたっての注意点等も記載されています。
Flutter、CustomPaint の使い方決定版
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/6d058e20ef7d9e1f2ecdfb571838aef2.png)
GDEの方が書かれた、CustomPaintの使い方について紹介されている記事です。
CustomPaint 内の各メソッドに対して、作成後の画像とともに網羅的に紹介がなされています。
Flutter大学メンバーによる記事
初心者 MySQL8に挑戦する
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUUzJTgwJTgwTXlTUUw4JUUzJTgxJUFCJUU2JThDJTkxJUU2JTg4JUE2JUUzJTgxJTk5JUUzJTgyJThCJTIwOCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZDkxMTg1ZTRkNjJiYmQ5ZDEwZjQzNWM4OTllM2FkOGY&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBkb25ncmk3MjcmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWViYmNiOGYwMTU5NzBmOWJlYTZmOTQ5YTMzNTAxOWUx&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4gRmx1dHRlcuWkp-Wtpg&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%231E2121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=b25f205bd448db9ec245f4ffa6fc42bf)
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUUzJTgwJTgwTXlTUUw4JUUzJTgxJUFCJUU2JThDJTkxJUU2JTg4JUE2JUUzJTgxJTk5JUUzJTgyJThCJTIwOSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZjJmYzcwYTNiOGJkMDk1MWU2NTg0NWNiYjljNjY1ZTI&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBkb25ncmk3MjcmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWViYmNiOGYwMTU5NzBmOWJlYTZmOTQ5YTMzNTAxOWUx&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4gRmx1dHRlcuWkp-Wtpg&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%231E2121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=856a81e6245a9d7ff2f14cbb0a8a33d9)
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUUzJTgwJTgwTXlTUUw4JUUzJTgxJUFCJUU2JThDJTkxJUU2JTg4JUE2JUUzJTgxJTk5JUUzJTgyJThCJTIwMTAmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWQ1YjE5YTc2OWFkYTdmODkxMDgxMzYwNDRmZTI1OWI0&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBkb25ncmk3MjcmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWViYmNiOGYwMTU5NzBmOWJlYTZmOTQ5YTMzNTAxOWUx&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4gRmx1dHRlcuWkp-Wtpg&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%231E2121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=3eee08158b2ca71d39e1589f35583110)
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUUzJTgwJTgwTXlTUUw4JUUzJTgxJUFCJUU2JThDJTkxJUU2JTg4JUE2JUUzJTgxJTk5JUUzJTgyJThCJTIwMTEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTU0NjdiYzU0YWYwMzgzN2Y3ZTRjYmVlNzQ3YWIyZTA4&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBkb25ncmk3MjcmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWViYmNiOGYwMTU5NzBmOWJlYTZmOTQ5YTMzNTAxOWUx&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4gRmx1dHRlcuWkp-Wtpg&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%231E2121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=27b9310e991afcad4eaba175ea0287e8)
データベースを扱うMySQLとFlutterの組み合わせについて、
実装を試みている筆者の体験談について書かれた記事です。
各国の様々な参考動画を見ながら解決策を探している様子を見ることができます。
【Flutter】AutocompleteWidgetでフォームの自動補完機能を実装する
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwRmx1dHRlciVFMyU4MCU5MUF1dG9jb21wbGV0ZVdpZGdldCVFMyU4MSVBNyVFMyU4MyU5NSVFMyU4MiVBOSVFMyU4MyVCQyVFMyU4MyVBMCVFMyU4MSVBRSVFOCU4NyVBQSVFNSU4QiU5NSVFOCVBMyU5QyVFNSVBRSU4QyVFNiVBOSU5RiVFOCU4MyVCRCVFMyU4MiU5MiVFNSVBRSU5RiVFOCVBMyU4NSVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MWJiNzQ3MTc1OWUwYjYxZTAwZGVlYjMwN2M2NGFkNmI&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0YWlzZWlfZGV2JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04Njg1OGQxMjQzYzViZDliMGIxNDUwYzQ1ZWJjMWIzZQ&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4gQXhpYSBXb3JrcyBMTEM&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%231E2121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=caccc21c96f9ae113042cfbbb938aaf9)
AutoComplete Widget
を用いた入力フォームの自動補完機能の実装について
解説された記事です。
各使い方についてGIFとサンプルコード付きで丁寧に紹介されています。
【Flutter/Dart】import文のas/show/hideって何?
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwRmx1dHRlciUyRkRhcnQlRTMlODAlOTFpbXBvcnQlRTYlOTYlODclRTMlODElQUVhcyUyRnNob3clMkZoaWRlJUUzJTgxJUEzJUUzJTgxJUE2JUU0JUJEJTk1JUVGJUJDJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz00MGNmYmNhN2Q5NDA1ZjM1OGVlZWY3YTUxNDQyNDgyNA&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0YWlzZWlfZGV2JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04Njg1OGQxMjQzYzViZDliMGIxNDUwYzQ1ZWJjMWIzZQ&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4gQXhpYSBXb3JrcyBMTEM&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%231E2121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=cbd418a41b29ae3eaf92eb83ab4081d1)
Flutter/Dartのimport
文の後ろに付ける、as
, show
, hide
について解説された記事です。
使用例を紹介しつつ、わかりやすくそれぞれの違いについて解説されています。
FlutterWebでFirebaseAnalyticsを導入する時の注意点
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/5a7392c75abd4e01d9852b95c253a37c.png)
FlutterWebでFirebaseAnalyticsを導入する時の注意点について書かれた記事です。
端的に動かない際の対処法について記載がされています。
FlutterでCloud Functions使ってみた!
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/89b90e1c968434c853c76d6ee75d9f19.png)
Flutter アプリにCloud Functions のhttp リクエストを組み合わせる方法についての記事です。
筆者の実装体験談ベースで、サンプルコード付きで実際に動くコードが紹介されています。
Flutter Webでキャッシュを消す方法【Cache Busting】
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/3cb195d375797ef047966c65d2441b91.png)
Flutter Webでキャッシュを消す方法について書かれた記事です。
htmlファイルを修正することでユーザーにスーパーリロードを要求せずに
キャッシュを削除する方法について解説されています。
ユーザー登録機能を作ってみる
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/538f083025ce7dd896a91a99f22850fc.png)
ユーザー認証と同時に入力情報をFirestoreにも登録する方法について書かれた記事です。
記事内では、サンプルコードと実行結果の画像が丁寧に紹介されています。
uidとドキュメントidを一致させる方法
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/b7f8ee206690cec6964f1811db2f8d02.png)
ユーザー認証時のuidとFirestoreのドキュメントIDを一致させる方法について解説された記事です。
サンプルコードをベースに対応方法について解説がなされています。
週刊Flutter大学の記事
先週週刊Flutter大学に追加された記事は以下になります。
まとめ
![](https://blog.flutteruniv.com/wp-content/uploads/2022/03/新聞-1024x683.jpeg)
本記事ではFlutterニュースとして、
2022年7月第4週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行いました。
この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。
編集後記(2022/7/25)
今週のFlutterニュースでした。
海外ではFlutter Vikingsが開かれますが、
日本でもFlutterのカンファレンスが続々と開かれています。
つい先日にはFlutter Gakkai が開かれましたね。
11月16日 〜 18日にはFlutter Kaigi が 開かれるそうです。
(2022年7月25日現在セッション受付中とのことです。)
日本のFlutterがどんどん盛り上がっていく感じで、とても良いですね。
自分も積極的に参加して、どんどんFlutter を盛り上げていきたいと思います。
週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。
記事の更新情報はFlutter大学Twitterにて告知します。
ぜひぜひフォローをお願いいたします。