TOPページおよびFeaturesページの改善提案

現状

TOPページとFeaturesページに、各ツアーへの導線となる特集エリア(下図の赤枠)が存在します。

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ページ