4×4 Pixel Diary を作った経過報告(二日目)
〜 Flutter × AWS で「ドット絵交換日記」を形にするまで 〜
はじめに
サービス終了になったアプリを復元したいと思い作った 4×4 Pixel Diary(pixeldiary)。
「4×4 の小さなドット絵を交換できる日記アプリは売れる」というアイデアから、
AI とのバイブコーディングで二日間かけて MVP を完成させました。
Web 版でも触れるようになったため、開発二日目までの経過をまとめます。
引き続き開発します。
動作デモ(Web 版)
※ Web では Bluetooth や通知は無効。ドット絵編集と保存は確認できます。
実装に使用した技術まとめ
基本情報
name: pixeldiary
description: 4×4 Pixel Diary - ドット絵交換日記アプリ
Flutter SDK: 3.6.0
対応プラットフォーム: Web / iOS / Android
使用パッケージ(カテゴリ別)
状態管理
flutter_riverpod
riverpod_annotation
モデル生成 / JSON
freezed_annotation
json_annotation
freezed
json_serializable
build_runner
関数型ユーティリティ
fpdart
ネットワーク
dio
http
ストレージ
hive_flutter
flutter_secure_storage
shared_preferences
ルーティング
go_router
Bluetooth 通信
flutter_blue_plus
(交換日記のデータ送受信に利用)
通知関連
firebase_core
firebase_messaging
flutter_local_notifications
flutter_app_badger
セキュリティ系
permission_handler
safe_device
crypto
encrypt
UI・その他
flutter_colorpicker
url_launcher
package_info_plus
logger
uuid
intl
テスト・静的解析
mocktail
flutter_lints
アイコン生成
flutter_launcher_icons
二日間で実施した内容
4×4 ドット絵エディタの実装
Hive を用いた日記データ保存
Bluetooth 交換機能の基礎実装
Web 動作確認用の環境構築(Bluetooth部分を除外)
Riverpod + Freezed によるデータ構造整理
ルーティング構成(go_router)
アプリアイコン生成
ローカル通知の確認
認証機能を削った最小構成の MVP 化
開発全体は AI とバイブコーディングで進め、設計からコマンド操作、AWS へのデプロイまで一貫して効率化しました。
今後の予定(明日以降)
Bluetooth 交換機能の修正
リリース準備(設定、ビルド、各ストア向け調整)