raspi0124 / twinte-front

Twin:te フロントエンド

必要な依存

• Node.js v16 以上推奨
• yarn (Node.js が入っている場合はcorepack enable)

開発方法

yarn install
yarn dev # https://localhost:3000

• 注意: 拡張機能などでブラウザの CORS を無効にしてください

推奨開発環境

本開発には VSCode および VSCode の拡張機能 Vue Language Features (Volar) を推奨します。
また Vue Language Features (Volar) は Take Over Mode を有効にすることを推奨します。

推奨理由は Vue Language Features (Volar) により Single File Components 内の型検査結果が視覚的に示されるためです。

なお IDE の型検査はあくまで開発補助機能であり yarn typecheck により同様の型検査が行えます。

イベント測定用のマーカについて

本アプリでは Google Tag Manager によるユーザイベントの測定を行っています。
それに伴いデータ属性data-gtm-markerやクラスgtm-marker-*のイベント発生箇所を特定するためのマーカを各要所に設置してあります。これらを修正する際は Google Tag Manager の設定も合わせて変更して下さい。