全トラック

「defineCustomElement」を活用したサービス共通のUIコンポーネントライブラリ

EC プラットフォームの「カラーミーショップ」では、様々なプロジェクトで Vue.js を活用しています。 Nuxt を採用するアプリケーションやシンプルな SPA を開発・運用していますが、中にはフロントエンド開発環境が十分に整っていないプロジェクトも存在しています。 Vue.js の 「defineCustomElement」を活用することで、これらすべての環境に導入可能でサービス共通で利用できる UI ライブラリの構築を目指し、開発に活用している事例をご紹介します。

発表資料
尾形 将平 / Shohei Ogataの写真

GMOペパボ株式会社 EC事業部 エンジニア

尾形 将平

ECプラットフォーム「カラーミーショップ」で、ショップオーナーが利用する管理画面の開発に携わっています。 業務ではJavaScript(TypeScript)やPHP、Rubyを書いています。Vue.js歴は概ね4年くらいです。