Nuxt.js + Vue.js入門：CodeSandboxで学ぶ環境構築不要のフロントエンド開発演習

本コースでは、オンラインエディタのCodeSandboxを活用します。ブラウザさえあれば、今すぐこの場でNuxt.jsの開発をスタートできます。Node.jsのインストールや複雑な設定は一切不要です。
Nuxt.jsは、現在多くの現場で採用されているVue.jsベースの強力なフレームワークです。本講座では、Vue.jsの基礎から丁寧に解説するため、Vueの経験がない方でも安心してステップアップできます。

このコースで学べること

• 環境構築に頼らない、CodeSandboxを活用した効率的な開発手法
• Nuxt.jsの土台となるVue.js 3（Composition API）の基礎知識
• ファイルベースルーティングやレイアウトシステムなど、Nuxt特有の便利な機能
• useFetchやuseAsyncDataを用いた、実践的な外部APIからのデータ取得
• useStateやPiniaを使った、アプリケーション全体での状態管理
• ユーザーに優しいバリデーション機能付きフォームの実装方法
• エラーハンドリングや404ページなど、公開レベルのアプリに必要な周辺知識

対象受講者

• HTML/CSS/JavaScriptの基本的な読み書きができる方
• Vue.jsを触ったことがないが、Nuxt.jsに興味がある初心者の方
• ローカルの環境構築で過去に挫折した経験がある方
• 隙間時間などを活用して、場所を選ばずブラウザだけで学習を進めたい方

コースの構成

1. イントロダクション
2. Vue.js基礎速習
3. Nuxt.jsのディレクトリ構造とルーティング
4. 動的ルーティングとナビゲーション
5. 高度なデータフェッチング
6. 状態管理
7. フォームとバリデーション