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

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

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

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

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

Flutter公式情報

Making generic widgets (The Boring Flutter Development Show, Ep. 58)

Flutter公式の動画シリーズ、The Boring Flutter Development Showが更新されました。

今回はインスタンス生成時にデータ型を指定できるようにできる、
ジェネリクスについての解説となっています。

CodeLab 映画推薦アプリの作成

Building a fullstack movie recommendation system  |  Google Codelabs
In this codelab, you’ll build a fullstack recommendation system. You will use TensorFlow Recommenders to train 2 recommendation models and deploy them using Ten...

Flutter 公式により、映画推薦アプリの作成に関するCodeLabが紹介されました。

TensorFlowを使った推薦システムを実装するアプリの作成のチュートリアルとなっています。

Type Promotion | Decoding Flutter

コードの中で型をより限定的な型であると推定し使えるようにするDartの機能、
Type Promotion についての解説動画です。

例を用いてType Promotion について学ぶことができます。

DartPad ワークショップの紹介

今週も公式Twitterにて様々なDartPadでのワークショップが紹介されていました。

優雅にエラーをハンドリングしよう

Workshop authoring guide
An online Dart editor with support for console, web, and Flutter apps - dart-lang/dart-pad

try - catchを始めとして、エラーのハンドリングの仕方について
様々なテクニックを学ぶことができるワークショップです。

blocを使った状態管理のセグメント化

Workshop authoring guide
An online Dart editor with support for console, web, and Flutter apps - dart-lang/dart-pad

BloCを使用して、状態をData,Error,Loadingの3状態に分けて管理する方法について、
学ぶことができるワークショップです。

数学者としてコードを書こう

Workshop authoring guide
An online Dart editor with support for console, web, and Flutter apps - dart-lang/dart-pad

ロジックを考えることが得意な数学者のように、
普段書いているコードを様々なテクニックを使ってリファクタリングしていく
方法について学部ことができるワークショップです。

アニメーションの実装

Workshop authoring guide
An online Dart editor with support for console, web, and Flutter apps - dart-lang/dart-pad

様々なアニメーションの方法について学ぶことのできるワークショップです。

Flutter Web アプリのポートフォリオ

Workshop authoring guide
An online Dart editor with support for console, web, and Flutter apps - dart-lang/dart-pad

Flutter Web でのアプリケーションの作成方法について学ぶことができるワークショップです。

Flutterに関する話題

Frosty

Frosty for Twitch
Frosty is a free and open-source mobile Twitch app for iOS and Android built from the ground up. It supports emotes and badges from 7TV, BetterTTV (BTTV), and F...

Flutter で作られたTwitch のモバイルアプリ、
FrostyがRedditで話題になっていました。

GitHub上でソースコードが公開されています。
Providerを用いて作成されているようでした。

Flutter Puzzle : multi platform 部門 第2位

Flutter Puzzle Hack のMultiPlatform部門で2位を取得したアプリ紹介の投稿です。

MultiPlatform部門で2位を取得しているだけあって、
Webだけでなくデスクトップアプリやモバイルにも対応しているとのことでした。

pod_player プラグイン

pod_player | Flutter package
Vimeo and youtube player for flutter, Pod player provides customizable video player controls that support android, ios and web.

Youtube動画やVimeo動画をFlutterアプリ上で再生できるようにするプラグイン、
pod_playerプラグインがReddit上で話題になっていました。

再生だけでなく、再生速度の変更等が行えるとのことです。

Neat パッケージ

neat | Flutter package
A collection of small opinionated utilities designed to helps writing short and clean Flutter code.

Flutterのコードを短く書けるようにするパッケージ、
NeatがRedditで話題となっていました。

Text Widgetなどのコードをcontext.~の形で簡潔に書くことができます。

Flutterに関する記事

Flutter はモバイル開発のオートマになるか?【Flutter】

Flutter はモバイル開発のオートマになるか?【Flutter】

Flutterに関する紹介記事です。

Flutterの扱いやすさを車の機構のAT(オートマ)に例えて表現されています。

FlutterアプリのPresentation層構成方針

FlutterアプリのPresentation層構成方針

ユーザーが扱う画面部分のフォルダ構成について検討、紹介している記事です。

この記事内で紹介されているDiscussionにて、
紹介のフォルダ構成に至った経緯等を知ることができます。

Flutter アプリでのダイナミックテーマ

Dynamically Theme Your Flutter App
As you know, Flutter recently dropped its major version update, i.e. Flutter 3.0. It brings a lot of changes and one of them I was waiting…

Android 12 から実装されたMaterial You の機能である、
User-generated schemes (UGS)
こちらをFlutterにて実装する方法について解説した記事が
Redditで話題となっていました。

ユーザーの壁紙からテーマの基盤となるカラーを取得し、
これをアプリに反映させることができるようになります。

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

Flutterに関する動画

Flutter 3で Linux のパッケージ検索アプリを作成する5分の動画

Ubntuのテーマ、yaruの見た目でアプリを構成する、という趣旨の動画です。

約5分の動画で検索機能をもったアプリの構成方法を学べます。

Dart Frog Demo

バックエンドをDart で書けるようにする、Dart Frog についてのライブアーカイブ動画です。

Demoとして実装している様子が動画化されており、
チュートリアルとして有用です。

Flutter 大学による動画

Flutter大学が先週出した動画をまとめて紹介します。

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

つみあげったー ~ その日やった積み上げを楽々ツイート! ~

‎つみあげったー
‎その日やった積み上げを楽々ツイート! あらかじめリスト化した積み上げ内容をチェックとタップだけで簡単つぶやき! 積み上げをつぶやく事は ・モチベーションの維持 ・その日作業した事を整理 ・あとで振り返る事による達成感 などなど良い事がいっぱい! このアプリを使えば、事前に登録した積み上げ内容にチェックを入れてボタンを...
つみあげったー - Apps on Google Play
Easily tweet the stacks you did that day!

共同開発8、つみあげったーチームにより、
その日やった積み上げを楽々ツイートできるアプリ、『つみあげったー』がリリースされました。

積み上げ内容を登録し、
チェックボックスにチェックを入れてツイートボタンを押すだけで、
ツイート文が自動生成されるアプリとなっています。

現在機能改善のアップデートに向けて鋭意開発中とのことです。
楽しみですね!

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

driftを使ってToDoアプリを作ってみる

driftを使ってToDoアプリを作ってみる

Flutterで内部データベースを扱えるようにするdriftを使って、
ToDoアプリを作成する方法について解説された記事です。

サンプルコードを含め詳細に作成内容が解説されています。

FlutterでAndroidのbuildエラーが出た!

FlutterでAndroidのbuildをしたらエラーが出た!

Flutter × Firebase で発生したAndroid 周りのエラーについて対処法を解説されている記事です。

コードの例を用いて、対処法について、しっかりと解説されています。

週刊Flutter大学の記事

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

まとめ

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

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

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



編集後記(2022/6/6)

Flutter大学メンバーがリリースしたアプリとして、
『つみあげったー』を紹介しました。

こちらのアプリには自分も関わっていて、
ほぼ予定通りにリリースができてホッとしているところです。

こちらのアプリの開発プロジェクトは、
アプリ開発初心者が少しでもステップアップできるように、
と考えて企画したプロジェクトになっています。

まずはコードを書いて、それを実現する、ということを実感してもらう、
という点でリリースはメンバーの良い経験になったのではないかと思います。

自分としても、コードを書かずにプロジェクトの進捗を管理し、
人に実装を任せてアプリをリリースするという、
プロジェクトマネジメントの経験をすることができたので、
とても体験としてよかったです。

このプロジェクトは次のアップデートによる実践まで行って完了となります。
最終的なアプリについては6月末に開かれる、共同開発最終発表会にて、紹介する予定です。

告知は再度週刊Flutter大学にて行いますので、
最終発表会、ぜひ見に来てください!

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

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