PORTFOLIO — PRODUCTS
運用中のプロダクト
開発したプロダクトの一覧。このサイト自体も自作の静的サイトです(Astro + Cloudflare)。
01
MAME PASS
コーヒーカードをQRで獲得して集めるデジタルコーヒーカードアプリ。 新たなコーヒーとの出会いを、デジタルカードで残そう。
開発の背景を読む
これまでさまざまな国のコーヒーショップをいくつも巡ってきましたが、飲んだコーヒーのカードを渡してくれる体験は世界共通です。そしてそのカードのサイズやデザインが同じお店はまったくありません。 飲んだコーヒーを記録として残せる嬉しさの一方で、リュック一つで移動しながらコーヒーショップを毎日のように巡っている私にとって、サイズもデザインもバラバラなコーヒーカードが増えていくことはしばらく悩みの一つでした。 何度も「デジタルで受け取れたらいいのに…」と思い続け、作ったのがこのアプリです。 このアプリを通して、新しいコーヒーとの出会いをもっと楽しいものにできれば嬉しいです。
React / TypeScript / Vite / Tailwind CSS / Cloudflare Workers(D1・KV) / Claude API
02
Flight Logger
過去のフライト履歴を記録し、3Dの地球儀と統計で可視化するログアプリ。 フライトの軌跡を、地球儀の上に描き出そう。
開発の背景を読む
既存のフライト管理アプリを使っていましたが、自分が本当に欲しい過去のフライトを記録し、統計として蓄積していくことだけの用途に絞って自分用に開発しました。 さらには自分以外の人たちにも無料で使ってもらえることが分かったため、公開アプリとして提供することにしました。 自分が辿ってきたフライトの記録をここに記録して可視化してみてください。
React / TypeScript / Vite / Supabase / Cloudflare Workers
03
Health Report Bot
Apple Health のデータから、毎週月曜の朝に週次ヘルスケアレポートを自動生成してメール配信するシステム ※ 精密栄養カウンセリングの継続プラン利用者向けに活用予定
開発の背景を読む
Apple Watch で睡眠や心拍のデータは毎日蓄積されていくが、ヘルスケアアプリ上での表示だけでは、過去と比較して具体的に何が変化しているのかは把握が難しいのが難点です。そこで、ヘルスケアデータを Google Sheets に定期的に自動でエクスポートし、前週と過去全期間の統計を Claude に渡して、ご自身の過去全期間をベースラインとした数値との前週の比較とその変化を解析してメールにお送りする仕組みを作りました。
Python / Claude API / Google Sheets・Drive・Gmail API / GitHub Actions
04
アーカイブ
AI開発の学習、実践の過程で作ったアプリ
-
Blood Lab Flashcards
血液栄養解析の結果を読み解くための知識を身につける学習アプリ。PWA対応でオフライン利用可能。
React / TypeScript / Tailwind CSS / PWA
-
Emoji Memory Game
絵文字のペアを見つけるメモリーゲーム。タイマー、移動回数カウンター、ハイスコア記録機能を搭載。
React / TypeScript / Tailwind CSS / Vite
-
Todo App
シンプルなタスク管理アプリ。連続達成ストリーク表示、完全クライアントサイド動作でログイン不要。
HTML5 / CSS3 / JavaScript / LocalStorage