「クソアプリ Advent Calendar 2023」の23日目の記事です。

https://qiita.com/advent-calendar/2023/kuso-app

作ったもの

仕事を終わらせないと延々と架空請求をしてくるタスク管理アプリを作りました。

※ジョークアプリなので悪質な意図はないです。

※機能自体はまぁまぁ悪質です。

きっかけ

ネットサーフィンをしていると広告を誤ってクリックしたり、怪しいリンクを踏んでしまって多額請求をされてしまう経験を皆さん一度はされたことはあるのではないでしょうか。

架空請求とわかっていても法的措置などの強い言葉やゴリゴリに減っていくタイマーなど結構焦ると思います。

タスクを登録してもついつい忘れてしまうタスク管理アプリにこの焦りをぶつけられないかという深夜のバグ発想の元このアプリは生まれました。

機能紹介

基本機能は雑なカンバンボードみたいな構成です。

• 未完了のタスク
• 進行中のタスク
• 完了済みのタスク

のステータスでタスクを管理するシンプルなTODOアプリです。

タスク登録

モーダルからタスクを登録できます。

入力項目としてタスクの

• タイトル
• 詳細
• 期限

を入力します。ジョークアプリなのに真面目に入力項目バリデーションしました(偉い)

追加ボタンを押せばタスクをを登録できます。

さあ

ここからが

本番です

・

・

・

・

キターーーーーー！！！！！

めっちゃ架空請求をしてくれます。

支払い期日はタスクの期限となっていてリアルタイムで残り時間が目減りしていきます。怖いですね。

技術構成

• FrontEnd
  • Next.js
• DB
  • FireStore
• Hosting
  • Vercel

お手軽でシンプルな構成になっています。

こだわりポイント

素の見た目は普通にする

意図しないタイミングで請求されるのが一番ビビります。

コントラストをバキバキにする

架空請求サイトを勉強した結果、純色バキバキの警告色・コントラストにする一般的な架空請求のイメージに近づくことがわかりました。

うまく作りすぎるとただの巧妙な請求になってしまうので一目で

架空請求だ！！！！！

となる塩梅が難しかったです。

ブラウザバックは許さん

架空請求のページはクソアプリなので閉じるボタンなどはありません。

だからと言ってブラウザバックされてしまうと簡単に請求ページを閉じられてしまいます。

そこで別のページ遷移するのではなく全画面のクソデカモーダルとして実装しています。

これによってブラウザバックをすることでタスク管理画面に戻るという手段を封じています。

リロードをすれば閉じれるのですが、

今後PWA化するとブラウザのリロードボタンが表示されないのでさらなる嫌がらせが期待できます。

今後の展望

今回クソアプリを作成作って反省点が色々出てきました。

その反省点を今後改善してクソの真髄に触れたいと思います

SSL証明書

架空請求をふっかけて来ているのにhttpsなのは内部的にクソさが足りない気がしました。

怪しいクソサイトは脆弱性があってナンボなのでサーバーレスな構成を崩しSSL証明書を剥がしてhttp化したいと思います。

期限切れのタスクの表示を変えたい

期限が切れても何も起こらなかったら焦りを煽り切れない気がします。

期限が切れるともっと焦るページを作りたいです。

PWA化したい

現在はリロードをすると簡単に請求画面を閉じられてしまいます。

PWAをスタンドアローンで起動するとブラウザのツールバーは表示されないので請求画面を閉じられないようにPWA化したいです。