事業サイト v3.5
概要
事業サイトの v3.5。v3 で採用していた Vuetify を Tailwind CSS に置き換え、モバイルファースト設計とダークモード対応を加えた。
課題・背景
v3 の Vuetify ベース UI から、ユーティリティファーストで柔軟な Tailwind CSS 構成に移行したかった。同時にモバイルファーストへの転換とダークモード対応も同タイミングで取り入れる方針だった。
アプローチ
Nuxt 3 のコード資産は維持しつつ、UI 層だけを Vuetify から Tailwind CSS に置き換え。ブレイクポイント設計をモバイルファーストにやり直し、ダークモード切替も同時実装した。
成果
モバイル閲覧時の表示最適化とダークモード対応を実現し、v3 から滑らかに更新された事業サイトとして稼働。
担当範囲
コーディング／テスト
技術スタック
Nuxt 3／Tailwind CSS／WordPress (WP REST API)／Cloudflare Pages／Vue.js