TOPページとFeaturesページに、各ツアーへの導線となる特集エリア(下図の赤枠)が存在します。
ツアーをリリースしたり、ツアーを取り止めたりするたびに、この特集エリアを更新しています。特集エリアを更新するには、1言語あたり2ページ(TOPページ、Featuresページ)、英語・簡体字中国語・繁体字中国語・韓国語・ベトナム語・タイ語の全6言語で12ページを更新する必要があります。
現状では、特集エリアを更新する際、12個のHTMLファイルを編集しています。
この方法では、抜け漏れが発生したり、言語ごとに整合性がとれなくなったりする恐れがあります。また、12個のHTMLファイルを編集するため、更新には時間がかかります。
特集エリアに掲載する情報を1つのJSONファイルにまとめ、各HTMLからVue.jsとaxiosを用いてJSONファイルを読み込んで表示するようにします。こうすることで編集するファイルを1つのみとなり、作業時間を短縮することができます。
デモとして作成したページを以下に掲載しております。どのページもレスポンシブデザインに対応しています。
英語 | TOPページ | Featuresページ |
---|---|---|
簡体字 | TOPページ | Featuresページ |
繁体字 | TOPページ | Featuresページ |
韓国語 | TOPページ | Featuresページ |
ベトナム語 | TOPページ | Featuresページ |
タイ語 | TOPページ | Featuresページ |