
01
Photo Sharing / Social
ハースHearth
招待を受けた人だけが使える、写真共有のための Web アプリケーション。投稿・フォロー・いいね・コメント・通知・検索に加え、運営者にも読めないエンドツーエンド暗号化の 1 対 1 メッセージを設計しました。
サイトを見るPortfolio — 2026
Web Application Developer
暮らしのそばで静かに働く Web アプリケーションを、
要件の整理から設計・実装・公開まで、一貫してつくっています。
01 — Selected Works
設計から公開まで、ひとりで手がけた 7 つのプロダクト。

01
Photo Sharing / Social
招待を受けた人だけが使える、写真共有のための Web アプリケーション。投稿・フォロー・いいね・コメント・通知・検索に加え、運営者にも読めないエンドツーエンド暗号化の 1 対 1 メッセージを設計しました。
サイトを見る
02
Personal Finance
家計の記録をブラウザの中で暗号化してから保存し、運営する側にも中身が見えない家計簿。画面はデジタル庁デザインシステムに合わせ、毎月の自動記録や予算、12 か月の集計まで、迷わず使えることを優先しました。
サイトを見る03
Team Productivity
小規模チームのための、カンバン型タスク管理アプリ。ドラッグ&ドロップでの並べ替えを、複数人が同時に触っても順序が崩れないデータ構造で支え、セキュリティルールまでテストで確かめています。
サイトを見る04
Game / Fan Work
御霊 12 人から 3 人を選び、鬼との三連戦に挑むターン制カードバトル。相性・回復・状態異常の駆け引きと、ボイスや演出の速度調整まで含めて、ブラウザだけで完結するように組み上げました。
※『月蝕綺譚 -Luna Occulta-』の非公式な二次創作です。
サイトを見る
05
Social / Microblog
短文を投稿して交流する SNS。いいね・引用・リプライ・フォローに加え、いいね/フォロー/リプライの通知をリアルタイムに受け取れます。新規投稿・引用・リプライを一つの投稿画面で扱い、いいねは押した瞬間に画面へ反映される作りにしました。
サイトを見る
06
Team Chat
〜50 人の小規模チーム向けのリアルタイムチャット。チャンネル・DM・スレッド・メンション・リアクション・ファイル共有をそろえ、メッセージ検索は PostgreSQL の全文検索インデックスでサーバー側で速く引けるようにしています。
サイトを見る
07
Personal Finance / Dashboard
収入・支出・予算・口座をまとめて管理し、PC とスマホで同期する家計簿。月次のダッシュボードでカテゴリ別の内訳をグラフにし、予算の 80% で警告、超えたら知らせます。家賃などの定期取引の自動計上や、CSV での出し入れにも対応しました。
サイトを見る02 — About
使う人の安心から、
逆算して設計する。
家計の記録や、身近な人との写真とメッセージ。扱うものが個人的であるほど、「運営する側にも中身が見えない」ことを設計の出発点に置いています。
要件を書き出し、データ構造と暗号化の方式を決め、ルールをテストで確かめてから公開する。見た目の心地よさと、裏側の確かさの両方を、ひとつずつ積み上げます。
i.
要件定義 / データモデル設計 / 暗号化方式の設計 / デザインシステムに沿った UI
ii.
React / TypeScript / Vite / Tailwind CSS / Astro
iii.
Firebase Authentication / Cloud Firestore / セキュリティルールのテスト / Cloudflare Workers
03 — Contact
お仕事のご相談・ご質問は、お気軽にご連絡ください。
お問い合わせフォームへ