Flutterの最新情報をキャッチアップしたい!
そんなあなたに送る、 Flutterニュース 。
本記事ではFlutterニュースとして、2023年10月第3週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行います。
読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!
Flutter公式情報
Flutter 3.13.7 リリース!
FlutterのStable チャンネルにてVersion 3.13.7が利用可能となりました。
Xcode 15, iOS 17での実行時エラーに対応したとのことです。
詳細は上のリンクから。
Observable Flutter: FlutterFlow
Flutter公式チャンネルでObservable<Flutter>というライブ配信が行われました。
Flutterのノーコードツール、FlutterFlowを用いてマルバツゲームを実装しようという、
ライブコーディングの動画となっています。
firebase_auth (Package of the Week)
Flutter の公式YouTube チャンネルにてFlutterのパッケージを紹介する動画シリーズ、
Package of the Weekが更新されました。
今回はFirebaseを使った認証機能を提供する、firebase_authパッケージについての紹介動画になります。
Flutterに関する話題
The Journey of Building and Marketing an App: How I went from an idea to a published app with over 12k users – All for free!
12,000ものユーザーを集めたゲーム情報アプリの作成、マーケティングのノウハウについて書かれた記事、ソースコード、アプリの紹介の投稿がRedditで話題となっていました。
ローカライゼーションを利用したユーザー獲得の仕方について紹介がされています。
A demo app with complex animation using flutter_animate
複雑なアニメーションを実装したデモアプリの紹介記事がRedditで話題となっていました。
アニメーションを直感的に実装できるパッケージ、flutter_animateを用いて作成されたとのことです。
flutter_credit_card パッケージ
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/11f8c52ecd0f5711c4cfacbf2e0aecfb.png)
Flutter にクレジットカードのUIと入力用のフィールド等をアニメーション付きで提供するflutter_credit_cardパッケージがアップデートされた、との投稿がRedditで話題となっていました。
pub.devのページ内で使用時のUI、アニメーションを見ることが可能です。
Flutterに関する記事
[Flutter] レビュワーに配慮のあるコードを書こう
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCRmx1dHRlciU1RCUyMCVFMyU4MyVBQyVFMyU4MyU5MyVFMyU4MyVBNSVFMyU4MyVBRiVFMyU4MyVCQyVFMyU4MSVBQiVFOSU4NSU4RCVFNiU4NSVBRSVFMyU4MSVBRSVFMyU4MSU4MiVFMyU4MiU4QiVFMyU4MiVCMyVFMyU4MyVCQyVFMyU4MyU4OSVFMyU4MiU5MiVFNiU5QiVCOCVFMyU4MSU5MyVFMyU4MSU4NiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YjI1NTMyZjlmMzk2ODIzYjdmZDJjYmNmNGE5ZGY2ZjU&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBpc2VraXJ5dSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MjViZTA5NWYzNDRkMGVkNzdlODYxNjBiZDY1NTE3M2Y&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4g5qCq5byP5Lya56S-44KG44KB44G_&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=4040ac372a2e2975081e072823ccd413)
レビュワーに負担をかけないよう、プルリクエスト時のコード差分の表示を減らす、整える方法についての記事です。
Flutterで出てきがちな生成ファイルについて、.gitignoreや.gitattributesを用いる方法が紹介されています。
[Flutter]Flutterでの依存関係図の自動生成が便利だった件について
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JTVCRmx1dHRlciU1REZsdXR0ZXIlRTMlODElQTclRTMlODElQUUlRTQlQkUlOUQlRTUlQUQlOTglRTklOTYlQTIlRTQlQkYlODIlRTUlOUIlQjMlRTMlODElQUUlRTglODclQUElRTUlOEIlOTUlRTclOTQlOUYlRTYlODglOTAlRTMlODElOEMlRTQlQkUlQkYlRTUlODglQTklRTMlODElQTAlRTMlODElQTMlRTMlODElOUYlRTQlQkIlQjYlRTMlODElQUIlRTMlODElQTQlRTMlODElODQlRTMlODElQTYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTViZmMyNThhZTk2ZTIyZmUwMjQwY2JjMzczN2I4MTQ1&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaXNla2lyeXUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWM4MzAwZWQyZmFmOTRjZGM1NDM1NTg3NzA0NWE0NjFl&blend-x=142&blend-y=491&blend-mode=normal&s=62f23c021212258d43a390b99e559b36)
riverpod_graphというパッケージを使ったコードの依存関係の視覚化に関する記事です。
riveroid_graphの使い方と使用後のイメージが記事内で紹介されています。
Flutter大学メンバーによる記事
今週Flutter大学メンバーが書いた記事は以下になります!
Serverpod Authentication の行間を読む〜遷移
まとめ
本記事ではFlutterニュースとして、
2023年10月第3週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行いました。
この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。
編集後記(2023/10/16)
Redditで 『Flutterエンジニアが ネイティブの勉強をすることは、果たして良いことなのか?』
という投稿が話題になっていたので、これについて自分の考えを述べたいと思います。
何かを学ぶことについて悪いことなんてほとんどないので、
ネイティブの書き方を学ぶことも悪いことではないと思います。
ただ、どのように学ぶか、は工夫が必要かな、と思ってます。
Flutterエンジニアがネイティブのコードを書くことを要求される時、必要な知識は以下の3つだと考えます。
- ネイティブ言語の文法
- 実装したい機能の実装方法
- MethodChannelを利用したFlutterとの繋ぎ方
ここを重点的に学ぶために本を読む、とか使いたい機能だけを持った小さなアプリを作る、等の学び方は良い学び方だと思います。
逆に、ネイティブで個人開発で大きなアプリを作ってみたり、
設計方法について学ぶ、というのは、Flutterでアプリを作るためにネイティブを利用する、という点からは少し外れてしまうように思います。
(もちろんこの方法で学べることは貴重な財産となりますが、Flutterでアプリを作る、という点からするとちょっとやりすぎに思えます。)
将来的にFlutter専門のエンジニア(ネイティブを補助的に使えるエンジニア)となりたいか、Flutterもネイティブも十分に書けるエンジニアとなりたいかによって、勉強方法は変わってくると思います。
自戒を込めて、ネイティブの勉強方法はしっかりと考えて取り組むべきだな、と思いました。
週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。
記事の更新情報はFlutter大学Twitterにて告知します。
ぜひぜひフォローをお願いいたします。