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に入っていないことが原因

出かける準備をする