平成時代のプロフィール帳を作れるアプリを作った
この記事はクソアプリAdvent Calendar 2025の24日目の記事です。
はじめに
平成生まれ（特にひと桁）の人はわかると思うんですが、昔プロフィール帳なるものが流行りましたよね！平成時代のプロフィール帳に思いを馳せて簡単にプロフィールを作成できるアプリを作りました！
アプリ↓
私のプロフ↓
使い方
使い方は簡単、まずはログイン。
好きなプロフデザインを選んで
プロフ帳を埋めていくだけ！
保存したら自分専用のプロフが出来上がります。
技術スタック
フロントエンド
Next.js + TypeScript
Tailwind CSS
バックエンド / インフラ
Supabase
Authentication (Google OAuth)
PostgreSQL Database
Storage
今回は久々にSupabaseを使ってみました。
認証は現状Google OAuthだけにしてます。パスワードリセットなどの画面を作らずに先にリリースしたかったからですが、気が向けばそのうちメアドでのログインも作ろうと思います。
X経由でのログインはAPI申請して手順通りにやりましたがどうにもうまくいかず諦めました。年末年始で再度挑戦してみます。
難しかったところ
レイアウト考えるのが一番大変でした。正直機能だけなら数時間で組めたんですが、プロフィール帳っぽいレイアウトを考えるのに2日かかりました。。
canvaでフレームやらアイコンやら背景やら諸々を作り、それを実際に組み立ててみて、なんか違うとやり直すのを何十回もやりました。おかげ様でそれっぽくはなったのではないかなと思います。
諦めたところ
フロントエンドエンジニアとしてはあるまじき発言をしますが、パフォーマンスに関しては正直諦めました。画像は多少軽量化したりwebpを使ったり、フォントの事前読み込みなどはしてるものの、それでも読み込み量が多く、パフォーマンスは決して良いとは言えないです。
この辺は時間をかければ改善できそうではありますが、そうすると永遠にリリース出来なさそうだったので一旦後回しにしました。
あとがき
小学生ぐらいのとき皆いろんなプロフィール帳持ってましたよね！
友達と交換しあったりして楽しかった記憶があります。女子は結構ちゃんと書いてくれるんですけど男子は全然書いてくれなかったりしたのも、今思えば懐かしいです。
実は最初は平成時代のHPを再現するアプリを作ってたんですが、最終的に私は昔自分のHPを持っていなかったので平成っぽさがわからないということに気がつき、急遽方向転換をしてプロフィール帳アプリを作ったのでした。
少しでも楽しんでもらえると嬉しいです。
Discussion