Nuxt チュートリアルへようこそ！

これは、ガイドとチャレンジで構成されたインタラクティブなチュートリアルで、Nuxt とその概念をステップバイステップで学ぶのに役立ちます。

このチュートリアルの目的は、ブラウザだけで Nuxt と Vue を使って開発する感覚をすばやく体験してもらうことです。包括的に理解することは目指しておらず、次に進む前にすべてを理解する必要はありません。全てのプレイグラウンドは、フル機能のエディタと開発環境で編集可能なので、コードを操作してすぐに結果を見ることができ、実際に作りながら学ぶことができます。

Nuxt とは?

Nuxt は、Vue.js を使用して、型安全でパフォーマンスが高く本番環境に適したフルスタックの Web アプリケーションやウェブサイトを作成するための直感的で拡張可能な方法を提供する、無料で オープンソースのフレームワーク です。Nuxt はベンダーロックインがなく、アプリケーションを どこでも、エッジ上でも デプロイすることができます。

はじめに

このチュートリアルでは、HTML、CSS、JavaScript の基本的な概念に既に精通していることを前提としています。Nuxt は Vue の上に構築されたフルスタックフレームワークのため、Vue の基本的なチュートリアルも提供しています。

以下のトピックをクリックして学習を始めてください：

ケーススタディ

Vue と Nuxt の概念に既に精通している人向けに、実際のアプリケーションで Nuxt をどのように使用するかを理解するためのケーススタディを提供しています：

このプレイグラウンドについて

このプレイグラウンド自体も Nuxt で構築されており、以下のツールを使用しています：

• WebContainers：ブラウザ内で完全に機能する Node.js 環境を作成し、Nuxt の開発サーバーを実行します。
• Nuxt Content：プレイグラウンドのコンテンツ管理機能です。
• Monaco Editor：シンタックスハイライトとコード補完を提供するエディタです。
• Volar：Monaco Editor の Vue と TypeScript の言語サポートを提供します。

このプレイグラウンドの構築方法については、GitHub のソースコードを参照してください。