Home

フロントエンド開発について

利用技術

Vue.js

Vue.jsはプログレッシブ(ここでは規模に合わせて拡張できるというような意味)をポリシーとするUIを構築するためのJavaScriptライブラリです。
UIをコンポーネント(UIを作る際の個々の部品要素。(参考: はじめに — Vue.js))をベースとして構築できます。

リンク

• Vue.js

Nuxt.js

Nuxt.jsはVue.jsでフロントエンドの開発をする際の設計を提供するフレームワークです。言い換えれば、Vue.jsによるフロントエンド開発にレールを敷いてくれるものです。
Vue.js本体以外にも、ルーティングのためのライブラリであるVue Routerや状態管理のためのライブラリであるVuexなどが標準で使えるようになっています。

リンク

• Nuxt.js - ユニバーサル Vue.js アプリケーション

index

• 1. ディレクトリ構成
  • このプロジェクトのディレクトリ構成を説明します。
• 2. コンポーネントの基本
  • Vue.js開発の基本となるコンポーネントについて説明します。
• 3. Atomic Design
  • このプロジェクトで採用しているコンポーネント設計の指針となるAtomic Designという考え方について説明します。
• 4. Vueコンポーネントの基本構造
  • Vueコンポーネントの基本となる構造を説明します。
• 5. 実際のコンポーネント実装の流れ
  • サンプルとなるページを例にとって実際の実装を確認します。