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

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

「安心してください。漏れてますよ。」のタイトル画像。白い背景の左側に黒と赤の大きな文字でタイトル、その下に「届くメールから『情報流出のお知らせ』だけをタップ。雨漏り・もれなく当たる・詐欺メールはワナ。」。右側には受信トレイがあり、「雨漏り修理、今なら点検無料!」「【もれなく当たる】ポイント還元」の間の「【お詫び】不正アクセスによるお客様情報流出について」のメールに、赤い「漏れてますよ」のスタンプが押されている。

画面はメールアプリの受信トレイで、上から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通あたりの点数が上がる
  • 結果画面で、まちがえたメールごとに理由を表示する
使用技術
  • HTML
  • CSS
  • JavaScript (Vanilla)
  • Pointer Events
担当
  • 企画
  • メール文面の執筆
  • 難易度設計
  • UIの実装
成果
  • 流出メール14種類とワナのメール28種類を、差出人・アドレス・本文まで書き分け
  • 時間とともにワナのメールが紛らわしくなる3段階の難易度
  • まちがえたメールごとに理由を表示し、流出メールが届いたときの対処も案内
  • ライブラリなしのHTML・CSS・JavaScriptだけで実装
制作期間
2026-10
ステータス
公開中

← 制作実績の一覧へ戻る