プロジェクト

EnChan.org

React の実験も兼ねた個人サイト

このサイトは、Blackrock Digital の David Miller と Stephane Monnot の無料テンプレートからデザインの着想を得て始まりました。その後、ハードコードされていたライブラリ読み込みを npm 依存関係に置き換え、パッケージを更新し、発生した不整合を修正しました。開発とデプロイを楽にするため、BrowserSync を含む Gulp ワークフローも追加しました。多言語対応では jquery-i18n を試した後、React へ移行し、プロジェクトや背景データを JSON に切り出して、重複していた HTML を減らしました。サイトは CloudFront の背後にある静的な S3 サイトとしてホスティングし、問い合わせフォームは AWS Lambda で処理していました。リリースは push をきっかけに自動でビルドし、S3 へコピーして CloudFront のキャッシュを無効化する流れにしました。SEO についても Hermes と Google Analytics を使って改善しました。