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

『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 Vikings 開催

FlutterVikings, The biggest Flutter Conference in Nordic
FlutterVikings is the biggest Flutter Conference in Nordic and a single track Flutter/Dart conference with talks by internationally renowned speakers and rising...

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 パッケージ

File not found · flutter/packages
A collection of useful packages maintained by the Flutter team - File not found · flutter/packages

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

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

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

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

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

Flutterに関する記事

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

Zapp!でFlutterアプリをWebブラウザだけで開発する - Qiita
Zapp!というサービスがリリースしました。WebブラウザだけでFlutterアプリを開発できるサンドボックス環境です。これまでにDartPadという似たサービスがありましたが、一番大きく違うのは …

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

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

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

This Unofficial 'Ubuntu Software' App is Better Than Ubuntu's Actual One - OMG! Ubuntu
I try an interesting (but unofficial) software app being developed by the Ubuntu Flutter community. Despite being alpha quality it's already looking great.

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

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

Flutter Vikings おすすめ講演の紹介

Flutter Vikings 2022: What to expect | Codemagic Blog
Flutter Vikings 2022 is coming! Here’s what to expect from the conference, including a (subjective) list of the most interesting talks.

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

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

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

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

‎App Storeに接続しています
‎Apple Musicに接続しています

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

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

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

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

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

初心者 Flutter x MySQL8 に挑戦する 20 with mysql_client - Qiita
Minimum Step一昨日は、動いて、その様子がconsoleに表示された。昨日は、UIと接続して、ちゃんと動いたけど、表示はやっぱりconsoleだけだった。今日の目標は、取得したデータ…
初心者 Flutter x MySQL8 に挑戦する 21 with mysql_client - Qiita
重複を回避、はできないままだけど  今日はペライチの長〜いfileを脱却したい。 最初にトライしたのは、mysql1と同じ【接続】【表示】の2枚方式。ところが、接続をうまく独立させられない。あっ…
初心者 Flutter x MySQL8 に挑戦する 22 with mysql_client - Qiita
ListViewは遠い  exampleで、print.colAt(1)と書いてあればsetStateで  name = row.colAt(1)!と定義してText(name)と書けば、U…
初心者 Flutter x MySQL8 に挑戦する 23 with mysql_client - Qiita
自前のwidgetを作ってみたが・・・。 昨日、検索ページにTextFormFieldをつけて、idだけはUIから入力して検索できるようになったけど、ほかのcolumnはなぜかうまくいかなかった。 …

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

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

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

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

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

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

次のページに値を渡す

次のページに値を渡す

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

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

shared_preferencesについて学ぶ🤔

shared_preferencesについて学ぶ🤔

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

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

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

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

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

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

FlutterでAppleSignを実装する

FlutterでAppleSignを実装する

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

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

GoogleSignInを実装する

GoogleSignInを実装する

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

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

FlutterでBottomNavigationBarを作る

FlutterでBottomNavigationBarを作る

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

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

StreamProviderでListを使う

StreamProviderでListを使う

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

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

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

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

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

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

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

【Flutter】flutter_dotenv:Flutter Webのデプロイ時に'.env'が読み込まれない

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

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

flutter_hooksでATT(App Tracking Transparency)

flutter_hooksでATT(App Tracking Transparency)

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

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

DropdownButtonで配列について学ぶ

DropdownButtonで配列について学ぶ

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にて告知します。
ぜひぜひフォローをお願いいたします。

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