制作背景
結婚式の写真を多くの方から送って欲しいとお願いされたのですが、一人一人に全ての写真を送るのは難しいと考え1000枚以上ある写真をどのようにして皆さんに届けようと考えて要件定義しました。SEO対策が必要なくページの表示速度をあげたいという思いからVue.jsで構築する事に決めました。
制作過程
デザインはそこまで拘らずにシンプルで操作しやすいUIを意識しました。
Vue.jsの環境構築と制作合わせて1ヶ月ほどかかりました。
特に写真のライトボックスを無限ループ化させるロジックは少し複雑でコーデディングに時間がかかりました。写真は全て軽量化するためにGulpを使って全て一括で軽量化しました。そのおかげで大きく時間を短縮できたと思います。
制作の結果
制作の結果多くの人から反響があり、写真をダウンロードしなくてもこのサイトがあるだけで結婚式の思い出を振り替えらえると大反響でした。