課題
日本・秋月を訪れる観光客に向けて、観光スポット、イベント、飲食店の情報を効果的に発信するための、高性能かつアクセシブルな Web プラットフォームが必要とされていました。あわせて、SEO への配慮や、非エンジニアの担当者でも容易にコンテンツを更新・管理できる仕組み、将来的なモバイルアプリ連携への対応も求められていました。
解決策
秋月の観光客向けに、パブリックページ、CMS、REST API を含む Web アプリケーションを設計・実装しました。バックエンドには Swift と Vapor 4、データベースには PostgreSQL を採用し、Docker を用いて AWS 上にデプロイしました。パフォーマンス、SEO、アクセシビリティを重視したユーザー向けページを構築し、非技術者でもコンテンツを自立して管理できる使いやすい CMS を実装しました。さらに、将来的なモバイルアプリ連携を見据えた汎用的な REST API を開発しました。
デザイン
- コンテンツやビジュアルを引き立てるクリーンでモダンなデザインを採用し、秋月の文化的背景をさりげなく反映しながら、美しさ・使いやすさ・アクセシビリティのバランスを実現しました。
- レスポンシブデザインを実装し、デスクトップ、タブレット、スマートフォンなど、あらゆるデバイスで最適な閲覧体験を提供しました。
- WCAGガイドラインに準拠したアクセシビリティを重視し、障がいのある方を含むすべての人にとって使いやすいプラットフォームを実現しました。
技術詳細
マルチページ アプリケーション
パブリック ページ、CMS 管理ダッシュボード、汎用 REST API。
- 言語：Swift、JavaScript
- フレームワーク：Vapor 4（Swift）、Vue 3（マップコンポーネント）
- API：REST
- テスト：XCTest を用いた API エンドポイントテスト
- データベース：PostgreSQL
- デプロイ：AWS EC2、AWS RDS、Docker
インフラ
- CI/CD：Bitbucket Pipelines
- 監視：AWS CloudWatch
- ログ管理：AWS CloudWatch Logs
この技術に興味がありますか？
似たようなものを一緒に作りましょう。