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

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

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

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

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

  1. Flutter公式情報
    1. NavigationBar(今週のウィジェット)
    2. Dart + Postgres – Observable Flutter
    3. The road to Dart 3,完全なsound null safe な言語
    4. 2つの開発端末で、6つのプラットフォームをサポート
    5. Flutter Q3 2022 調査結果
  2. Flutterに関する話題
    1. Flutter Graphite パッケージ
    2. MMAS : Money Tracker
    3. Flutterベースのターミナル、 Wives
    4. Flutter のボイラープレートプロジェクトと、Mediumのチュートリアル
    5. auth0_flutter2 パッケージ
  3. Flutterに関する記事
    1. FlutterのMaterialAppでCupertinoTabViewっぽく遷移するボトムナビゲーションを作ったよ
    2. Flutter の環境分けの新時代
    3. 初学者のためのFlutter学習コース2022
    4. 衝突検知と追加のノウハウでFlameを32倍速くする
  4. Flutterに関する動画
    1. Floffee – Flutter Coffee App
  5. Flutter大学メンバーによる記事
    1. MySQL8Quickを修正する
    2. 【Flutter Widget of the Week #30】ValueListenableBuilderを使ってみた
    3. 【Flutter Widget of the Week #31】Draggableを使ってみた
  6. Flutter大学アドベントカレンダーの記事
    1. .familyについて学んでみた!
    2. 【Flutter × RevenueCat】Androidでアプリ内課金(消耗型)の導入 -準備編-
    3. 【Flutter✖️UIデザイン】 Tabbarデザインのあれこれ
    4. Riverpod(2.0対応)を学んで初学者の壁をぶち破る
    5. Flutter大学の2年間で得られたもの
    6. 沖縄で地域クーポンが使えるお店をGoogleマップで表示するために無理やりdartでスクレイピングをしてみた
    7. Figmaで定義したdesign tokenをFlutterで利用する
  7. 週刊Flutter大学の記事
  8. まとめ
  9. 編集後記(2022/12/12)

Flutter公式情報

NavigationBar(今週のウィジェット)

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

今回はMaterial 3 のデザインのBottomNavigationBarを実装できる、
NavigationBar ウィジェットの紹介動画となっています。

Dart + Postgres – Observable Flutter

Observable<Flutter>と題した、Flutterに関するライブコーディングのアーカイブ動画です。

前回 に続いて、Dart Frog を使ったサーバーサイドアプリでの、
Postgres 接続のハンドリングの向上をテーマとしたライブコーディングとなっています。

The road to Dart 3,完全なsound null safe な言語

The road to Dart 3: A fully sound, null safe language
Preparing for the next major release, where Dart only supports sound null safety

Dart の次のメジャーアップデートであるDart 3 で追加される要素や展開について書かれた記事です。

null safety でないコードのサポートの廃止についての解説と、
2023年中頃のstable リリースまでの展開等が書かれています。

2つの開発端末で、6つのプラットフォームをサポート

Supporting six platforms with two keyboards
Developing Flutter applications for Android, iOS, the web, Windows, macOS, and Linux without losing your sanity

Flutter がサポートする6つのプラットフォーム全てに対して開発を行うために、
どのような開発端末を用意すべきか、という内容について解説された記事です。

macOSとWindowsの開発端末それぞれが、
どのプラットフォームに対しサポートしているかを紹介しています。

Flutter Q3 2022 調査結果

What we learned from the Flutter Q3 2022 survey
About Firebase SDKs, quick fixes and refactorings, and target platforms

Flutterに関する満足度等のユーザー調査結果についてまとめられた記事です。

満足度の調査結果に加えて、
Firebase SDK に対してどのような問題に直面したか?等の質問の調査結果がまとめられています。

Flutterに関する話題

Flutter Graphite パッケージ

Flutter でデータ構造等のグラフを実装するのに有用なパッケージ、
Graphite パッケージがRedditで話題となっていました。

こちらから作成例のGIFをみることが可能です。

MMAS : Money Tracker

GitHub - floranguyen0/mmas-money-tracker: 💸🔥 An optimized application for daily expense tracking and personal finance management.
💸🔥 An optimized application for daily expense tracking and personal finance management. - GitHub - floranguyen0/mmas-money-tracker: 💸🔥 An optimized application ...

App Store で5,000 ダウンロード以上を記録したオープンソースの家計簿アプリ、
MMASがRedditで話題となっていました。

Flutterで、Firebase や Providerを用いて作成されているとのことです。

Flutterベースのターミナル、 Wives

Flutter で作られたターミナル、Wives がRedditで話題となっていました。

こちらからソースコードや使用感の画像を見ることができます。

Flutter のボイラープレートプロジェクトと、Mediumのチュートリアル

Flutterでのクリーンアーキテクチャに沿ったアプリケーションの作成方法について、
サンプルコードとチュートリアル記事を紹介した投稿がRedditで話題となっていました。

flutter_bloc や auto_routeを用いて作成がなされているとのことです。

auth0_flutter2 パッケージ

Auth0 をアプリに統合するのに有用なパッケージ、
auth0_flutter2 パッケージがRedditで話題となっていました。

作成者によると、モバイル、Web の両者に唯一対応しているAuth0パッケージとのことです。

Flutterに関する記事

FlutterのMaterialAppでCupertinoTabViewっぽく遷移するボトムナビゲーションを作ったよ

FlutterのMaterialAppでCupertinoTabViewっぽく遷移するボトムナビゲーションを作ったよ - Qiita
はじめにこの記事は「【マイスター・ギルド】本物のAdvent Calendar 2022」4日目の記事です。こんにちは、こんばんは、最近仕事でFlutterを触ることが多くなったhiです。ネイ…

BottomNavigationBarを残したまま画面遷移を行う方法について書かれた記事です。

Stack とOffstageを用いた方法が紹介されています。

Flutter の環境分けの新時代

Flutter の環境分けの新時代

Flutter でのdevやprod 等の環境分けの方法について紹介された記事です。

現在master チャンネルで開発が進んでいる手法について紹介がされています。

初学者のためのFlutter学習コース2022

初学者のためのFlutter学習コース2022

初学者がFlutterを学び始めるに当たっての心構えや参考にすべきサイト等について
まとめられた記事です。

環境設定からFlutterの内部の処理に至るまで、学ぶべき情報がまとめられています。

衝突検知と追加のノウハウでFlameを32倍速くする

Make Flame 32 times faster with collision detection and additional tricks
Flame rendering performance is strictly dependent on how fast your CPU is and how many operations it must perform at each rendering cycle…

Flame 1.4 からの衝突検知に関するアルゴリズムについて紹介された記事です。

Quad tree を利用したアルゴリズムになっている、と紹介がされています。

Flutterに関する動画

Floffee – Flutter Coffee App

Flutter で作られたコーヒー注文用アプリに関する動画がRedditで話題となっていました。

音声入力、認識機能が実装されており、
声による注文が可能となっています。

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

MySQL8Quickを修正する

MySQL8Quickを修正する - Qiita
やっぱりYouTubeは強い?  九月に公開したMySQL8のSampleApp、たった3分のYouTube動画 にコメントがついた。おおお、半ば忘れかけていた。それで慌ててGitHub を見にい…

MySQL8Quick という作成したアプリのその後について書かれた記事です。

Youtubeのコメントでの指摘に対しての対応内容が書かれています。

【Flutter Widget of the Week #30】ValueListenableBuilderを使ってみた

【Flutter Widget of the Week #30】ValueListenableBuilderを使ってみた

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

今回は管理する値の変化を監視し、変化があった場合に画面の再構築を行う、
ValueListenableBuilderについての解説記事となっています。

【Flutter Widget of the Week #31】Draggableを使ってみた

【Flutter Widget of the Week #30】ValueListenableBuilderを使ってみた

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

今回はウィジェットをドラッグ可能にする、
Draggableについての解説記事となっています。

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

Flutter大学アドベントカレンダー 2022に投稿された記事を紹介します。

.familyについて学んでみた!

.familyについて学んでみた! - Qiita
familyとは何か?こちらが、公式のドキュメント解説によると.family 修…

Flutter 、Riverpod のProvider に対する修飾子であるfamilyについて書かれた記事です。

主にサンプルコードにてfamilyでのProvider 利用を行っています。

【Flutter × RevenueCat】Androidでアプリ内課金(消耗型)の導入 -準備編-

【Flutter × RevenueCat】Androidでアプリ内課金(消耗型)の導入 -準備編-

課金機能導入をサポートするプラットフォームのRevenueCat を使ったアプリを
作成するための準備について書かれた記事です。

この記事ではAndroid 向けの準備について紹介されています。

【Flutter✖️UIデザイン】 Tabbarデザインのあれこれ

【Flutter✖️UIデザイン】 Tabbarデザインのあれこれ - Qiita
Flutter初学者のひかると申します。今年の7月から、未経験エンジニアに転職してもうアドベントカレンダー書く季節になりましたね。本題に入りまして、前回Zennに書かせていただいた「Tabba…

TabBar ウィジェットの各プロパティについて、
設定することでどのような変化があるか紹介した記事です。

各プロパティの設定による変化をGIF付きで紹介されています。

Riverpod(2.0対応)を学んで初学者の壁をぶち破る

Riverpodを学んで初学者の壁をぶち破る - Qiita
はじめに2022年12月1日、ついにRiverpodがFlutter公式の動画で紹介されました🚀…

Riverpod 2.0 の使い方について、API通信を行うアプリを題材に解説を行った記事です。

基本的な使い方からRiverpod Generatorを用いたコード生成についても紹介がされています。

Flutter大学の2年間で得られたもの

Flutter大学の2年間で得られたもの - Qiita
はじめにはじめまして、札幌の大学院生で最後の学生生活満喫中のわかなおです。Flutter大学というコミュニティに所属しておよそ2年間の月日が経ちました。そこでFlutter大学で体験した2年間の出…

大学院生の筆者がFlutter大学に2年間在籍して得られた経験について書かれた記事です。

2年間で経験した個人開発や実務、インターン等について経験談が語られています。

沖縄で地域クーポンが使えるお店をGoogleマップで表示するために無理やりdartでスクレイピングをしてみた

沖縄で地域クーポンが使えるお店をGoogleマップで表示するために無理やりdartでスクレイピングをしてみた

Dartでのスクレイピングを活用した
沖縄で地域クーポンが使えるお店をGoogleマップで表示の方法について書かれた記事です。

実装のコードや、作成したGoogleマップが記事内で紹介されています。

Figmaで定義したdesign tokenをFlutterで利用する

Figmaで定義したdesign tokenをFlutterで利用する

デザインツールであるFigma上で定義したカラーの定数等のdesign tokenを、
Flutterで利用する方法について書かれた記事です。

tokenのダウンロード方法やdartファイルへの変換方法等が
スクリーンショット付きで解説されています。

週刊Flutter大学の記事

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

まとめ

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

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

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



編集後記(2022/12/12)

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

Dart 3に関する記事は、ワクワクする話題でしたね。

Stable のリリースが2023年中頃、と明言されたのも、
インパクトが強かったです。

記事内では同時にリリース予定の機能等についても触れられており、
今後の発展にワクワクしていました。

この記事を要約した記事を出すのもいいかもしれませんね。

気になる方は、ぜひ読んでみてください。

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

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