Logo Logo

/GET/ENTRIES/WORKS/wv-pwuh5x

3D プリンター活用推進会 公式サイト preview

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.xmlrobots.txt・OG 画像生成(/og ルート)・プライバシーポリシー・利用規約ページも整備しており、公開サービスとしての品質を意識した設計にしています。