ガイドブック - Vue.js基礎 - コードクエスト

はじめに

2 記事

Vue.js とは？

Vue.js（ビュー・ジェイエス）は UI 構築に特化した JavaScript フレームワークです。

💚 Vue.js の3つの特徴

⚡
リアクティブ
データが変わると画面が自動更新

🧩
コンポーネント
UIを再利用可能な部品に分割

📈
段階的導入
既存プロジェクトにも組み込みやすい

🆚 React・Angular との違い

React：Facebook 製。JSX で UI を記述。大規模向け。
Angular：Google 製。TypeScript 必須。エンタープライズ向け。
Vue.js：学習コストが低く、小〜中規模に最適。

CDN で Vue.js を始めよう

Vue.js は npm をインストールしなくても、CDN 1行で使い始めることができます。

📥 CDN で読み込む

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

✅ 最小限の Vue.js アプリ

<div id="app">{{ message }}</div>

<script>
const { createApp, ref } = Vue
createApp({
  setup() {
    const message = ref("こんにちは、Vue！")
    return { message }
  }
}).mount("#app")
</script>

Vue.js基礎 ガイドブック

はじめに

Vue.js基礎ガイドブック