仕訳練習アプリに「遊びの3要件」を入れる — Eurekapu のギミック設計集

前提となる記事 で書いた「自発性・自己報酬性・自己完結性」の3要件を、自分が作っている Eurekapu の仕訳練習アプリ に落とすとどうなるか。マークダウンの抽象論では伝わりにくいので、ギミックを1つずつビジュアルで起こした。

すでに実装ずみ: 正解時に PL/BS の数字が動くアニメ
これから足したい: 以下17個のギミック

① 自発性 — 「開きたくなる入り口」を作る

仕訳練習アプリは「勉強しよう」と意思決定してから開くものになりやすい。最初の心理コストを下げる入り口を、4つに分けて作る。

G01

OGP 画像が「3秒フック」になっている

SNS にシェアされたとき、リンクカードを見るだけで「お、これ解いてみたい」と思える1問プレビュー型 OGP。タイトルではなく、問題と空欄の解答欄が見える。

8割が間違える仕訳
現金100円が消えた。
何が起きた?
借方?100
貸方?100

↑ 1200×630 の OGP カードのイメージ。問題本文と空欄の解答欄が見える。

G02

1問完結 URL — ログインなしで1問だけ即解ける

シェアされたリンクを踏むと、ログイン不要で1問だけ即解ける。後でアカウントに紐づけ可能。

https://info-accounting.com/q/k3-1-2-007
現金100円が消えた。何が起きた?
借方100
貸方100

※ アカウント不要。後で保存したくなったら「続きを保存」から登録

G03

「友達が解きました」が薄く出る — ない理由あり

シェア URL を踏んだ人が解くと、シェア元に静かに通知が届く、というアイデア。最初に浮かびがちなのは、こういう「個別通知」のイメージ。

👤
あなたがシェアした問題
@hanako_tax が解きました(正解 ✓)
2分前

↑ ナイーブな案。実はこれ、世にあまり出回っていない。

なぜ世にあまりないのか

個別通知が成立しにくい3つの理由

  1. プライバシー的な不気味さ。 匿名であっても、シェアを踏んだ側からすると「自分の行動がシェア元に筒抜け」になる。 会計・税務のように「いま勉強していると知られたくない」領域では、特に踏みづらくなる方向に効く。
  2. 通知ゼロが逆メンタルダメージ。 「シェアしたけど反応ゼロ」状態がシェア元の心理を削る。 ユーザー数が少ない初期は「シェア → 何も来ない」のループに陥り、機能としてはむしろシェアしたくなくする方向に振れる。
  3. 代替手段がすでに普及。 Twitter にシェアした時点でリプライ・引用ポスト・「これ◯%しか解けなかった」のテキスト返しが起きるため、 プロダクト側に通知インフラを作らなくても「届いた感」は出てしまう。Wordle はこの構造で成立している。

さらに、リンクを踏んだだけでは踏んだ人の Twitter アカウントは取れない(X 側が踏み先に渡さない、プライバシー保護)。 ハンドル名付きで通知したいなら、踏んだ側に自発的に Twitter OAuth ログインしてもらう必要がある。 実装ハードルも見た目以上に高い。

G03':成立しうる代替 — 週次の集計通知

個別通知ではなく、シェアの結果を週次で集計して1通だけ届ける。シェア元の自己効力感を満たしつつ、視聴者側の「踏んだら見られる」不気味さを消す折衷案。

📊
今週のシェア
あなたがシェアした 3 問が、8 人に解かれました(正答率 67%)
月曜 9:00

あるいは、塾の先生 → 生徒、社内の勉強会の Slack チャンネルといったクローズドな関係性のなかで個別通知を許す、というのも別の解。すでに関係性がある相手同士なら不気味さが消える。

G04

問題タイトルが物語化されている

「現金で商品を仕入れた」ではなく「現金100円が消えた、何が起きた?」のように物語タイトルにする。3秒で興味を引く。

従来タイトル物語タイトル
現金で商品を仕入れた現金100円が消えた、何が起きた?
売掛金の回収請求書が、現金に化けた瞬間
減価償却費の計上使ってないのに、価値が減っている
貸倒引当金の設定「たぶん返ってこない」を数字にする

② 自己報酬性 — 既存の「数字が動く」をもう一段強くする

現状すでに「PL/BS の数字が動くアニメ」が入っている。これを起点に、入力したその瞬間にもっと強い報酬感を作る。

G05

コインが借方/貸方を物理的に飛ぶ

数字が変わるだけでは「お金が動いた」感が薄い。コインのアイコンが該当セルから該当セルへ放物線で飛ぶと、物理的な質感が出る。

現金
¥1,000
商品
¥1,000
G06

借方貸方が一致した瞬間に「グニッ」と縮む

正解時の祝福を、文字や効果音ではなく物理的な変形で出す。一致した瞬間に PL/BS の枠が一瞬グニッと縮んで戻る。

借方
100
=
貸方
100
G07

連続正解で色味が深まる(バッジは出さない)

3問・5問と連続正解するごとに、PL の色がじわっと深くなる。BGM の音色も一段増える。バッジ・ポイントは出さない。外部報酬化を避けるのがポイント。

0 連続
3 連続
5 連続
10 連続

バッジではなく、画面の色味そのものが深まることで「乗ってきた」感を出す

G08

画面端の架空会社の BS がうっすら変わる

1問解くごとに、画面端の小さな架空会社の BS がうっすら変わる。10問で1ヶ月分の決算が完成する見え方を作る。

あなたの架空会社「カメレオン商店」
資産 ¥1,000純資産 ¥400

③ 自己完結性 — 1問で「終わった感」が出る

学習アプリは進捗ゲージで縛りがち。「あと8問」ではなく「今日の1問、完了」を中心に置く。

G09

1問解いたら「今日のぶん、完了」が即出る

続けても良いが、1問で「もう閉じてOK」の合図を必ず出す。締切感を作らない。

今日のぶん、完了
続けても、ここで閉じても、どちらでもOK
G10

章/節の進捗バーを目立たせない

「あと8問」は心理的に重い。代わりに「今日解いた1問」を大きく出す。

従来
第1章 第2節
2 / 10 問
あと 8 問でクリア
取り込み後
今日
1
解いたよ
G11

再開時は「続きから」ではなく「今日のおすすめ1問」

「前回の続き」は心理的に重い。毎回新鮮な1問が出るほうが、戻ってきやすい。

今日のおすすめ1問
減価償却費の月割計算 — 期中取得の場合
★★★☆☆ 中級 · 推定 45秒
G12

15秒モード — 通勤中・電車待ちで1問

カウントダウンが回ること自体が、気軽さを強化する。失敗してもタイマーの動きが面白い。

15

④ めっちゃカメレオン的「失敗・拡散」のしかけ

ここがいちばん効きそうなゾーンだ。3要件と並んで、プレイヤーが勝手に動画を投稿してしまう構造を作る。

G13

大ハズレ時、BS が3ヶ月後に崩壊する

「この仕訳のままだとこの会社は3ヶ月後にこうなります」と誇張アニメで BS が崩壊するホラー演出。失敗を「面白い体験」に変える。

この仕訳のままだと、3ヶ月後に純資産がマイナスになります 💀
G14

珍解答コレクション — 他人の誤答を匿名で見る

同じ問題に、他の人がどんな珍解答をしたかが見られる。共感と笑いが生まれる。

借方: 商売道具 100 / 貸方: 100
👍 234 · 「夢を仕訳に書く人、勇者すぎる」
借方: 気持ち 100 / 貸方: 現金 100
👍 187 · 「気持ちは資産勘定じゃないんよ…」
借方: ? 100 / 貸方: 現金 0
👍 122 · 「金額が合ってないけど、勢いだけは感じる」
G15

あなたの仕訳タイプ診断 — シェア導線

100問の解答パターンから「慎重派・冒険派・現金主義派…」を出す。これがそのままシェアコンテンツになる。

あなたの仕訳タイプ
慎重な
現金主義派
借方の選択速度
引当金を使う頻度
現金科目への信頼
未払金を使う頻度
G16

「全部一致した試算表」のスクショ美

完了画面が思わずスクショを撮りたくなるデザインに。タイポと余白を整える。

G17

失敗ベストショット — 本人だけの珍プレイ集

その日いちばん派手に外した瞬間が GIF で残る。本人だけが見られる「自分のおもしろ集」。後で見返すと笑える、という長期的な自己報酬。

TODAY'S BEST FAIL
問: 売掛金 50,000 を現金で回収
あなたの答え:
借方: 売掛金 50,000 / 貸方: 売掛金 50,000
→ 売掛金が自己生成された💫

⑤ 伝統的な遊びと組み合わせる

かくれんぼも鬼ごっこも、河邉貴子の3要件を完璧に満たした「完成された遊び」だ。仕訳練習に1個1個のギミックを足していくのではなく、伝統的な遊びのプロトコルそのものを上から被せると、別の景色になる。

前提:「見立て(みたて)」という設計技法

このセクションの全案に共通する設計技法を、先に名前で押さえておく。見立てとは、日本の伝統的なデザイン技法で、Aを別のBに見立てる発想だ。茶室で水たまりを大海に、石を山に見立てるあれ。西洋的にはメタファー/アナロジー、ゲームデザインの文脈では "transformation" や「テーマレイヤー」と呼ばれる。

本質は同じで、「機能はAだけど、感覚はBで体験させる」。仕訳練習という機能の上に、かくれんぼ・鬼ごっこ・缶蹴りという感覚を被せる。被せる先の遊びが完成度高い(=3要件を満たしている)ほど、被せた結果も自然に3要件を満たしてくれる。これがこのセクションの設計戦略。

ただし、見立ての軸がズレると逆に違和感が出る。以下、5案のうち3案が成功、1案は失敗例として残し、1案はスコープ外候補とした。

T01

かくれんぼ型 — 紛れた誤りを探す

『めっちゃカメレオン』の骨格そのまま。試算表の中に、意図的に1箇所だけ場違いな科目を紛れさせる。プレイヤーは「これがおかしい」を当てる。

この試算表(流動資産の部)の中に、1つだけ場違いな科目が紛れている
現金3,200
売掛金1,800
商品2,400
建物12,000
前払費用500
未収収益800

実務翻訳: 税理士が顧問先の TB を見て「あれ、この科目変じゃない?」と一発で気づく感覚そのもの

T02

鬼ごっこ型 — タイマーが追ってくる

15秒モード (G12) を「時間が減る恐怖」ではなく「鬼に追われる恐怖」に演出し直す。鬼が左から迫り、正解で引き離す。

👹
🏃
距離: 35%
見立てが生んだ副産物:連続量としての「距離」

普通の学習アプリは「正解 / 不正解」の2値しかない。鬼ごっこに見立てた瞬間に、「距離」という連続量が生まれる。「ギリギリ振り切ってる」「もう追いつかれそう」のような中間状態が学習体験に持ち込まれる。これは見立てを通じて副次的に発生したもので、もとの仕訳練習という機能には存在しなかった概念。見立ては、被せ先のメカニクスに含まれる構造を借りてくるので、こうした副産物が生まれるのが面白いところ。

T03

だるまさんがころんだ型 — 月末締めの瞬間に止まる — 見立てが噛み合わない例

当初の案:1ヶ月の取引が次々流れる中、月末が「振り向く」瞬間に BS が貸借ピッタリで止まっていなければアウト、というルール。月次決算の本質を子どもの遊びとして体験する、という意図だった。

取引A ✓
取引B ✓
取引C ✓
取引D 未処理
↓ 月末
👁 月末が振り向いた
結果を選んでみる ↓
この見立てが弱い理由

見立ての軸が2つともズレている

だるまさんがころんだのコアメカニクスは 「鬼が振り向く瞬間の予測不可能性」「動いたかどうかの2値判定」 の2つ。これを「月末締めの貸借一致」に被せようとしたが:

  • 月末は予測可能。カレンダーに書いてある。だるまの鬼が振り向く瞬間の予測不可能性とは噛み合わない
  • 貸借一致は「動く/止まる」ではない。だるまの判定は身体が動いたかどうかの空間的・物理的な動き。仕訳の整合性は数値の関係性で、まったく別の軸

見立てを使うときは 「被せる側のコアメカニクス」と「被せ先の本質」が同じ軸で噛み合うか を必ず確認する。T03 はブレインストーミングで「いい感じに思いついた」案だが、本質を分解すると合っていない。失敗例として残しておくのは、見立て設計の落とし穴を可視化するため。

T04

缶蹴り型 — 仕訳ミスの「救出」協力プレイ

設計やり直し 当初案は「全員揃って決算ボタンを蹴る」だったが、見立てがズレていた。缶蹴りの本質は 「捕まった味方を缶を蹴って復活させる」 一発逆転の救出機構。決算 (= ゴール) はリセットではないので軸が合わない。本質に寄せて再設計したのが以下。

誰かが間違えると「捕まった」状態になる。別のメンバーが 救出問題(やや難しい応用問題) を解くと、その人が復活する。1人で背負わないチーム学習の構造を作る。

🧑‍💼
Aさん
✓ 解答中
😱
Bさん
捕まった!
🦸
Cさん
救出問題を解答中
👩
Dさん
✓ 解答中
救出問題(Cさんが解答中)
「貸倒引当金の差額補充法で、当期繰入額を求めよ」
→ 正解で Bさん復活 🎉

缶蹴り本来の「捕まる → 仲間が缶を蹴って復活」のメカニクスに寄せ直した。1人がミスしても、別の誰かのスキルで救えるという構造が、実際のチーム経理の信頼関係に近い

T05

じゃんけん型 — 1問対戦 — 実装難・スコープ外候補

友達と同じ1問を同時に解いて、早く正解した方が勝ち。G03(友達が解きました)が成立しなかったのに対し、これはシェア元も対戦に参加する構造なので不気味さは出ない。発想自体は悪くない。

🏆
あなた
⚡ 12.3秒
正解 ✓
VS
@hanako_tax
18.7秒
正解 ✓
なぜスコープ外候補か

じゃんけんの本質「同時性」がオンラインでは再現しにくい

じゃんけんの面白さは、「同じ瞬間にお互いが手を出す」同時性にある。これをオンラインの非同期環境で再現しようとすると、3つの実装コストが一気にのしかかる:

  • マッチング機能:「いま対戦できる相手」を探すロジック
  • リアルタイム通信:両者の解答時間を秒単位で同期
  • 人数集めの問題:そもそも同時にプレイ可能な相手がいないと成立しない(鶏と卵)

非同期で実装すると「先に解いた人の記録に、後から挑戦」になり、じゃんけんの同時性という本質が失われる。「Wordle のスコア比較」とほぼ同じになって、わざわざ対戦UIを作る意味が薄れる。最初のリリーススコープからは外し、ユーザー数が増えてから検討する後回し案。

5案の結論(ユーザーレビューを反映)

  • 採用 T01 かくれんぼ — 元ネタの骨格そのまま、実務スキルと直結
  • 採用 T02 鬼ごっこ — 「距離」という連続量が見立ての副産物として生まれる
  • 失敗例 T03 だるまさんがころんだ — 見立ての軸2つともズレ。教材として残す
  • 採用(再設計後) T04 缶蹴り — 「決算 = 缶」をやめ「救出 = 缶」へ。本質に寄せ直した
  • スコープ外候補 T05 じゃんけん — 同時性がオンラインで再現しにくく、実装コスト過大

見立て設計の核心は「被せる側のコアメカニクス」と「被せ先の本質」を同じ軸で噛み合わせること。T03 はここを外し、T04 は最初外したが再設計で寄せ直した。発想を広げる出発点としては「とにかく被せてみる」でいいが、最後はメカニクスを分解して軸を揃える工程が要る。

実装優先順(コスト × 効きそう)

17個全部を一気に作る必要はない。小さく試して効きを測れるものから順に置く。

  1. G05
    コイン放物線アニメ

    既存アニメ基盤の上に追加できる。小さくて効きそう。最初に着手

  2. T01
    かくれんぼ型 — 紛れた誤りを探す

    実装が軽い割に学習価値が高い。元ネタの『めっちゃカメレオン』の骨格そのままで、実務スキル(科目選択の違和感察知)と直結する

  3. G01 + G02
    1問完結 URL + OGP 画像生成

    自発性に直撃。Cloudflare Pages なら `@vercel/og` 系で実装可。シェア導線の核

  4. G15
    仕訳タイプ診断

    既存の解答データから生成可能。シェアの起点として強い。MBTI 的なバイラル性が出る

  5. T02
    鬼ごっこ型 — タイマーを「追手」に演出

    G12(15秒モード)の演出レイヤーを差し替えるだけで実装可。連続量(距離)が学習体験に持ち込まれる

  6. G13
    失敗時の崩壊 BS 演出

    「失敗が面白い」をエンジニアリングで体験化する核。実装は重いが、ハマれば刺さる

T03(だるまさんがころんだ)と T05(じゃんけん)は本セクション内で失敗例/スコープ外として整理済み。T04(缶蹴り救出型)はマルチプレイ実装が前提のため、シングルプレイ機能が揃ったあとの第2フェーズ候補。

設計判断としてのまとめ

抽象的な「3要件を会計アプリに入れる」という話を、自分のプロダクトに落とすとこの17個になった。重要なのは、これら全部を完璧に揃えてからリリースする発想をやめることだ。1つだけ作って、効きを測って、寄せていく。それがアジャイルに遊びを設計する作法だと思う。

そして繰り返しになるが、バッジやポイントを後付けで足すのは河邉貴子の言う自己報酬性とむしろぶつかる。「やる気を出させるために報酬を与える」ではなく、入力という行為そのものを面白くする方向に寄せていく。それが「めっちゃカメレオン」がやっていることであり、会計アプリで再現したい構造でもある。