Flutterアプリ開発セットアップまとめ

ステップ 1 ― 環境確認

Flutter の開発に必要なツールが揃っているかチェックします。

flutter doctor

✓ が並んでいれば OK。 visual studioとかのチェックはなくてもOK使わないからね

ステップ 2 ― プロジェクト作成

3つのコマンドを順番に実行します。

flutter create weight_tracker

cd weight_tracker

code .

① プロジェクト作成　② フォルダに移動　③ VS Code で開く

ステップ 3 ― パッケージを追加（pubspec.yaml に貼る）

VS Code で pubspec.yaml を開き、dependencies: の直下に追加します。

  sqflite: ^2.3.3
  path: ^1.9.0
  fl_chart: ^0.68.0
  intl: ^0.19.0

sqflite=データ保存　path=パス操作　fl_chart=グラフ　intl=日付表示

ステップ 4 ― パッケージをインストール

pubspec.yaml に書いたパッケージを実際にダウンロードします。

flutter pub get

pub = パッケージ管理ツール。get = 取得する。

これから作るファイル構成

lib/
├── main.dart                ← アプリの起動点
├── models/
│   └── weight_entry.dart    ← 体重データの型定義
├── database/
│   └── database_helper.dart ← SQLite の読み書き
└── screens/
    ├── home_screen.dart     ← グラフ＋一覧画面
    └── add_screen.dart      ← 体重入力画面