2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

4×4 Pixel Diary を作った経過報告

2
Last updated at Posted at 2025-12-10

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 交換機能の修正

リリース準備(設定、ビルド、各ストア向け調整)

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?