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

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

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

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

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

  1. Flutter公式情報
    1. flutter 3.3.10 リリース!
    2. isolate_agents パッケージ
    3. go_router(今週のパッケージ)
    4. デスクトップのFlutter開発体験を良くするためには?
  2. Flutterに関する話題
    1. Flutter Socket.IO のクライアントパッケージ
    2. camerawesome Rc1 リリース
  3. Flutterに関する記事
    1. Flutterでモバイルアプリ開発着手からリリース後まで。【感想】
    2. 【Flutter】Material Theme Builder で好みの色をアプリに組み込む
    3. Flutterアプリ・Pilllの構成について
    4. Meilisearchを使ってFlutter×Firestoreの全文検索を実現する
    5. なぜFlutterにはClojureが必要か?
    6. どのようにしてFlutterのための高いカスタマイズ性を持ったRich Text Editorを実装したか
    7. Flutter Riverpod :アプリのAPI呼び出しを難なく管理する
    8. Flutter でRiverpod を用いたListViewのベストなパフォーマンスの実現
  4. Flutter大学メンバーによる記事
    1. Todo アプリを作成しました。『鏡を使わないと読めない』ですけど。【Mirror Todo】
    2. 初心者リンクを埋める
    3. プログラミングの勉強を1年半して思ったこと。
    4. 【Flutter Widget of the Week #32】AnimatedListを使ってみた
    5. 【Flutter Widget of the Week #33】Flexibleを使ってみた
    6. go_routerいらないんじゃないですか?
  5. Flutter大学アドベントカレンダーの記事
    1. Flutter x Firebaseでメール通知機能を実装してみる
    2. 【Flutter】思い通りのバリデーションを簡単に作ろう
    3. 【Flutter】AsyncValue を使ってローディング表示、ダイアログ表示、スナックバー表示の共通化をしてみた
    4. Rive Animation を使用してみた
    5. サンタさんのパラパラ漫画を実装した話
    6. Flutter x Firestore で無限スクロールのチャット機能を実装する
    7. 【Flutter】スポットライト風のチュートリアルを作成してみよう
  6. 週刊Flutter大学の記事
  7. まとめ
  8. 編集後記(2022/12/19)

Flutter公式情報

flutter 3.3.10 リリース!

Flutter のstable チャンネルにて、Flutter 3.3.10がリリースされました。

Hotfixes一覧によると今回のリリースでの修正点は以下となります。

isolate_agents パッケージ

isolate_agents: Easy Isolates for Flutter
This article introduces a new package for Flutter and Dart that makes isolates easier to work with. It helps anyone that wants to offload…

Flutter / Dart チームがリリースしたパッケージ、
isolate_agents パッケージについての記事です。

Flutter / Dart でのIsolateをより実装しやすくするパッケージとなっています。

go_router(今週のパッケージ)

Flutter 公式による パッケージ紹介動画シリーズ、Package of the Week の
最新動画がアップロードされました。

今回はFlutterアプリでURLを用いた画面遷移等を実装しやすくするパッケージ、
go_routerパッケージの紹介となります。

デスクトップのFlutter開発体験を良くするためには?

How can we improve the Flutter experience for desktop?
Insights and priorities based on 2022 Flutter desktop user research by Mindy Hoover and Chris Bracken

2022年 Q3 のFlutterのデスクトップアプリ開発に関する調査結果の紹介記事です。

1,901ものFlutter でのデスクトップアプリ開発者に調査を行った結果が記載されています。

Flutterに関する話題

Flutter Socket.IO のクライアントパッケージ

双方向で低遅延の通信を実現するSocket.IOのクライアントパッケージ、
socket_io_client_flutter パッケージについての投稿がRedditで話題となっていました。

サーバーとのメッセージの送受信が実現できるとのことです。

camerawesome Rc1 リリース

Camerawesome パッケージについての投稿がRedditで話題となっていました。

ドキュメントやExample等が充実したとのことです。

Flutterに関する記事

Flutterでモバイルアプリ開発着手からリリース後まで。【感想】

Flutterでモバイルアプリ開発着手からリリース後まで。【感想】 - Qiita
この記事はリリースまでの一連のざっくりとした流れと感想を述べるにとどまり、年一回あるかないかぐらいの貴重なポエムとなっていることご了承ください。約2年前の貴重なポエムはこちら…

Flutterでのモバイルアプリ開発に着手した理由から、
リリース後の市場の反応に至るまでをまとめて解説された記事です。

広告収益やリリース時にかかる金額等が紹介されています。

【Flutter】Material Theme Builder で好みの色をアプリに組み込む

【Flutter】Material Theme Builder で好みの色をアプリに組み込む

Material Theme Builderを用いたアプリへの色の反映を行う方法について
書かれた記事です。

Material Designに則った統一感のある配色が設定可能となります。

Flutterアプリ・Pilllの構成について

Flutterアプリ・Pilllの構成について

Flutterで作成された個人開発アプリのファイル構成等について書かれた記事です。

記事内で自作されたライブラリ、async_value_groupの紹介がなされています。

Meilisearchを使ってFlutter×Firestoreの全文検索を実現する

Meilisearchを使ってFlutter×Firestoreの全文検索を実現する

Meilisearchを利用したFlutter x Firestore での全文検索の実装方法について書かれた記事です。

Meilisearchの登場の背景から、優れている点等についてもまとめられています。

なぜFlutterにはClojureが必要か?

Why Flutter needs Clojure
Why Flutter needs Clojure”If you like Java, program in Java. If you like C#, program in C#. If you like Ruby, Swift, Dart, Elixir, Elm, C++, Python, or even C; ...

Flutterとプログラミング言語であるClojureの関係性について解説された記事です。

Dart で書かれたコードのClojureでの表現の対比や、
Flutter開発をClojureで行う方法が紹介されています。

どのようにしてFlutterのための高いカスタマイズ性を持ったRich Text Editorを実装したか

How we built a highly customizable rich-text editor for Flutter
We have been looking for a rich-text editor that meets our needs. To date, we still haven't found a solution, so we decided to design and develop the new AppFlo...

Notionの代替手段である、
高いカスタマイズ性を持ったRichText Editor 、
AppFlowy Editorの技術設計について書かれた記事です。

データ構造やサンプルコード等が紹介されています。

Flutter Riverpod :アプリのAPI呼び出しを難なく管理する

Flutter Riverpod: Effortlessly Managing API Calls in Your App
How to fetch the data from the API by using Riverpod State Management?

状態管理フレームワークであるRiverpod を用いたAPI呼び出しの実装方法について
紹介された記事です。

2つのAPIを利用したサンプルアプリの作成方法が紹介されています。

Flutter でRiverpod を用いたListViewのベストなパフォーマンスの実現

Write best performance ListView with Riverpod in Flutter
Take your ListView to the next level and prevent unnecessary rebuilds in your app!

Riverpodを用いた、ListView での不要なリビルドの抑制について書かれた記事です。

selectやoverrideを用いた方法が紹介されています。

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

Todo アプリを作成しました。『鏡を使わないと読めない』ですけど。【Mirror Todo】

Todo アプリを作成しました。『鏡を使わないと読めない』ですけど。【Mirror Todo】 - Qiita
Mirror Todoまずは、こちらの動画を御覧ください。「Todoアプリっぽいけど入力した文字が文字化けしているな...」そう思った方は一時停止してTodoアプリの文字をよーく見てください。…

登録されたToDoの文字列が鏡文字で表示されるアプリを作成した、
との体験談の記事です。

アプリのアーキテクチャやRiverpod Generator での状態管理等が紹介されています。

初心者リンクを埋める

初心者、リンクを埋める - Qiita
userとしては毎日やっていることなのに・・・ あまりに当たり前で、きっと簡単だ、となめていたら、なかなかうまくいかなかった。  やりたいことは、リンクを埋め込んで、他サイトに飛ぶ。 「未知×…

url_launcher を使用した実装方法についての、悩んだ点や解決策について書かれた記事です。

どこに何を書けばいいのか、という悩みについてサンプルコードで1つの解が示されています。

プログラミングの勉強を1年半して思ったこと。

プログラミングの勉強を1年半して思ったこと。 - Qiita
概要忙しい人用に要点だけ書いておきます。尚、あくまで個人の感想、気づきにしかすぎないので、それを踏まえた上で、お読みください。コピペコードは最終的に誰も救わない。同時並行して学べるのは一つまで。…

筆者のプログラミングを1年半勉強してわかったノウハウについて書かれた記事です。

経験談ベースでポイントが丁寧に記載されています。

【Flutter Widget of the Week #32】AnimatedListを使ってみた

【Flutter Widget of the Week #32】AnimatedListを使ってみた

Flutter 公式のウィジェット紹介動画シリーズ、Widget of the Week で
紹介されたウィジェットを、一つ取り上げて解説する記事です。

今回はアニメーション付きでリストの追加、削除等を行うのに有用な
AnimatedListについての解説記事となっています。

【Flutter Widget of the Week #33】Flexibleを使ってみた

【Flutter Widget of the Week #33】Flexibleを使ってみた

Flutter 公式のウィジェット紹介動画シリーズ、Widget of the Week で
紹介されたウィジェットを、一つ取り上げて解説する記事です。

今回はウィジェットの大きさを割合で調整するウィジェット、
Flexibleについての解説記事となっています。

go_routerいらないんじゃないですか?

go_routerいらないんじゃないですか?

短い記述での画面遷移の実装について書かれた記事です。

Extension を用いたgo_router を使用しない方法が紹介されています。

Flutter大学アドベントカレンダーの記事

Flutter x Firebaseでメール通知機能を実装してみる

Flutter x Firebaseでメール通知機能を実装してみる

Flutter x Firebaseでのメール通知機能の実装方法について書かれた記事です。

SendGridを用いたメール配信の実装方法が紹介されています。

【Flutter】思い通りのバリデーションを簡単に作ろう

【Flutter】思い通りのバリデーションを作ろう

TextFormField に対するバリデーションの実装方法について書かれた記事です。

パッケージを利用した バリデーションの実装方法が紹介されています。

【Flutter】AsyncValue を使ってローディング表示、ダイアログ表示、スナックバー表示の共通化をしてみた

【Flutter】AsyncValue を使ってローディング表示、ダイアログ表示、スナックバー表示の共通化をしてみた

Riverpod のAsyncValue を用いたローディング表示等の処理の共通化について書かれた記事です。

コード内の任意の場所で処理を呼び出す方法が紹介されています。

Rive Animation を使用してみた

Zenn

アニメーション作成ツールであるRIveについて紹介された記事です。

FlutterでRiveを使用できるようにするパッケージの紹介等が行われています。

サンタさんのパラパラ漫画を実装した話

サンタさんのパラパラ漫画を実装した話 - Qiita
Flutter女子、共同開発する 我らがFlutter大学 にはFlutter女子部という秘密組織(ウソ)がある。エンジニアを目指す主婦から、子育てと両立するバリバリ現役エンジニア、そして隠居初心…

Flutter で作成したリコメンドアプリの紹介とアニメーションの実装方法について
書かれた記事です。

実装サンプルのコードが記事内で紹介されています。

Flutter x Firestore で無限スクロールのチャット機能を実装する

Flutter x Firestore で無限スクロールのチャット機能を実装する

Flutter x Firestore でのチャット機能の実装方法について解説された記事です。

過去の情報を少しずつ読み込んでいく、無限スクロールの実装方法についても紹介されています。

【Flutter】スポットライト風のチュートリアルを作成してみよう

【Flutter】スポットライト風のチュートリアルを作成してみよう

アプリを初めて起動した人向けに、
スポットライト風に動作を指示するチュートリアルの実装方法について解説された記事です。

showcaseviewというパッケージを利用した方法が紹介されています。

週刊Flutter大学の記事

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

まとめ

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

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

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



編集後記(2022/12/19)

今週のFlutterニュースでした。

記事半ばで書いたMirror Todo という鏡文字を表示するTodo アプリは、
自分がクソアプリアドベントカレンダーの記事のために作成したものです。

去年記事を書いてからすぐにアプリの構想自体は思いついたので、
1年越しに作成したアプリでした。

レスポンシブ対応等もしていて、
意外と凝ったアプリになったかと思います。

ぜひ上記記事から覗いてみてください。

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

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