Programming Self-Study Notebook

勉強したことを忘れないように! 思い出せるように!!

2024-01-01から1ヶ月間の記事一覧

flutterアプリに永続ストレージ(アプリキャッシュ)を追加する

参考文献 shared_preferencesとは サポートされているデータ型 手順 手順1:shared_preferencesのパッケージを追加 手順2:実装 今回は、flutterアプリにshared_preferencesを利用して永続ストレージ機能を追加したいと思います。 参考文献 以下のパッケー…

flutterアプリにimmutableなデータ管理を簡単にするfreezedを追加する

参考文献 freezedとは 使用するパッケージ 手順 手順1:freezedのパッケージを追加 手順2:実装 手順3:コード生成 今回は、flutterアプリにimmutableなデータ管理を簡単にするfreezedを追加したいと思います。 参考文献 以下のパッケージを使用します。 …

flutterアプリにルーター機能を追加する

使用するパッケージ 手順 手順1:ルーター機能のパッケージを追加 手順2:実装 手順2-1:準備 手順2-2:router.dartを作成する 手順2-3:main.dartでルーターをコールする 手順2-4:my_widget.dartを修正する 手順2-5:確認 最後に 今回は、flut…

flutterアプリにAppBarを追加する

AppBarとは? Scaffoldクラスの構成要素 AppBarの詳細 完成イメージ 実装 my_widget.dart title centerTitle titleSpacing titleTextStyle backgroundColor titleSpacing titleSpacing main.dart 今回は、flutterで作成したスマホアプリにAppBarを追加したい…

flutterアプリにスプラッシュ画面を追加する

スプラッシュ画面とは? 注意 使用するパッケージ 手順 手順1:画像の用意 手順2:画像をプロジェクトに配置する 手順3:スプラッシュ画面追加用のパッケージを追加 手順4:pubspec.yamlの編集 手順5:スプラッシュ生成コマンドの実施 手順6:確認 今…

flutterアプリのアイコンを変更する

使用するパッケージ 手順 手順1:画像の用意 手順2:画像をプロジェクトに配置する 手順3:アプリアイコン変更用のパッケージを追加 手順4:pubspec.yamlの編集 手順5:アイコン生成コマンドの実施 手順6:確認 今回は、flutterで作成したスマホアプリ…

riverpod(v2)でアプリを作る

概要 作業手順 手順1.riverpodパケージのインストール パケージが追加されていることを確認します。 手順2.プログラム ここではcreateコマンドを実行した、直後のプロジェクトに対しriverpodの導入を行います。ただしcreateによって生成されるカウンター…