<h2 id="印を結ばねば打刻は通らぬ">印を結ばねば、打刻は通らぬ</h2>
<p>Webカメラに両手を映し、課された印を順に結ぶと出退勤が記録される勤怠管理です。打刻ボタンは置いていません。</p>
<p>階級を下忍・中忍・上忍から選ぶと、それに応じた術が打刻のたびに課されます。下忍なら印1〜3個の手ほどきの術、上忍なら8〜10個の奥義です。画面の巻物に印の並びと手の形が出るので、そのとおりに両手で結びます。1つの印は450ms保持すると確定し、6秒空くと連なりは解けてやり直しです。</p>
<h3 id="十二支の印を単眼カメラで読み分ける">十二支の印を単眼カメラで読み分ける</h3>
<p>扱う印は十二支の十二種すべてです。原典の印は立てる指の組み合わせが印ごとに重ならないので、単眼カメラでも取り違えずに読めます。戌だけは指ではなく手の重ね方（握った手にもう一方の掌をかぶせる）で決まります。</p>
<p>MediaPipe HandLandmarkerで両手21点のランドマークを取り、指の伸展と両手の位置関係から印を判定します。しきい値はすべて手の大きさ（手首から中指付け根）を1とした比で持っているので、カメラとの距離や画角に依存しません。</p>
<p>判定を毎フレームそのまま使うと苦戦しました。指の伸展判定はしきい値の境目でちらつき、手が深く重なるフレームでは片手を見失う。1フレームの化けで保持時間が振り出しに戻り、正しく結んでいるのに確定しない。直近5フレームの多数決で均してから印の連なりに流すようにして解決しています。</p>
<p>打刻の可否はサーバー側でも印の連なりを照合します。課す術もサーバーが台帳の階級から導くので、クライアントが易しい術を騙ることはできません。どの術が課されるかは識別子と打刻種別と直前の打刻から決定的に決まるので、画面を読み込み直しても課題は変わりません。</p>
<h3 id="意匠">意匠</h3>
<p>配色は勝色（かちいろ）です。藍を限界まで濃く染めた紺で、忍の装束が黒ではなく紺だったのは夜陰では黒がかえって浮くためだと言われています。その紺地に、印を捺す朱とチャクラの浅葱、術が成った金茶を役割ごとに載せました。</p>
<h3 id="技術">技術</h3>
<ul>
<li>Vite / React / TypeScript / MediaPipe Tasks Vision</li>
<li>Hono on Cloudflare Workers / D1</li>
</ul>
<p>ブラウザから試せます。カメラの許可が要りますが、映像は端末内で処理していてサーバーには送っていません。</p>

印を結ばなければ打刻できない勤怠管理。Webカメラに両手を映して十二支の印を順に結ぶと出退勤が記録されます。打刻ボタンはありません。

印算（いんざん）

<h2 id="レシートを撮り溜めてまとめて経費にするアプリ">レシートを撮り溜めて、まとめて経費にするアプリ</h2>
<p>フリーランスの経費精算が面倒で作りました。レシートを写真に撮るところまではやるのに、そこから先の転記が毎月手作業で、写真ライブラリにはレシート画像が溜まり続ける。この2つを一度に解決するのが狙いです。</p>
<p>流れはこうです。iOSアプリが写真ライブラリからレシートらしき画像をオンデバイスのOCRで探し出し、スワイプで経費に入れるか捨てるかを仕分ける。採用した画像だけClaudeのvisionで店名や日付、金額を構造化して抽出し、自分で確認して承認する。承認済みでクラウドに保存が終わった画像だけ、元の写真を削除できます。</p>
<h3 id="こだわった点">こだわった点</h3>
<ul>
<li>レシート候補の検出はVision frameworkのOCRとルールベースの採点で、クラウドAPIを使わずに済ませた。300枚スキャンしても無料</li>
<li>AI抽出は自動確定させない。全項目を自分で直せるようにして、承認は人間がやる</li>
<li>写真削除には3条件のガードを入れた。承認済み、クラウド保存済み、未削除。この条件チェックはサーバー側で強制している</li>
<li>画像のSHA-256ハッシュで重複排除するので、同じレシートを2回取り込んでも二重計上にならない</li>
</ul>
<p>Webのダッシュボードでは月次サマリーとカテゴリ内訳が見られて、Excel互換のCSVで書き出せます。</p>
<h3 id="技術">技術</h3>
<ul>
<li>iOS: SwiftUI / Vision framework</li>
<li>API: Hono on Cloudflare Workers / Prisma / Neon PostgreSQL / Cloudflare R2</li>
<li>Web: React / Vite</li>
<li>Claude API（vision抽出）/ Better Auth</li>
<li>Terraform / GitHub Actions</li>
</ul>
<p>2026年7月に作り始めたばかりで、いまはiOSアプリをTestFlightで動かしている段階です。</p>

撮り溜めたレシートをOCRとAIで仕分け・抽出して、まとめて経費にできるiOSアプリです。

Slipsnap

<h2 id="lineに画像を送るだけの持ち物管理">LINEに画像を送るだけの持ち物管理</h2>
<p>レシート・商品の写真・ECの注文画面のスクショをLINE Botに送ると、AIが品目を抽出して持ち物データベースに登録し、LIFFアプリで「自分の家に今何があるか」を一覧できるアプリです。</p>
<p>抽出はGeminiで行い、確定前にFlex Messageで内容を確認・修正できるようにしています。対象は食品や日用品に限らず、服・ガジェット・家電などモノ全般です。</p>
<p>レシートを経費にする <a href="/products/slipsnap">Slipsnap</a> と発想は近いですが、こちらは家庭の在庫が対象です。</p>
<h3 id="技術">技術</h3>
<ul>
<li>Hono on Cloudflare Workers / Cloudflare Queues / Cloudflare R2</li>
<li>Gemini（画像からの品目抽出）</li>
<li>Neon PostgreSQL / Prisma</li>
<li>LIFF + React (Vite) / TanStack Query</li>
</ul>
<p>2026年6月に作り始めたところです。</p>

レシートや商品写真をLINEに送るだけで、家に今何があるかを一覧で見られるようにする持ち物管理アプリです。

Stock Bot

<h2 id="売り場の場所をqrで引けるようにするサービス">売り場の場所をQRで引けるようにするサービス</h2>
<p>店内で「あの商品どこ？」となったとき、掲示されたQRコードを読むだけで売り場マップと商品カテゴリの位置を確認できるWebサービスです。店舗側は管理画面でマップとカテゴリを登録し、掲示用のQRコードを生成できます。</p>
<h3 id="技術">技術</h3>
<ul>
<li>Next.js (App Router) / React / Tailwind CSS</li>
<li>Hono / PostgreSQL / Prisma / Better Auth</li>
<li>pnpm workspace の monorepo 構成</li>
</ul>
<p>2026年5月に作ったMVPです。</p>

店舗内の売り場や商品カテゴリの位置を、QRコードから素早く確認できるWebサービスのMVPです。

QR店舗マップ

<h2 id="訪れた土地の形に写真を切り抜いて貯める地図アプリ">訪れた土地の形に写真を切り抜いて貯める地図アプリ</h2>
<p>世界地図と日本の都道府県の白地図に、訪れた土地の写真をその県・国の形にトリミングして貯めていくネイティブアプリです。1つのマップをピンチ操作で拡大していくと、世界全体から日本の都道府県へシームレスに行き来できます。</p>
<p>埋まっていく白地図をそのままInstagram Storiesに共有できるようにしていて、旅行の記録が増えるほど地図が写真で埋まっていきます。</p>
<p>データはSQLiteと端末のファイルシステムでローカル完結ですが、将来クラウド同期に移行できるスキーマにしてあります。</p>
<h3 id="技術">技術</h3>
<ul>
<li>Expo / React Native（iOS / Android）</li>
<li>SQLite / Drizzle</li>
</ul>
<p>2026年5月から開発中です。</p>

訪れた県や国の形に写真をトリミングして、白地図に貯めていくネイティブアプリです。Instagram Storiesに共有できます。

Photo Map

<h2 id="写真から車の3dモデルを作るビューア">写真から車の3Dモデルを作るビューア</h2>
<p>車を何枚か撮った写真をアップロードすると、3D Gaussian Splattingでフォトリアルな3Dモデルを自動生成し、ブラウザ上でインタラクティブに閲覧できるWebアプリです。</p>
<p>3D化の処理はReplicate API上でCOLMAPと3D Gaussian Splattingを回していて、生成したモデルはCloudflare R2に置いています。ビューアはReact Three Fiberです。</p>
<h3 id="技術">技術</h3>
<ul>
<li>Next.js (App Router) / React Three Fiber / Tailwind CSS</li>
<li>Replicate API（COLMAP + 3D Gaussian Splatting）</li>
<li>Cloudflare R2 / PostgreSQL / Prisma</li>
</ul>
<p>2026年3月に作ったプロトタイプです。</p>

車の写真から3Dモデルを自動生成して、ブラウザ上でぐるぐる回して見られるWebアプリのプロトタイプです。

Car 3D Viewer

<h2 id="学術実験と心理調査のためのリサーチプラットフォーム">学術実験と心理調査のためのリサーチプラットフォーム</h2>
<p>心理実験や行動科学の研究では、Google Formsのような汎用ツールで扱えない要件が多い。提示順のカウンターバランス、逆転項目の計算、注意確認問題による除外。研究者はフォームを複製して手作業で配布し、集まったデータをExcelで加工しています。Psynautはこの一連の流れをひとつのプロダクトに収めるサービスです。</p>
<p>被験者の募集と日程調整、フォーム作成、実験条件の配布制御、回答収集、分析用のデータ整形までを通しでカバーします。</p>
<h3 id="主な機能">主な機能</h3>
<ul>
<li>研究フォームビルダー: リッカート尺度やスライダー（VAS）、メディア提示を含む15種の質問形式</li>
<li>実験配布制御: ラテン方格法、被験者間ランダマイズ、質問順と選択肢順のランダム化、パターン固定URL</li>
<li>データ品質管理: 注意確認問題、条件による除外判定、逆転項目の指定</li>
<li>スケジュール管理: 候補枠ごとの定員管理、公開URLとQRでの募集、フォーム連携</li>
<li>分析用出力: Wide/Long形式のCSV、尺度合計と逆転スコアの自動計算、Google Sheets同期</li>
<li>研究室単位のワークスペースとメンバー招待</li>
</ul>
<p>AIによるフォーム作成アシスタントや、外部からAPIを叩けるMCP連携も入れています。</p>
<h3 id="技術">技術</h3>
<ul>
<li>Next.js (App Router) / React / TypeScript / Tailwind CSS</li>
<li>Hono / Prisma / PostgreSQL (Neon)</li>
<li>Better Auth / Google OAuth</li>
<li>Expo (モバイルアプリ)</li>
<li>Cloudflare R2 / Google Cloud Run / Stripe / Sentry</li>
</ul>
<p>2025年8月に開発を始めて、いまは研究者にトライアルで使ってもらいながらPMFを検証しているところです。課金はStripeのサブスクリプションで、科研費向けの請求書払いにも対応しました。</p>

心理実験・学術調査のフォーム作成から被験者の募集・日程調整、回答収集、分析用のデータ整形までを通しでカバーするリサーチプラットフォームです。

Psynaut

<h2 id="lineボットmapmemoで旅の思い出をbotが自動で収集して記録します">LINEボット「mapMemo」で旅の思い出をBotが自動で収集して記録します。</h2>
<p>友達同士のグループで行きたい場所などをLINEグループにGoogle MapのURLを送って、後から見返そうとしてもどこにあったけ？ってなりませんか？</p>
<p>気になる場所のURLをLINEに送るだけで簡単に保存。旅行の計画から思い出の振り返りまで、地図に関する情報を一元管理できます。</p>
<h3 id="mapmemoのココが便利">「mapMemo」のココが便利！</h3>
<ul>
<li>LINEで簡単保存: Google MapsのURLをグループに送るだけ！</li>
<li>グループ共有: 旅の計画もスムーズに。</li>
<li>見やすいリスト: いつでも思い出を振り返れる自分だけの地図リスト。</li>
<li>強力な検索: 行きたい場所がすぐ見つかる！</li>
<li>自分だけの整理: カテゴリやタグでさらに使いやすく。</li>
<li>地図で直感的に: 保存場所をマップ表示。</li>
<li>ライバルとはココが違う！</li>
<li>LINEアプリで手軽に使えるのが最大の強み。グループでの情報共有も簡単です。</li>
</ul>

LINEグループにGoogle MapのURLを送るだけで、行きたい場所を自動で保存して見返せるLINEボットです。

MapMemo

<p>自分が好きな言葉や美しいなって思った言葉をまとめたサイトです。
アニメーションやフォントやデザインにこだわりを持って、作成しました。</p>

自分が好きな言葉や美しいなって思った言葉をまとめたサイトです。

美しい言葉をまとめたサイト

<p>旅行した時に旅行で訪れた場所をストックして、知人と共有することができて、検索機能で、すぐに地点を思い出すことができるアプリです</p>

旅行した時に旅行で訪れた場所をストックして、知人と共有することができて、検索機能で、すぐに地点を思い出すことができるアプリです