個人dev

概要

利用している技術

フロントエンド / フレームワーク: Next.js (App Router), React, TypeScript
スタイリング: Tailwind CSS
データ可視化: SVG（自作カスタムチャート / 1本スタックバー・ドーナツ円グラフ）
バックエンド / データベース: Supabase (PostgreSQL)
インフラ / デプロイ: Vercel
暗号化・セキュリティ: Web Crypto API (SHA-256 トリップコード生成)

サービスのPR点

「俺ファンド」は、誰もが直感的にオリジナルの仮想ポートフォリオ（投資信託）を作成・共有・議論できるWebプラットフォームです。最大の強みは、初心者から投資愛好家まで楽しめる優れた操作性と高いシェア性です。4桁の証券コードを入力するだけで会社名が自動補完され、想定株価や株数を設定するだけでリアルタイムに金額や比率が計算されます。独自実装したSVGチャートにより、1本バーと円グラフを瞬時に切り替え可能で、銘柄に触れると詳細が浮かび上がる心地よいインタラクションを実現しました。また、気に入った構成をワンクリックで複製して自分好みに再編集できる「アレンジ作成（Fork）機能」や、X（旧Twitter）へのシームレスな拡散導線、共感を示す「納得」リアクション機能など、ユーザー同士のアイデア共有を活性化させる仕掛けを多数搭載しています。予算範囲別のフィルタリングも備え、投資の楽しさとアイデアの広がりを体験できるサービスとなっています。

今後の追加機能など

フィードバックが欲しいです。フィードバックを基に改善していきたいです。

その他メッセージ

いずれは現在の株価と連動できるようにしていき、一定の期間にどれだけ伸びたのか競い合えるようにしたです。