21
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

クソアプリAdvent Calendar 2021

Day 25

マッチした人の年収を知れるマッチングアプリを作った

Last updated at Posted at 2021-12-25

明らかに攻撃的なリクエストが飛んでいて、管理するのが怖くなったので消しました。


クソアプリカレンダー 25日目を担当します。今年が 4回目の参加です。

これまでに作ったものはこのようなものです。

またクソアプリコンテストではないですが、これもなかなかクソアプリだと思います。

今回作ったのは、"Howマッチ" という マッチングアプリ です。年収で決闘できるマッチングアプリです。メールアドレス もしくは GitHub ID があれば登録できます。

皆さん対戦してください。

謝罪

毎年、面白おかしく書こうと色々工夫しているのですが、今年はできあがったのがついさっきであるため文章を書いている余裕がなく、淡々と事実だけ書いていきます。(現在 12/25 23:04)

なぜ作ったのか

知り合いの年収を単純に知りたくないですか?

年収を開示するのはちょっと勇気が入りますし、自分のは開示したくないのですが、開示することで知りたい人の年収を知れるなら開示したいという声をたまにききます。
なのでそれができるサイトを作ってみました。

お互いの年収を知れば「え、あなたそんなにすごい人なのにこんなに年収低いんですか!弊社もっと出せます、弊社に来ませんか?」や「え、こいつこんなに高いん?おれが低いだけか?転職しなきゃ!」的なこともあるのではないでしょうか。年収の相場感を自覚することでキャリアプランも築きやすくなると思い、こういうものを作りました。

使い方

認証情報を登録します。メールもしくはGitHubで可能です。

Screen Shot 2021-12-25 at 23.54.09.png

年収情報を登録します。

Screen Shot 2021-12-25 at 23.50.26.png

登録が完了しました

Screen Shot 2021-12-25 at 23.50.36.png

マッチングします。(これは別のユーザーから見たものです)

Screen Shot 2021-12-25 at 23.50.50.png

相手も自分にマッチしていると、お互いの年収を知れます

Screen Shot 2021-12-25 at 23.51.33.png

どう作ったのか

NextJS + Firebase で作っており、技術的には特筆することはないです。

ただ、設計は少し工夫をしており、全てのリクエストを Firebase Functions 経由で行っています。
これは年収情報というセンシティブなものを確実に守りたく、バリデーションの行いやすさや、不正なリクエストの検知を目的としているためです。
その代償としてコールドスタートによるTTFBの影響はあります。
特に常に大量にリクエストが来るわけではないので、まばらなユーザー全員がTTFBの悪い体験をしてしまうという問題があり、これは改善すべきことだと思っています。
おそらくセンシティブな情報が絡まないところは Firestore に直接アクセスさせる、もしくはFaaSをやめるとかにすると良いのだろうと考えています。
もしこのサービスが使われることがありそうでしたらこの辺りは改善します。

そういえば久しぶりに Mui を使ってみました。業務で昔作っていたのですが、最近はもっぱら Chakra や Ant を使っていたので追いかけていませんでした。Material UI が Mui としてリブランディングされて使うのは初めてでした。要素に直接スタイルを当てるのがやりやすかったり、Chakra にある思想が取り込まれていたりで結構使いやすかったです。

特に Mui はサポートしているコンポーネントの種類はもともと多く、このクオリティーでこの数のコンポーネントが使えると考えると、これからの選択肢としてありではと思っています。

あとがき

マッチングとか恋人とかそういうのばっか書いてて悲しくなってきた

21
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
21
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?