🌈

「About Me Doc」を作る決意表明 〜自分の特性を伝えるWebアプリ〜

に公開
webアプリケーション
idea

背景

  • 自分の特徴や働きやすさを周囲に伝えるのは意外と難しい
  • 特にチーム開発や新しい環境では「自分の得意・不得意」や「配慮してほしい点」を事前に共有できるとスムーズ（私の経験で、苦手なこと、得意なことを、苦手だけどこうすればできるという工夫を示すことで職場やチームの理解を得ることができた経験がある）
  • この課題を解決するために「自分の取扱説明書」を誰でも簡単に作れるアプリを開発したい

アプリの概要

  • 名前: About Me Doc（仮）
  • 特徴: 自分の特性を入力し、PDF形式で出力できる（テキストやMarkdown形式も検討中）
  • アイコン: 人のシルエット＋パズルピースをモチーフにした温かみあるデザイン（仮ロゴあり）
  • 将来的には「仕事用」「カジュアル用」など複数テンプレートも視野に

技術スタック

  • フロントエンド: Next.js (TypeScript)
  • UI: Tailwind CSS + shadcn/ui
  • PDF生成: jsPDF + 日本語フォント埋め込み対応（自分の苦手なことや特性という機微な情報なのでサーバサイドには絶対にデータを残さないようにする）
  • その他: GitHubでのバージョン管理、将来的にデプロイはGCP（Firebase Hosting）を検討

現時点での進捗

  • 基本的な入力フォームとPDF出力機能のプロトタイプを実装中
  • アイコン（仮）を作成
  • 自身の経験や友人のフィードバックを得ながら出力される情報について検討中
  • MarkdownとPDFの両方を安定して出力できる仕組みを検証中

今後の展望

  • MVP（最小機能）を完成させてまずは自分で利用
  • 改善サイクルを回しながら、Zennで進捗や学びを発信を検討中
  • 将来的には他の人にも利用してもらい、フィードバックを取り入れる仕組みを導入したい

まとめ

  • 「About Me Doc」は、誰もが自分の特性をシンプルに伝えられるようにするための個人開発プロジェクト
  • 技術的チャレンジとしても、UI/UXとPDF出力の両立を試みる
  • 少しずつ進めていくので、温かく見守っていただけると嬉しいです

Discussion