Case study / SaaS · OFFREL の前身プロジェクトとして
マニュアル SaaS
Web-based Manual Platform.
92 スライドの PowerPoint で破綻していた業務マニュアルを、 ノーコードで運用できる Web システムへ。 受託で実装したものを、業界全体に届く SaaS として一般化中。
- 業種
- 業務システム
- カテゴリ
- 受託 → SaaS
- クライアント
- 大手商業施設グループ
- 期間
- 2026 –
The Problem
現場で参照される版が、
本部の最新版と食い違っていた。
業務マニュアルは、92 スライドの PowerPoint だった。 新人が入るたびに印刷され、店舗に配布される。
変更が入ると、誰かが PowerPoint を編集し、再配布される。 ロール（店長・スタッフ・本部）ごとの差分は、別ファイルで管理されていた。
結果、現場で参照されているマニュアルが、 本部の「最新版」と食い違うことが日常化していた。
Before / After
壊れていたものを、
技術で治した。
Before
PowerPoint
- PowerPoint 92 スライド
- 印刷して再配布
- ロールごとに別ファイル
- 編集者は IT 担当のみ
- 検索不可
- バージョン管理なし
- 印刷コストが継続発生
After
Web Manual Platform
- Web 上のマニュアル基盤
- ブラウザでリアルタイム閲覧
- ログインユーザーのロール別表示
- ノーコードで業務担当者が編集
- AI 自然文検索（Claude Haiku）
- 編集履歴 + プレビュー
- オンライン即時更新
Features Shipped
実装した機能。
Manual Viewer
ロール別表示分岐・章/節の階層ナビ。店舗・本部で同じ URL から異なる内容を出し分け。
- Next.js 16
- Server Components
No-code Editor
業務担当者がブラウザで直接編集できる WYSIWYG。IT 担当を待たずにマニュアルが更新される。
- React
- Drizzle ORM
AI Semantic Search
「コーヒーマシンの不具合対応」のような自然文クエリで、関連する章・節をスコア付きで返す。
- Anthropic API
- Claude Haiku
Image Upload
ドラッグ&ドロップ、自動圧縮、ロール別アクセス制御。S3 + Signed URL で堅牢に。
- AWS S3
- sharp
- Signed URL
Role-based Access
店長 / スタッフ / 本部の階層でコンテンツ出し分け。Middleware で経路保護。
- JWT
- Middleware
PDF Export
章単位での PDF 生成、印刷用レイアウト最適化。「印刷したい」最後の出口を確保。
- PDF Generation
SSO Integration
既存の業務システムと JWT 認証連携。社員はログイン済みのまま遷移。
- JWT
- OAuth 2.0
Version History
編集履歴を Git ライクに管理、ロールバック可能。「誰が・いつ・何を」が監査可能。
- PostgreSQL
- JSONB diff
Impact
数字で見るインパクト。
- 0 → 0
- PowerPoint スライド数
- 3 → ∞
- 編集できる人の数
- 0%
- 印刷コスト削減（目標）
- 0min
- 新人がマニュアルに辿り着くまで
数値の一部は目標値を含む。AI 検索 / 編集体験は実機で稼働中。
Stack
採用技術。
Frontend
- Next.js 16
- TypeScript 5
- Tailwind CSS v4
- Framer Motion
Backend
- PostgreSQL
- Drizzle ORM
- JWT Auth
- Server Actions
AI
- Anthropic Claude Haiku
- Embedding
- Semantic Search
Infrastructure
- AWS
- Vercel
- CloudFront
- S3