Skip to content
Go back

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

by Aoi

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

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

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

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

Flutter公式情報

Flutter 3.3 / Dart 2.18 リリース!

stableチャンネルにて Flutter 3.3 / Dart 2.18 がリリースされました。

テキストを選択可能にするSelectionArea ウィジェットなど、 様々な追加がなされています。

Flutter 3.3 / Dart 2.18の変化点については下記記事でまとめています。 併せてご確認ください。

Flutter Vikings 開催

Flutter コミュニティでも最大級のカンファレンス、Flutter Vikingsが8/31, 9/1に開かれました。

オフライン、オンラインの同時開催で、 こちらのYouTubeチャンネルにて公演を見返すことが可能です。

Flutterアプリのパフォーマンスの測り方、向上のさせ方

Flutterアプリのパフォーマンスの測り方、工場のさせ方についてのミートアップが 開催されます。

日本時間で9/6 9/13(火)午前9:00からの開催予定となっています。

TextStyle (今週のパッケージ)

Flutter 公式のパッケージ紹介動画シリーズ、Package of the Week の最新動画が更新されました。

今回はパッケージではありませんが、 Textの装飾面で重要となるTextStyle についての紹介動画となっています。

Flutterに関する話題

adaptive_scaffold パッケージ

GitHub上でFlutter のパッケージにadaptive_scaffoldが追加されました。

このScaffoldを使って色々な画面サイズに即座に対応できるレイアウトが実装可能になるようです。

残像つきスクロールの実装

Flutter にて残像が残るようなスクロールの実装デモの動画ツイートが話題となっていました。

Tweetのスレッドにてデモアプリのソースコードを確認することが可能です。

Flutterに関する記事

Zapp!でFlutterアプリをWebブラウザだけで開発する

ブラウザ上でFlutterを動かせる環境のZapp!の紹介記事です。

Zapp! の様々なパッケージをインストールできる特徴を利用し、 サンプルアプリを作成して紹介されています。

Flutter 製 非公式Ubuntu ソフトウェア配布アプリ

Flutterで作られた非公式のUbuntu ソフトウェア配布アプリについて紹介している記事です。

記事内で外見等を見ることが可能です。 こちらのGitHubにてソースコードを見ることができます。

Flutter Vikings おすすめ講演の紹介

8/31 ~ 9/1 に開催されたFlutter Vikingsに対し、 CodeMagic オープンソースチームが開催前に厳選した講演を紹介している記事です。

合計11もの講演が概要とともに記事内で紹介されています。

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

Flashwords 反復学習向きのマイ単語帳

okbさんにより、反復学習向きのマイ単語帳、 『Flashwords』がリリースされました!

昔ながらの単語帳をそのままアプリに落とし込んだような内容で、 自分の好きなように単語の設定等ができるようになっています。

単語帳をひっくり返すアニメーションが癖になる、 勉強にピッタリのアプリだと思いました!

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

初心者 Flutter x MySQL8 に挑戦する with mysql_client

Flutter とMySQL8との組み合わせについて、 筆者が苦戦しながらもアプリを作成していく体験談について紹介している記事です。

今回はListの扱い方や、自作WidgetでのWidgetの切り出しに挑戦している様子が 書かれています。

ボタンのグレーアウトのロジックを考えてみた!

TextField への値の入力されていないときにボタンがグレーアウトして押せなくなるような UIの実装方法について書かれた記事です。

サンプルコードをベースに紹介がなされています。

次のページに値を渡す

次のページに値を渡す画面遷移の仕方について書かれた記事です。

サンプルコードと画像付きで紹介がなされています。

shared_preferencesについて学ぶ🤔

shared_preferences の使い方について学んだことを書いた記事です。

自作のサンプルアプリを紹介し、保存、参照、削除の処理の実装方法を紹介しています。

【Flutter】夏が終わる前におれと波に乗らないか?【アニメーション】

Flutter で実装した波乗りアニメーションの実装方法の解説記事です。

上下運動アニメーションの実装に置いてAnimationControllerを使った方法について、 詳細に解説がなされています。

FlutterでAppleSignを実装する

Apple アカウントでのサインインの実装方法について書かれた記事です。

Dartコード以外の設定部分についても解説がなされています。

GoogleSignInを実装する

Google アカウントでのサインインの方法について書かれた記事です。

デバイスがAndroid / iOS 、それぞれに対し、設定から解説がなされています。

FlutterでBottomNavigationBarを作る

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

Riverpod を使用した画面パラメータの管理方法について、 サンプルコードをベースに紹介がなされています。

StreamProviderでListを使う

FirestoreのデータをStreamで取得してListViewにて表示する方法について書かれた記事です。

ミニマムなサンプルアプリでコードの紹介がなされています。

Flutterで折線グラフを作ってみた!

fl_chartパッケージを使用して折れ線グラフを表示する方法について書かれた記事です。

スマホの画面上に指定した点を通るグラフを表示する方法について書かれています。

flutter_dotenv:FlutterWebデプロイ時に’.env’が読み込まれない

flutter_dotenv にてFlutterWebデプロイ時に”dot.env”ファイルが読み込まれない際の 対処方法について書かれた記事です。

筆者が調べてわかった対処方法について、端的に述べられています。

flutter_hooksでATT(App Tracking Transparency)

iOSで広告を出す際に重要となる、 App Tracking Transparency のダイアログの出し方について書かれた記事です。

Riverpodでの実装方法について、サンプルコードをベースに紹介されています。

DropdownButton とListのmap関数を使ってサンプルアプリを紹介している記事です。

筆者が学んだ内容をサンプルアプリのコードにて紹介されています。

週刊Flutter大学の記事

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

まとめ

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

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

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

編集後記(2022/9/5)

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

Flutter Vikings、ついに開催されましたね! この記事を読んでいる方の中でも注目されていた方多いのではないでしょうか?

自分はRiverpod 2.0 の講演に注目して見ていました。

とても驚きが多かったのと同時に、 発表の上手さに感服しました。

いつか、自分もこのような場所で講演できるくらい、 Flutterコミュニティに貢献して、 知識を深めていきたいものです。

あなたはどの講演が気になりましたか?

ぜひご意見をお聞かせください。

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


Aoiのプロフィール画像

Aoi

ライター兼個人Flutter開発者 Flutterにて5つのアプリを開発。QiitaではFlutter記事にて約500のContributionを獲得。

Share this post on:

Previous Post
【Flutter】 IconButton 使ってみた!【Material 3】
Next Post
【Flutter大学】 共同勉強会 まとめました!【2022年8月】