Download as PDF, PPTX
Recommended
More Related Content
What's hot
More from Kenjiro Kubota
アイスタイル特設サイトにおけるVue.js導入事例（再演）
- 1.
- 2.
- 3.Profile. ~ 2015/08istyle.inc久保田 賢二朗● PHP(Laravel/Phalcon)● JavaScript(Vue.js/Svelte)● Go● Scalakenjiro kubota @kubotak_publicテクノロジー本部 R&D 部技術開発部 チーフエンジニアLaravel JP Conference 2020 コアスタッフ / RoppongiDesignersメンバー
- 4.
- 5.@ｃｏｓｍｅ Beauty Day2018特設サイトでVue.jsを導入国内最大級1,900ブランド35,000アイテム20%ポイント還元1日限りのキャンペーン全国58局に対して11/27-12/4までCM放送
- 6.Why Vue.js● 弊社での導入実績があった●VueCLIでの開発環境構築のDXが良かった● 社内的に横断して使えるVue.jsのコンポーネントライブラリがあること
- 7.要件● CMによるスパイクアクセスが見込まれる● ティザーサイトは11/1から公開19日からは事前予約が可能(当日商品販売が一部公開され、予約購入すると当日以降に配送)●19日以降はキャンペーンページに表示されるアイテムが毎日変化● 12/3-4（当日）は数時間置きにアイテムが変わる● レスポンシブなサイトではないのでPC/SPテンプレートが別れる
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.Desktop SmartPhone表示（HTML構造）は異なるが出している内容はほぼ同じ ->ロジックをmixinにして共通化
- 25.
- 26.
- 27.APIのレスポンス内容に応じて表示文言が変わる1. まもなく販売開始！2. 予約する3.ご好評につきご予約分は終了しました4. まもなく販売開始！5. 購入する6. 在庫残りわずか！！ 購入する7. ご好評につき完売しました@vue/test-utilsを利用してコンポーネントの出し分けテストが出来た
- 28.
- 29.
- 30.
- 31.
- 33.
- 34.
- 35.
- 36.