/GET/ENTRIES/WORKS/wv-pwuh5x

term: 2025.06
role: システム全体の設計・実装
member: 1名
link: https://mdn-3dprinter.f5.si/
gh-repo: https://github.com/3-dpt-mdn
tags
systemdesignplan
skills
FigmaTypeScriptSvelte
3D プリンター活用推進会 公式サイト
「3D プリンター活用推進会」の運営を支援するため、プリンターの予約・管理・情報発信を一元化した Web システムを開発しました。
開発の背景
メンバーやプリンター利用者が増えるにつれ、プリンターの利用調整や故障報告・引き継ぎ情報の管理が口頭や紙では追いつかなくなりました。 メンバー全員がブラウザだけで利用でき、管理者への通知も自動化できるシステムを一人で設計・実装しました。
実装内容
SvelteKit + Firebase + Cloudflare Workers で構築し、Cloudflare Pages へデプロイしています。 認証は Firebase Auth(Google ログイン・メールログイン)で実装し、Firestore のセキュリティルールでロールごとのアクセス制御を行っています。
ページ構成は利用者向けと管理者向けに分かれており、以下の機能を備えています。
- 予約フォーム・確認・キャンセル —
/form/confirm/cancelルートで予約フローを実装 - 管理者ダッシュボード —
/adminで予約一覧・承認・利用実績の管理 - 故障報告 —
/reportで不具合をその場で記録 - 活動ブログ —
/blog/activitiesで活動情報を発信 - 自動メール通知 — Cloudflare Workers 経由で Gmail に通知を送信
また sitemap.xml・robots.txt・OG 画像生成(/og ルート)・プライバシーポリシー・利用規約ページも整備しており、公開サービスとしての品質を意識した設計にしています。