Flutter ニュース 【2022年6月第3週】

Flutterの最新情報をキャッチアップしたい!

そんなあなたに送る、 Flutterニュース 。

本記事ではFlutterニュースとして、2022年6月第3週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行います。

読むだけでFlutterの最新情報がキャッチアップできます。 ぜひ読んでみてください!

Flutterに関する話題

fade_out_particle パッケージ

fade_out_particle | Flutter package
Fade out particle effect for disappearing views like Text and Icon

Flutterでオシャレなフェードアウトを実装するパッケージ、
fade_out_particle WidgetがRedditで話題となっていました。

パッケージ詳細ページに動作のgifが紹介されています。

こちらについては週刊Flutter大学でも記事化しています。
併せてご確認下さい。

Flutter Furniture App

認証、カート、お気に入り機能、支払い方法の設定などの機能を持った家具アプリを、
Flutterで作成したサンプルについての投稿です。

SupabaseやGetXを使って作成されており、ソースコードも公開されています。

Realm のFlutter SDK Beta サポート

arrow-right

オブジェクト指向データベースであるRealmの
Flutter SDK Beta版がサポート開始となりました。

公式サイトにてQuick Start等のドキュメントを確認することが可能です。

Mason Bricks

テンプレート生成ツールであるmason
テンプレートサンプル(Bricks)を5つ用意したリポジトリがRedditで話題になっていました。

FromJson ,ToJson だったりを用意したモデル用のDartファイル生成のサンプル等が用意されています。

Shader パッケージ Ver 1.0 リリース

Flutter で GLSLの shader を取り扱えるようにするパッケージ、shaderが
version 1 系にアップデートされました。

ドキュメントが充実され、ローカルでのコンパイルの方法についても紹介されています。

Monarch 100%オープンソース化

Monarch Minutes Newsletter 3 | Monarch
Monarch goes open source! And other major improvements under way.

Flutter で 複数のサイズの端末のチェックや
テキストスケール等の検証ができるツール、
Monarch が100% オープンソースになる、との告知投稿がRedditで話題となっていました。

リンクのニュースレターにはMonarchを紹介する動画が掲載されています。

progressive_time_picker プラグイン

progressive_time_picker | Flutter package
This package allow us to customize time picker based on our requirements for selecting a specific range from time picker and it's supports multiple platforms.

Flutterで時刻を取得する際に使用するTimePickerのプラグイン、
progressive_time_picker がRedditで話題となっていました。

開始と終了の時刻を選択でき、
マルチプラットフォーム対応しているとのことです。

Flutterに関する記事

Flutter: BLOCs at Scale | 1— The State Machine

Flutter: BLOCs at Scale | 1— The State Machine
If you’re ready to elevate your Flutter BLOCs with new concepts, that will make your code better— you are at the right place!

Flutterの状態管理手法であるBLOCについて書かれた記事が
Redditで話題となっていました。

BLOCでの設計について、実戦で扱えるようにするアプローチが記載されています。

Flutter iOS アプリに対するCI/CD と β版デプロイ

https://medium.com/mindful-engineering/github-actions-ci-cd-and-automate-beta-deployments-for-your-flutter-ios-apps-c9cdc8dcf097

GitHub Actions でiOS 向けにCI/CDを行う方法についての記事です。

サンプルとなるGitHub Actions用のyaml ファイル記載内容が紹介されており、
TestFlightへのアップロードを自動で行うようにできるとのことです。

Flutterに関する動画

Flutter Web アプリをGitHub Pages にデプロイする方法

GitHub PagesにFlutterのWeb アプリをデプロイする方法について紹介されている動画です。

2分という短い時間で、Pageのデプロイ方法を簡単に知ることができます。

Slide To WIdget チュートリアル

スライドアクションで決定したりアンロックしたりする機能を実装できるパッケージ、
slide_to_actについての解説動画です。

基本的な使い方からカスタマイズの方法まで詳しく解説されています。

Flutter大学の動画

Flutter大学のYouTubeチャンネルにて更新された動画を紹介します。

Flutter大学メンバーがリリースしたアプリ

TrashOut 〜 収集ゴミ通知アプリ 〜

‎TrashOut
‎TrashOutは主に2つの機能を有しています。 ■収集ゴミのスケジュール管理 週と曜日を入力することによって「第1・第3 水曜日ペットボトル」といった複雑なスケジュールを管理することができます。 ■収集ゴミの通知 対象のゴミの種類を、当日や前日に通知させることができます。 TrashOutを利用すれば、収集ゴ...
TrashOut - Apps on Google Play
TrashOut is a garbage collection notification app. It will notify you of the garbage collected on that day or the next day at a fixed time on the day and the da...

オサナイさんにより、収集ゴミ通知アプリ、『TrashOut』がリリースされました!

週、曜日、ゴミの種類を登録することで対象の日に該当する
ゴミの種類を通知してくれるアプリとのことです!

引っ越したばかりの時に役立ちそうですし、
あまり出さないゴミもアプリに登録しておくことで必要なときに参照できるので、
とても役に立ちそうです!

Flutter大学メンバーによる記事

初心者 flutter x firestoreの複合クエリに挑戦する2 未記入項目の処理

初心者 flutter x firestoreの複合クエリに挑戦する2 未記入項目の処理 - Qiita
歴史事象のアーカイブをつくろうとしているのだが ユーザーに情報を入力してもらうWikipedia方式を考えている。ということで、こんな情報を入れてください、という項目が、必須項目4、オプションが8…

Flutter × Firestore でのアプリ開発に関して悩んだ点を記録した記事です。

複数の入力項目を設けて未入力でも可、としたときにどうすればよいか、
筆者の検討結果が記載されています。

【Flutter】大学生のためのコミュニティアプリ「Hash」をリリースしたので気づいたことをまとめてみる

【Flutter】大学生のためのコミュニティアプリ「Hash」をリリースしたので気づいたことをまとめてみる

Flutter で作ったアプリについての紹介と使った技術に関する記事です。

投稿型のアプリでブロック機能を実装するにはどうすればよいかについて、
サンプルコード付きで解説されています。

【Flutter】ローカル DB パッケージの Isar Database のテストのはまり所と解決策

【Flutter】ローカル DB パッケージの Isar Database のテストのはまり所と解決策

Isar Databaseを使用したアプリでのテストについて、
課題と解決方法についてまとめて解説された記事です。

課題とはまり所について、段階を追って解決策を詳細に解説されています。

FlutterアプリとFirebaseを連携させるときに困ったあれこれ

FlutterアプリとFirebaseを連携させるときに困ったあれこれ

Flutter × Firebase で発生したエラーの解決策について解説された記事です。

エラーと解決方法についてエラーコードの紹介とともに端的にまとめられています。

【Flutter】ネットワークから取得した画像をキャッシュして表示を高速化する【cached_network_image】

【Flutter】ネットワークから取得した画像をキャッシュして表示を高速化する【cached_network_image】

ネットワークから取得した画像をキャッシュして表示を高速化するパッケージ、
cached_network_imageパッケージの使用方法等についてまとめられた記事です。

記事中に掲載されたgifでこのパッケージの優位性がとてもわかり易く紹介されています。
また、実装だけでなくテストをどうすればよいかについても解説されています。

GetXのプロジェクトをコマンドで作成する

GetXのプロジェクトをコマンドで作成する

GetX のプロジェクトをコマンドラインから作成する、get cli の
使用の体験談について書かれた記事です。

スクリーンショット付きで使用してどんなプロジェクトが作成されるのか解説されています。

Flutterでモバイルアプリ開発を始めたキッカケ

Flutterでモバイルアプリ開発を始めたキッカケ

筆者が個人開発でアプリをリリースするまでの経験談についてまとめられた記事です。

個人開発でアプリをリリースするにあたり、
困ったことや解決策について紹介されています。

週刊Flutter大学の記事

先週週刊Flutter大学に追加された記事は以下になります。

まとめ

本記事ではFlutterニュースとして、
2022年6月第3週に話題になったFlutter関連の情報や、
アップされた記事、YouTube動画の紹介を行いました。

この記事が、みなさんのFlutterアプリ開発の一助となれば幸いです。

Flutterを一緒に学んでみませんか?
Flutter エンジニアに特化した学習コミュニティ、Flutter大学への入会は、
以下の画像リンクから。



編集後記(2022/6/20)

今週もたくさんのニュースを紹介しました。

今週自分が興味惹かれたニュースはMason についてのニュースです。

Mason は簡単に言うとFlutter対応のテンプレート生成ツールです。
以下の動画でチュートリアルが紹介されています。

見る限りpubspec.yaml 等も調整できそうでとても良さそうです。

自分は記事を書くために週に2~3個プロジェクトを新規作成するため、
新規作成→静的解析のパッケージインストールをテンプレート化できると、
とても良いな、と思っています。

実際にできるのかどうかは検証してみないとわからないため、
検証して、できれば記事化してみようと思います。

検証結果はどちらにしろTwitterでつぶやこうと思うので、
気になる方はぜひフォローしてお待ち下さい!

週刊Flutter大学では、Flutterに関する技術記事、Flutter大学についての紹介記事を投稿していきます。
記事の更新情報はFlutter大学Twitterにて告知します。
ぜひぜひフォローをお願いいたします。

タイトルとURLをコピーしました