Flutterの最新情報をキャッチアップしたい!
そんなあなたに送る、 Flutterニュース 。
本記事ではFlutterニュースとして、2022年11月第2週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行います。
読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!
- Flutter公式情報
- Flutterに関する話題
- Flutterに関する記事
- dart:ffiで既存のC++の資産をDart/Flutterから使用する方法
- タダで文化祭来場用の予約サイトを作らされた話
- StateNotifier, StateProvider, FutureProvider, StreamProviderの使い分け
- 【Flutter】Riverpod 2.0 の Notifier と riverpod_generator の解説
- 【重要】学習・開発で必ず確認するべきOSS
- 【Flutter】プログラミング歴半年で、モバイルアプリを2個リリースした話
- パッケージを使わずにオリジナルのToastを実装しよう!
- Flutter Riverpod 2.0 でのAsyncNotifier のサブクラスの単体テストの仕方
- Flutterに関する動画
- Flutter大学メンバーによる記事
- 週刊Flutter大学の記事
- まとめ
- 編集後記(2022/11/14)
Flutter公式情報
Flutter 3.3.8 リリース!
Flutter のstable チャンネルにて、Flutter 3.3.8がリリースされました。
Hotfixes一覧によると今回のリリースでの修正点は以下となります。
Gesture Arena | Decoding Flutter
Flutter のタップ、ダブルタップ、ロングタップ等のイベントがどのように判別されているかを、
イベントの闘技場に例えて紹介されている動画です。
アニメーション付きで、判別の仕組みが紹介されています。
Flutter News Toolkit
Flutter の新たなテンプレートである、
Flutter News Toolkit へのアーリーアクセスが可能になった、とのツイートです。
このテンプレートを使うことによって、
認証機能やSNSへのシェア機能を持ったニュースアプリを、
より速く、簡単に作成することができるとのことです。
Flutterに関する話題
Samsung Note のようなメモアプリのリポジトリ
マークダウンで書くことのできるメモアプリのリポジトリがRedditで話題となっていました。
Firebase を用いて作成されており、投稿内GitHubリンクからデザイン等を見ることができます。
Flutter で作成されたGoogle 製 VPN デスクトップアプリ
Google が提供するVPNアプリがFlutter で作られた、と話題となっていました。
macOS と Windows で使えるアプリをシングルコードベースで作成したとのことです。
Flutter バージョン管理ツール Puro
Flutter のバージョン管理ツールであるPuro についての投稿がRedditで話題となっていました。
リンク先にてFVM等との性能差が紹介されています。
Flutterに関する記事
dart:ffiで既存のC++の資産をDart/Flutterから使用する方法
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/f3485ae1148b9a1987294b8cf384aca5.png)
C++ で書かれた関数等をDart / Flutter で利用する方法について解説された記事です。
dart:ffi を用いて利用する方法が、具体的な課題と解決策の提示で解説されています。
タダで文化祭来場用の予約サイトを作らされた話
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/ef17a29a2953e99a5def12e9da126816.png)
Flutter x Firebase で 文化祭来場用の予約サイトを作成した際の経験談について
書かれた記事です。
仕様変更の経緯や作成にあたって困った点等が書かれています。
記事内で作成したアプリケーションのソースコードのGitHubリンク等が記載されています。
StateNotifier, StateProvider, FutureProvider, StreamProviderの使い分け
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/d99ba15a8f71e666b6f94a723fa0118f.png)
Flutterの状態管理フレームワーク、Riverpod のいくつかのProvider
について、
役割の違い等を紹介している記事です。
FutureProvider
のStateNotirfierProvider
での書き換えでの例等が紹介されています。
【Flutter】Riverpod 2.0 の Notifier と riverpod_generator の解説
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/286c8ee130f5f1616d6e5466354c1944.png)
Flutterの状態管理フレームワーク、Riverpodのバージョン2.0と同時に追加された
riverpod_generator 等について紹介された記事です。
カウンターアプリを題材にriverpod_generatorでのコード生成の利用方法や、Notifier
での記述例が紹介されています。
【重要】学習・開発で必ず確認するべきOSS
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/0121a85ec958aab75cab1445ee44efd5.png)
WEB開発、モバイル開発等々で開発者が知っておくと良いオープンソースソフトウェア(OSS)について紹介された記事です。
Flutter で作成されているOSSについてもいくつか紹介がなされています。
【Flutter】プログラミング歴半年で、モバイルアプリを2個リリースした話
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/b626414f60515f09ecd186c3bbb2b01a.png)
半年で2つのアプリをリリースした筆者の経験談について書かれた記事です。
リリースにあたり困った点やアプリケーション作成の際に工夫した点等が記載されています。
パッケージを使わずにオリジナルのToastを実装しよう!
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/be86726fa5e4ad5dd52a9bc7c0082b16.jpeg)
パッケージを使わず、オリジナルのToast
を実装する方法について書かれた記事です。
Overlay
を用いた実装方法が紹介されています。
Flutter Riverpod 2.0 でのAsyncNotifier のサブクラスの単体テストの仕方
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/5d34dcac5e5767b6de5821c63dcbd0df.png)
Riverpod 2.0 で追加されたAsyncNotifier
のサブクラスの単体テストの仕方について
紹介、解説された記事です。
認証機能を例に挙げモックの仕方やリスナーの設定方法等が紹介されています。
Flutterに関する動画
Flutterでの回転式ダイアルのUIへの挑戦
Flutterで黒電話のようなダイアルでのパスコード解錠アプリを作成したとの動画です。
こちら のGitHubからソースコードを確認することが可能です。
Flutter大学メンバーによる記事
.familyについて学んでみた!
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Fadvent-calendar-ogp-background-f625e957b80c4bd8dd47b724be996090.jpg?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9LmZhbWlseSVFMyU4MSVBQiVFMyU4MSVBNCVFMyU4MSU4NCVFMyU4MSVBNiVFNSVBRCVBNiVFMyU4MiU5MyVFMyU4MSVBNyVFMyU4MSVCRiVFMyU4MSU5RiUyMSZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDbWlkZGxlJnM9Y2Q5YjhhNTE5NmM1Y2VmZWFjNjczMDhhOWNjNzRhNzc&mark-x=142&mark-y=151&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwSnVuaWNoaUhhc2hpbW90byZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OGQ3YzBjNjViNzk3OGQwOGM3MmQxNjRhOTUyMDhiNjQ&blend-x=142&blend-y=491&blend-mode=normal&s=524898de59fccb6def74e51d3e2694a5)
Flutter 、Riverpod のProvider
に対する修飾子であるfamily
について書かれた記事です。
主にサンプルコードにてfamily
でのProvider
利用を行っています。
Flutter × Bitriseでappstore&playストアにまとめてデプロイが快適すぎる件
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/b70d05e3cd90c2a6a04b8dd837bbf98d.png)
Flutter とCI/CDサービスであるBitriseを用いて、
App Store、Google Play Storeにまとめてデプロイする方法について解説された記事です。
実際に導入しているアプリの設定内容をスクショ付きで紹介されています。
【Flutter Widget of the Week #22】AbsorbPointerを使ってみた
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/579403ba8fd7fd04e2ca49f248ce5231.png)
Flutter 公式のウィジェット紹介動画シリーズ、Widget of the Week で
紹介されたウィジェットを、一つ取り上げて解説する記事です。
今回はタップ等のジェスチャーを無効化するAbsorbPointer
についての解説記事となっています。
【Flutter Widget of the Week #23】Transformを使ってみた
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/56845d026779c3b1497a1e9ad259c595.png)
Flutter 公式のウィジェット紹介動画シリーズ、Widget of the Week で
紹介されたウィジェットを、一つ取り上げて解説する記事です。
今回は拡大や回転等を実装できるTransform
についての解説記事となっています。
Flutter Build時に Package.resolved file is corrupted or malformed
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/7154572cf1a5178c17a965cf89df2ab4.png)
GitHub Actions を利用してのCI を構築時に直面したエラーの内容と解決策について書かれた記事です。
端的に原因と解決策が書かれています。
【Flutter】Animationの基礎から応用まで
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/c51cbd340ac051c4c7ddb12480958bd6.png)
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/f2f233768e999f909d82f7f6e3bf982f.png)
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/ba07c148beabe70456f4b350ac85b619.png)
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/217d12ad6773d1b183a0ea033d94c511.png)
Flutterのアニメーションの実装方法について解説された記事です。
アニメーションを実装するにあたっての様々な要素を丁寧にわかりやすく解説されています。
これらの記事の英語化もされています。
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/665ee58afe5807822c89a4ee693e9968.png)
週刊Flutter大学の記事
先週週刊Flutter大学に追加された記事は以下になります。
まとめ
本記事ではFlutterニュースとして、
2022年11月第2週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行いました。
この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。
編集後記(2022/11/14)
Flutter公式からこんなツイートがありました。
2023年1月25日に何かある、との告知ツイートです。
一体何があるんでしょうか?
いくつか予想をしてみようと思います。
- Flutter のメジャーアップデート (Flutter 4.0.0)
- Flutter のカンファレンスの開催
- Flutter Apprentice のような初心者向けチュートリアル本の展開
- Flutter Puzzle Hack のようなハッカソンの開催
個人的には、Flutter 4.0が本命かな、と思っています。
どれになるにしろ、今からワクワクが止まりませんね!
あなたはこの告知についてどのように思いますか?
ぜひTwitter等でご意見をお聞かせください!
週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。
記事の更新情報はFlutter大学Twitterにて告知します。
ぜひぜひフォローをお願いいたします。