VueとVuetifyで学ぶLP制作: Viteで叶える高速＆快適フロントエンド開発

岩淵 勇樹

08.2025 г. · インプレス NextPublishing

Всичко за тази електронна книга

本書は、Vue.jsとVuetifyを活用したランディングページ（LP）制作の実践ノウハウを丁寧に解説した開発ガイドです。構成にはViteを採用し、HTMLの基礎を前提としながらも、CSSやJavaScriptの記述を極力排除したVue独自の記法を中心に展開。導入から実装、公開までの一連の流れを、全脳アーキテクチャ若手の会10周年記念LPの事例を通じて解説します。特に、Vuetifyによるレスポンシブ対応やタイムラインの演出、v-for・v-if・v-htmlの具体的な活用、Netlifyへのデプロイ手順に至るまで、実制作を踏まえたリアルな技術的試行錯誤が詰まっています。コンポーネント分割やデータの構造化など、LP構築に役立つ設計思想を学べる一冊です。

【目次】
第1章　はじめに
第2章　導入編
第3章　基本コーディング編
第4章　Vuetify UI活用編
第5章　本番化編

За автора

岩淵 勇樹
博士（工学）。面白法人カヤックにてエンジニアとしてWebサイト開発に8年間従事。現在は退職して言語の創造を企む。全脳アーキテクチャ若手の会に所属。主なサイト制作として『戦後70年 ニッポンの家族』『"グリーンメーカー"オカダ・カズチカ　カネのふる森をつくろう』『寿司職人AI 「ガリオ〈Gario〉」』など。数学の研究が好き。
Webサイト: https://www.butchi.jp/