Internal Business System / Case Study
施工管理会社向け 社内業務システム
Next.js + Supabase — 守秘のため社名・実画面は非公開
施工管理会社の案件管理・日程・日報・見積・請求までを一つにまとめた社内業務Webアプリ。同業他社3社で実際に稼働中。守秘のため、実画面ではなく作り直した説明用の画面と設計の工夫でご紹介しています。
Frontend
Next.js (App Router)
TypeScript
Backend
Supabase
(PostgreSQL + RLS)
Integration
LINE
Slack
Claude API
Output
PDF
Excel
Web Application
ネイルサロン予約管理システム
principal-booking — Next.js + Supabase
ネイルサロン向けの予約管理Webアプリケーション。顧客・スタッフ・メニュー管理から予約の登録・変更・キャンセルまで一元管理できるシステム。管理者ダッシュボードとロール管理機能を実装。
Frontend
Next.js 14
TypeScript
Tailwind CSS
Backend / DB
Supabase
PostgreSQL
Prisma ORM
Hosting
Vercel
自動デプロイ対応
機能
予約管理
顧客管理
ロール管理
AI Web Application
AIまつげカルテ生成デモ
ai-karute-demo — Claude API + Vercel Serverless
美容サロン向けのAI実装デモ。お客様の目の形・希望スタイル・カール等を入力すると、AIが施術提案・デザイン詳細・アドバイスをカルテ形式でリアルタイム生成。Vercelのサーバーレス関数でAPIキーを安全に管理する構成で、ChatGPT API等への差し替えにも対応可能。
Frontend
HTML / CSS
JavaScript
レスポンシブ対応
Backend / API
Vercel Serverless
Claude API
（Anthropic）
Hosting
Vercel
自動デプロイ対応
機能
AIカルテ生成
フォーム入力
リアルタイム出力
Full-stack Web Application
実績管理システム「Kairos Hub」
kairos-hub — Next.js + FastAPI + Docker
制作実績を一元管理・検索するために自社開発したフルスタックWebアプリケーション。案件情報をURL・GitHubリンク・使用技術タグ・説明文付きで登録し、公開一覧・キーワード検索・タグ絞り込みで横断的に参照できる。JWT認証による管理者ログイン、GitHubリポジトリのREADME自動取得、公開/非公開の制御などを実装。Docker化とGitHub ActionsによるCI/CD（Lint・テスト・ビルド）まで整備している。
Frontend
Next.js（App Router）
TypeScript
Tailwind CSS
Backend / DB
FastAPI（Python）
PostgreSQL
JWT認証
Infra / CI
Docker / Compose
GitHub Actions
AWS ECS対応設計
機能
実績検索・タグ管理
GitHub連携
管理者ダッシュボード