• 2022年3月1日
  • 2024年3月3日

【Flutter】GoRouterを使った画面遷移【ソース付】

Flutterの画面遷移は以下の2種類があります。 Navigator 1ではWEB対応が不十分でした。WEB対応のためにNavigator 2がリリースされましたが、通常の開発者には難しいと言われていました。そのため、簡易化されたバージョンがリリースされるのではないかと言われていましたが、GoRouterは公式?な簡易的な画面遷移のプラグインになりました。この投稿では、まず最低限はGoRoute […]

  • 2022年2月23日
  • 2024年10月1日

[FlutterでAssets名を自動生成] 手っ取り早く始めるFlutterGen

FlutterGenとは Flutterでは、アセット(画像や音楽データのリソース)をアプリに含めてリリースできます。一般的にはAssetsというディレクトリの中にデータを置きます。しかし、ファイルなので、普通に使用すると、ファイル名をコピーしないといけません。そのため、コピーの間違いなどが発生しますし、コピーするのが手間です。それを解決するのが、FlutterGenです。 Assetsの中のディ […]

  • 2021年12月23日
  • 2022年2月4日

Flutterで雪を降らせる「雪の降るアニメーションの実装」

この記事はFlutter Flutter #2 Advent Calendar 2021 24日目の記事です。 せっかくクリスマスイブですし、クリスマスっぽいものを投稿しようと思い、雪を降らせる演出を考えてみました。 雪を作成する 大分迷走しましたが、以下のようになりました。 1フレームごとに、新しいWidgetを作ってます。1フレームで100くらいのWidgetを再作成しています。一応Keyは割 […]

  • 2021年12月19日
  • 2023年1月9日

[Dart/Flutter]DI (Dependency Injection/依存性の注入)をGetItで実現する

FlutterでDI (Dependency Injection ・依存性の注入)を実施する方法を解説します。そのためのプラグイン「get_it」をご紹介します。 なぜ必要か 基本的にプログラムをしていると、そのままコンストラクタを使用して、クラスをインスタンス化します。 var instance = InstanceClass(); しかし、こうするとソース内にどのクラスを呼ぶか、というのが定義 […]

  • 2021年12月18日
  • 2022年8月9日

【Flutter/Dart】状態管理に必要なfreezedパッケージを徹底解説 クラスの作成・生成方法からチップスまで【2022年8月版】

この記事では、Immutableなクラスを作成するパッケージfreezedを解説します。分かっている人には、以下にチートシートを作ってますので、そちらをご覧下さい。 Flutter freezed のチートシート、もとい、知っている人向けのメモ なぜ必要か、Immutableなクラスとは Flutterの中でsetStateやriverpodで状態管理をしても、たまに値の変更が検出されず、画面が更 […]

  • 2021年12月7日
  • 2022年1月29日

[Flutter/Dart] 定数の宣言 finalとconstの違い

定数の宣言 Flutter もとい Dartには、多くの言語と同じように2種類の定数の宣言方法があります。定数とは、一度宣言したら、後で再代入できないものです。こちらは、その違いは何で、どのように使い分けていけば良いでしょうか。 final/const // 使い方 final int value1 = 1; final value2 = 2; const int value3 = 3; cons […]

  • 2021年12月5日
  • 2021年12月13日

Flutterと良いところはなにか?JavaやC#での開発者からの意見

Flutterとは Googleが開発しているアプリケーション開発のプラットフォームです。プログラムの勉強を個人で始めるなら、Flutterが良いです。 Flutterの良いところ 開発環境が無料 まず、開発環境が無料です。初めてプログラムをするのに、重要ですよね。特に学生さん。しかも、DartPadを使えば、開発環境をパソコンに入れなくても、ブラウザ上で実施することができます。開発環境を作るのが […]

  • 2021年12月5日
  • 2024年3月28日

【2022年12月版】Flutterの多言語対応のベストプラクティスとハマりどころ

この記事はFlutter Flutter #2 Advent Calendar 2021 3日目の記事です。 Flutterのアプリを多言語化対応するための私なりのベストプラクティスとハマった箇所を記録します。多言語対応、意外と簡単だ、というブログを結構見かける。しかし、実際やってみると、苦労したので残しておきます。ハマるのは、私だけなのかなぁ、、、 公式はちょっと古くてよく動かんし、他のブログも […]