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

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

使用するパッケージ 手順 手順１：ルーター機能のパッケージを追加 手順２：実装 手順２-１：準備 手順２-２：router.dartを作成する 手順２-３：main.dartでルーターをコールする 手順２-４：my_widget.dartを修正する 手順２-５：確認 最後に 今回は、flut…

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

スプラッシュ画面とは？ 注意 使用するパッケージ 手順 手順１：画像の用意 手順２：画像をプロジェクトに配置する 手順３：スプラッシュ画面追加用のパッケージを追加 手順４：pubspec.yamlの編集 手順５：スプラッシュ生成コマンドの実施 手順６：確認 今…

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

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

Flutter関連 開発環境の構築 開発しやすさを整える 見た目を整える（Widget(view)など） Dart関連 Flutter関連 Flutterを始める前に、Flutterを少し調べてみた 開発環境の構築 Flutterの開発環境構築（fvmを利用しない） Flutterをアンインストールする Flut…

概要 注意 前提 手順説明 手順１：fvmのインストール 手順1-1：githubからfvmをダウンロードする 手順1-2：ダウンロードしたファイルを解凍する 手順1-3：Pathを通す Pathが通ったことを確認する 手順２：グローバル用のflutterをインストールする 手順2-1：…

前提 手順 手順1： flutterディレクトリの削除 手順2：環境変数のPathを削除する 環境が壊れたり、不要になったりと利用は人それぞれだと思いますが、 私が削除したときの手順を記録しておきます。 前提 私の環境 OS：Windows10 ターミナルツール：コマンド…

前提 環境構築 手順1：Flutter SDKのダウンロード 手順2：インストール先フォルダの作成 手順3：zipファイルの解凍 手順4：インストールしたディレクトリにPathを通す 注意 前回は、Flutterを始める前に、Flutterを少し調べてみたを掲載しました。次はいよい…

公式ドキュメント Dart（Flutterはフレームワークの種類で言語としてはDart）について Dartとは、、、 Dartの特徴 Flutterについて Flutterとは Flutterの特徴 Flutterのアーキテクチャ概要 Flutterのビルド 、、、 その他、参考にしたサイト 最近、Flutter…