Skip to content

kongyo2/KawaiiDecoNote-Android

Repository files navigation

かわいくデコれる手帳(Android版)

工程表・メモ・フリーコラージュを、シールや飾り枠でかわいくデコれる手帳アプリです🌸✨ ひとり用・完全オフライン。データはすべて端末の中だけに保存されます。

pppzet/KawaiiDecoNote(Web版オリジナル)を、Expo(React Native + TypeScript)でAndroidアプリに移植したものです。

機能

  • 2種類の手帳
    • プロフィール帳式 — 最初からかわいい飾り枠つき。工程フローや自由帳ページを作れる
    • ノート式 — 白紙のキャンバスに、テキスト・写真・シールを自由に配置してコラージュ
  • 工程フロー — 工程をチェックリストで並べる。完了するとシールが弾ける演出と、上部の進み具合(3/7)表示。if分岐(はい/いいえ)で条件分けもでき、分岐の中にさらにif分岐を入れ子にして深い条件分けも作れる。分岐の中の工程も▲▼で並べ替えられる
  • フリーコラージュ — テキストカード・写真・シールをドラッグ/拡大/回転で自由配置。カード同士をつなぎ線で結べる(線そのものも動かす/伸ばす/回すことができ、で自動配置に戻せる)
  • コピー — 手帳まるごと(📄)と、ページ単位(タブの📄)の複製
  • シール — 星・花・ハート・リボン・きらめき・くも・三日月・王冠・ちょうちょ・にくきゅう・宝石の11種類。好きな大きさ・角度で貼れる
  • 飾り枠 — シンプル/オーロラ滲み/星屑ちらし/リボン留め
  • 用紙 — ノート式は横罫・方眼・ドット・無地+9色の用紙色
  • きらめき — 画面いっぱいに星がまたたく環境演出のオン/オフ
  • 画像で保存 — 盤面をPNGにして共有・保存(📸)
  • バックアップ — JSON書き出し/読み込み(写真も丸ごと1ファイルに入ります)
  • 元に戻す — 直前の操作をひとつ戻す(最大15手)。手帳・ページの削除や、バックアップの読み込みも戻せます

端末の「視差効果を減らす」設定がオンのときは、きらめきと紙吹雪のアニメーションを止めます。

APKの入手

Releases から最新の KawaiiDecoNote-x.y.z.apk をダウンロードして、Android端末でインストールしてください(「提供元不明のアプリ」の許可が必要な場合があります)。

💾 データの保存について(大事)

  • 作った手帳・ページ・シール・写真は、すべて端末内だけに保存されます(外部のサーバーには一切送られません)
  • 写真もJSON内にそのまま埋め込んで保存するので、バックアップ1ファイルで丸ごと持ち運べます
  • アプリをアンインストールするとデータは消えます。大事な記録は下部ツールバーの「💾 書き出し」から、ときどきJSONファイルに書き出しておくことを強くおすすめします
    • 書き出したJSONは「⋯ → 📂 バックアップを読み込む」から復元できます(今のデータは置きかわりますが、直後なら「↩️ 元に戻す」で戻せます)

バックアップの形式について(0.3.0で変更)

0.3.0 から、書き出すJSONは形式名とバージョンを持つ「封筒」に包まれた独自形式になりました。

{
  "format": "kawaii-deconote-android",
  "formatVersion": 1,
  "appVersion": "0.3.0",
  "exportedAt": "2026-07-25T00:00:00.000Z",
  "state": { "activeNotebookId": null, "notebooks": [] }
}

これにともない、Web版オリジナルが書き出したJSONの読み込み対応は終了しました。Android版は独自の保存形式として進めます。0.2.x以前のAndroid版が書き出したJSONも同じ理由で読み込めないので、古いバックアップが手元にある場合は0.2.xで復元してから0.3.0で書き出し直してください。

開発

npm ci
npm run typecheck   # TypeScript
npm run lint        # oxlint
npm run test        # vitest(純粋ロジックはカバレッジ100%を維持)
npm run format      # prettier
npm run android     # 実機・エミュレータで起動
  • src/lib … 状態を持たない純粋ロジック(モデル・正規化・複製・色・バックアップ形式)。ここだけがテスト対象です
  • src/state … zustand ストア(保存・巻き戻し・UIの一時状態)
  • src/components … 画面パーツ。色・字・余白は src/lib/theme.ts のトークンから取ります

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages