01
Photo Sharing / Social
ハースHearth
招待を受けた人だけが使える、写真共有のための Web アプリケーション。投稿・フォロー・いいね・コメント・通知・検索に加え、運営者にも読めないエンドツーエンド暗号化の 1 対 1 メッセージを設計しました。
サイトを見るPortfolio — 2026
Tsuguchi
Web Application Developer
暮らしのそばで静かに働く Web アプリケーションを、
要件の整理から設計・実装・公開まで、一貫してつくっています。
01 — Selected Works
制作実績
設計から公開まで、ひとりで手がけた 4 つのプロダクト。
02
Personal Finance
わたしの家計簿Kakeibo
家計の記録をブラウザの中で暗号化してから保存し、運営する側にも中身が見えない家計簿。画面はデジタル庁デザインシステムに合わせ、毎月の自動記録や予算、12 か月の集計まで、迷わず使えることを優先しました。
サイトを見る03
Team Productivity
タスク管理ボードKanban
小規模チームのための、カンバン型タスク管理アプリ。ドラッグ＆ドロップでの並べ替えを、複数人が同時に触っても順序が崩れないデータ構造で支え、セキュリティルールまでテストで確かめています。
サイトを見る04
Game / Fan Work
式札の夜Shikifuda no Yoru
御霊 12 人から 3 人を選び、鬼との三連戦に挑むターン制カードバトル。相性・回復・状態異常の駆け引きと、ボイスや演出の速度調整まで含めて、ブラウザだけで完結するように組み上げました。
※『月蝕綺譚 -Luna Occulta-』の非公式な二次創作です。
サイトを見る02 — About
つくるときに、
大切にしていること
使う人の安心から、
逆算して設計する。
家計の記録や、身近な人との写真とメッセージ。扱うものが個人的であるほど、「運営する側にも中身が見えない」ことを設計の出発点に置いています。
要件を書き出し、データ構造と暗号化の方式を決め、ルールをテストで確かめてから公開する。見た目の心地よさと、裏側の確かさの両方を、ひとつずつ積み上げます。
i.
Design設計
要件定義 ／ データモデル設計 ／ 暗号化方式の設計 ／ デザインシステムに沿った UI
ii.
Build実装
React ／ TypeScript ／ Vite ／ Tailwind CSS ／ Astro
iii.
Ship公開・運用
Firebase Authentication ／ Cloud Firestore ／ セキュリティルールのテスト ／ Cloudflare Workers
03 — Contact
Let’s build
something quietly great.
お仕事のご相談・ご質問は、お気軽にご連絡ください。
お問い合わせフォームへ