# 安心してください。漏れてますよ。

> 受信箱に次々と届くメールの中から、情報流出・個人情報漏えいを知らせるお詫びメールだけを見つけてタップする60秒のブラウザゲーム。雨漏り、もれなく当たる、人材流出、流出をよそおった詐欺メールはワナ。

- 制作: [ワカメ](https://wakame.dev/)（個人で企画・開発）
- ステータス: 公開中
- 制作期間: 2026-10
- カテゴリ: Web, Game
- 使用技術: HTML, CSS, JavaScript (Vanilla), Pointer Events
- 担当: 企画, メール文面の執筆, 難易度設計, UIの実装

## 概要

画面はメールアプリの受信トレイで、上から1〜2秒ごとに新しいメールが届きます。その中から「不正アクセスによるお客様情報流出のお詫び」「BCC設定ミスによるメールアドレス漏えい」のような、情報流出を知らせるメールだけをタップしていくゲームです。関係ないメールをタップしたり、流出メールを見逃して下に押し出されたりすると「信用」が1つ減り、3つなくなるか60秒たつと終わりです。続けて当てるとコンボで点数が上がります。ワナのメールは3段階で、最初は雨漏り・ガス漏れ・「もれなく当たる」のような言葉だけ同じもの、15秒をすぎると個人情報保護方針の改定や人材流出・土砂流出のような情報やセキュリティに近い話、35秒をすぎると「情報漏えいは確認されませんでした」「情報流出対策セミナー」、そして流出をよそおってカード番号を入力させようとする詐欺メールが混ざります。流出メール14種類とワナのメール28種類を、差出人の名前・アドレス・本文の書き出しまで書き分けました。結果画面では、まちがえたメールごとに「なぜ流出メールではないのか」を表示し、本物の流出メールが届いたときにやることもまとめています。ライブラリを使わず、HTML・CSS・JavaScriptだけで作っています。

## だんだん紛らわしくなるワナ

ワナのメールは3段階に分けています。最初の15秒は「雨漏り修理」「ガス漏れ警報器」「もれなく当たる」のように、漏れる・流出するという言葉だけが同じで中身はまったく関係ないもの。15秒をすぎると「個人情報保護方針改定のお知らせ」「人材流出を防ぐ1on1のコツ」「土砂流出の危険について」のように、情報やセキュリティに近い話題が混ざります。

35秒をすぎると、件名の前半だけ読むと流出に見える「定期セキュリティ診断の結果：情報漏えいは確認されませんでした」や、流出をよそおってカード番号を入力させようとする詐欺メールが出てきます。新しい段階に入ったときは、その段階のメールから先に出すようにしました。

## 見逃しと誤タップの両方を罰する

関係ないメールをタップすると信用が1つ減るだけだと、何もタップしないのがいちばん安全になってしまいます。そこで、流出メールをタップしないまま新しいメールに押し出されて受信トレイの下から消えたときも、信用を1つ減らしています。

メールが届く間隔は1.7秒から始まり、終盤は0.75秒まで縮みます。流出メールが届く割合は38%で、流出メールが3通、関係ないメールが5通続かないように調整しています。

- 受信トレイに並ぶ件数は画面の高さに合わせて変わる
- 続けて当てるとコンボで1通あたりの点数が上がる
- 結果画面で、まちがえたメールごとに理由を表示する

## 成果

- 流出メール14種類とワナのメール28種類を、差出人・アドレス・本文まで書き分け
- 時間とともにワナのメールが紛らわしくなる3段階の難易度
- まちがえたメールごとに理由を表示し、流出メールが届いたときの対処も案内
- ライブラリなしのHTML・CSS・JavaScriptだけで実装

## リンク

- [サイト](https://wakame.dev/moreteru/)

## このサイトについて

- [ワカメの詳細プロフィール](https://wakame.dev/ai-profile/index.html.md)
- [llms.txt](https://wakame.dev/llms.txt)