Flutterの最新情報をキャッチアップしたい!
そんなあなたに送る、 Flutterニュース 。
本記事ではFlutterニュースとして、
2022年12月第5週〜2023年1月第1週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行います。
読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!
Flutter公式情報
Deep linking in Flutter
URL をクリックするとアプリの特定の画面にアクセスできるようにする、
Deep Linking の紹介、実装方法についての解説を行った動画です。
Deep Linking の実装メリットの紹介や、
Android 向けのgo_routerを利用した実装方法が解説されています。
Firebase Remote Config (今週のパッケージ)
Flutter 公式による パッケージ紹介動画シリーズ、Package of the Week の
最新動画がアップロードされました。
Firebase のコンソールから、
既にユーザーが使用中のアプリの設定値を変更できるようにするパッケージ、
Firebase Remote Configパッケージの紹介動画となります。
Flutterに関する話題
flutter_acrylic
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/13763735f54d72f54e52b6fc7ce6518a.png)
デスクトップアプリでのアクリル板のような見た目のWindowを実装できるパッケージ、
flutter_acrylic についての投稿がRedditで話題となっていました。
上のリンクのpub.devページにて使用感のGIFを見ることができます。
Flutterに関する記事
【個人開発】OpenAIの文章生成モデルを使ったアプリを24時間で作ってリリースしました
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgwJTkwJUU1JTgwJThCJUU0JUJBJUJBJUU5JTk2JThCJUU3JTk5JUJBJUUzJTgwJTkxT3BlbkFJJUUzJTgxJUFFJUU2JTk2JTg3JUU3JUFCJUEwJUU3JTk0JTlGJUU2JTg4JTkwJUUzJTgzJUEyJUUzJTgzJTg3JUUzJTgzJUFCJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJTlGJUUzJTgyJUEyJUUzJTgzJTk3JUUzJTgzJUFBJUUzJTgyJTkyMjQlRTYlOTklODIlRTklOTYlOTMlRTMlODElQTclRTQlQkQlOUMlRTMlODElQTMlRTMlODElQTYlRTMlODMlQUElRTMlODMlQUElRTMlODMlQkMlRTMlODIlQjklRTMlODElOTclRTMlODElQkUlRTMlODElOTclRTMlODElOUYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTAxMGI2OGI2YTJjMzBkZGU3YWM5MGNjNjYxZTQ4ZTFm&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaW1ham9yaXJpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wMmQ5NmIxZjJlZjdkNzhjODE4NTUyODA5MDY4OTBjMQ&blend-x=142&blend-y=491&blend-mode=normal&s=ab338020501e6df8b89baf6b2facbe4f)
OpenAI のAPI を使ったアプリを作成しリリースした、
との体験談と技術について書かれた記事です。
API利用の方法を中心に紹介がなされています。
SizedBox で理解する Flutter のレイアウト計算
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/1e265fecc6a94e233cabac7c1fc03133.png)
SizedBox
を例に、Flutterのレイアウトがどのように行われるのかについて解説された記事です。
例題に対してBoxConstraints
の値がどのように計算されるのか、
詳細に解説がなされています。
BloC ルールの破壊
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/23fbd2b7eb24ff21a0bd0fa14e9770d6.jpg)
Flutter の状態管理手法の1つであるBloCパターンの書き方について、
時にはルールに則らない方がよい、と紹介している記事です。
則らない方が良い場合を複数紹介されています。
Flutterを使ってChrome 拡張を作成する方法
![](https://hashnode.com/utility/r?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1672557593975%2Ff2642451-1353-472c-8a79-57778cf6ce12.png%3Fw%3D1200%26auto%3Dcompress%2Cformat%26format%3Dwebp%26fm%3Dpng)
Flutterを利用してGoogle Chrome の拡張機能を作成する方法について紹介された記事です。
index.html
の設定方法等が紹介されています。
Flutterに関する動画
How to Build A Chrome Extension with Flutter
Google Chrome の拡張機能をFlutterで作る方法について紹介された動画が、
Redditで話題となっていました。
QRコード生成の拡張機能の作成方法が紹介されています。
Flutter大学メンバーがリリースしたアプリ
順くん 〜順番待ちアプリ〜
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/626ce61ba21f5f542a41aaf0e7154d78.png)
hironariさんにより、
順番待ちアプリ『順くん』がリリースされました!
飲食店やクリニック等の順番待ちの管理を手助けするアプリとのことです。
プッシュ通知によるお客様の呼び出し機能など、
便利な機能が搭載されているそうです!
Memollage ~ コラージュ画像作成アプリ ~
こんぶさんにより、
コラージュ画像作成アプリ、『Memollage』がリリースされました!
40枚くらいの画像を一枚にまとめたコラージュ画像を、
簡単に作成することができるアプリとなっています。
2022年の写真をまとめるのにとても良いアプリかと思います!
Exchange Diary ~ 交換日記アプリ ~
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/3c2946b34de454ac176a25359d0fc85f.png)
Ryoさんにより、
交換日記アプリ、『Exchange Diary』がリリースされました!
知り合いとだけでなく、どこかの誰かとも交換日記をすることのできるアプリとなっています。
カレンダーのUI等がシンプルながら洗練されていて、
使いやすい交換日記アプリです!
Flutter大学メンバーによる記事
GitHub Actions で Automatically manage signing を使って ipa をビルドする
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/94a2c5d84c45b6ca07ba4e02d19e7e01.png)
iOS 向けのCDを、Automatically manage signing を
利用して行う方法について紹介された記事です。
Automatically manage signingを利用するに当たってのメリットや、
GitHub Actions を利用した方法、ワークフローが紹介されています。
入力した文字が逆向きになる?
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/874701b5c7c245775f7db4544af2f640.png)
アプリ制作をしていて遭遇したエラーについての紹介と、
解決方法の紹介を行った記事です。
TextField
のcontroller
の使用上の注意が紹介されています。
StreamProviderでログインを維持する
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/003273dccd86bc9ad0ae410c1b5108d4.png)
Riverpod のStreamProvider
を利用した認証画面の実装方法について書かれた記事です。
サンプルコードを中心に紹介がなされています。
Firebaseのテストコード書いてみる
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/b60136c7665288998f60785e89789080.png)
Cloud Firestore を利用したテストのコードを紹介している記事です。
テストコードの例が複数紹介されています。
Firebaseに画像をuploadしたい
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/e5273c7c547cdd47d018bd8bd9c8b972.png)
Firebase Strage と Cloud Firestore を利用した画像のアップロード方法を紹介した記事です。
Firestore の事前準備方法等から紹介がなされています。
OBJECTBOXを使ってみた
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/2c34565e298e4ee699e92ebc6c8035e8.png)
ローカルデータベースであるObjectBoxの利用方法について書かれた記事です。
データの保存機能、削除機能を持ったサンプルアプリが紹介されています。
初めて Flutter の自作パッケージを pub.dev に公開してみた話
![](https://blog.flutteruniv.com/wp-content/uploads/cocoon-resources/blog-card-cache/86469b2b22e3e4d617e65a77e321188b.png)
Flutterパッケージを作成し公開したその体験について書かれた記事です。
パッケージの内容や公開してよかったこと等が記載されています。
週刊Flutter大学の記事
先週週刊Flutter大学に追加された記事は以下になります。
まとめ
本記事ではFlutterニュースとして、
2022年12月第5週〜2023年1月第1週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行いました。
この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。
編集後記(2023/1/2)
あけましておめでとうございます。
2023年が始まりましたね。
Flutter大学は、2023年開始から勢いよく活動していきます。
さまざまなイベントやキャンペーンを用意しておりますので、
以下をご覧いただければと思います。
2023年もFlutter大学をよろしくお願いいたします。
週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。
記事の更新情報はFlutter大学Twitterにて告知します。
ぜひぜひフォローをお願いいたします。