2026.06.28(日) / 14:48
どうやって動かすのか ー 動かす準備 ー
- ID
- 38601
- Published
- 2026-06-28 14:48
- Modified
- 2026-06-28 14:48
- Author
- khiro
- Categories
- デフォルト
codexに作ってもらった生活情報管理アプリを自分自身のスマホで動かしたい
プロンプト
今後一週間の天気、appleの純正カレンダーから取得した予定、店舗ごとの買い物リスト
これらの情報を一つの画面で確認できるスマホアプリをflutterで作成したい
そして、公開して自分のスマホで使いたい
返答
作りました。空のリポジトリに、Flutterアプリの初期版を追加しています。
主な実装は [lib/main.dart](/Users/hiroki/Documents/extract-info/lib/main.dart)、状態管理は [lib/dashboard_controller.dart](/Users/hiroki/Documents/extract-info/lib/dashboard_controller.dart)、天気・カレンダー・買い物保存は [lib/services](/Users/hiroki/Documents/extract-info/lib/services) に分けました。セットアップと実機公開手順は [README.md](/Users/hiroki/Documents/extract-info/README.md) にまとめています。
この環境には `flutter` / `dart` が入っていないため、ビルド検証は未実施です。`git diff --check` は通っています。次はFlutterを入れたMacで以下を実行してください。
```bash
flutter create . --platforms=ios,android --org com.hiroki
flutter pub get
flutter run
```
天気は [Open-Meteo](https://open-meteo.com/en/docs)、カレンダーは [device_calendar](https://pub.dev/packages/device_calendar)、位置情報は [geolocator](https://pub.dev/packages/geolocator) を使っています。iPhoneでTestFlight/App Store公開する流れはFlutter公式の [iOS deployment docs](https://docs.flutter.dev/deployment/ios) に沿う形でREADMEに書いてあります。
Gitと繋がっているか確認しよう
hiroki@shibatahiroshitakanoiMac extract-info % git remote
hiroki@shibatahiroshitakanoiMac extract-info % git remote -v
これだと確認できなかった
リモートに作成していなかったはず
そもそもリモートリポジトリの情報を確認するコマンドはなんだったか?

先ほどのコマンドであっている
何も表示されなかったということは、リモートにリポジトリが存在しないということ

新規リポジトリをGitHubで作成する
hiroki@shibatahiroshitakanoiMac extract-info % git init
Reinitialized existing Git repository in /Users/hiroki/Documents/extract-info/.git/
hiroki@shibatahiroshitakanoiMac extract-info % git add .
hiroki@shibatahiroshitakanoiMac extract-info % git commit -m "first commit"
[main (root-commit) 63d4d1a] first commit
13 files changed, 1585 insertions(+)
create mode 100644 .gitignore
create mode 100644 README.md
create mode 100644 analysis_options.yaml
create mode 100644 docs/implementation-notes.md
create mode 100644 lib/dashboard_controller.dart
create mode 100644 lib/main.dart
create mode 100644 lib/models/calendar_event_item.dart
create mode 100644 lib/models/shopping.dart
create mode 100644 lib/models/weather_day.dart
create mode 100644 lib/services/calendar_service.dart
create mode 100644 lib/services/shopping_repository.dart
create mode 100644 lib/services/weather_service.dart
create mode 100644 pubspec.yaml
hiroki@shibatahiroshitakanoiMac extract-info % git push origin main
fatal: 'origin' does not appear to be a git repository
fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists.
hiroki@shibatahiroshitakanoiMac extract-info % git remote add origin https://github.com/ki-hi-ro/extract-info.git
hiroki@shibatahiroshitakanoiMac extract-info % git push origin main
Enumerating objects: 19, done.
Counting objects: 100% (19/19), done.
Delta compression using up to 12 threads
Compressing objects: 100% (19/19), done.
Writing objects: 100% (19/19), 14.37 KiB | 7.19 MiB/s, done.
Total 19 (delta 0), reused 0 (delta 0), pack-reused 0 (from 0)
To https://github.com/ki-hi-ro/extract-info.git
* [new branch] main -> main
git initからの華麗なリモートリポジトリ連携をご覧いただけたと思う
途中、リモートリポジトリの設定がされていないということで怒られてしまったが、最終的には以下の状態になった

これで全世界に私のリポジトリが公開された
https://github.com/ki-hi-ro/extract-info
このオープンソースの世界で生きていきたい
ここからが本題でどうやって動かすのか
Dartとは

Googleが開発したオブジェクト指向のプログラミング言語
Flutterとの違いは?

Dartが裏側、Flutterがフロント
ということか

ということなのでFlutterを入れよう
どうやって?
この手の質問は、ChatGPTが得意だ

ここまでの文脈ごとプロンプトをあげてみた
Flutter導入部分は、公式手順ベースで“自分のMacで動かす”までつなげます。
とのこと
この間にシャワーを浴びる
14:12
シャワー完了
洗濯物の匂いが気になるので、熱湯消毒→洗濯機をかけるを行いたい
明日以降で構わない
ゴミは生ゴミを冷凍したやつを捨てにいこう

まず自分のiPhoneで動かすことを目標にする

MacにFlutterの開発環境を入れる

怒られた



GItとVS Codeはある
SDKとは

VS Code経由でどうやってFlutter SDKをインストールする?

cmd + Shift + Pが効かない

上部のメニューから行おう

入力した
わからない

たぶんFlutter拡張機能がVS Codeに入っていないことが原因
出かける準備をする