translate

content/2.concepts/1.index.md

@@ -2,28 +2,28 @@
 ogImage: true
 ---
 
-# Nuxt Concepts
+# Nuxtの概念
 
-In this chapter, we will cover the core concepts of Nuxt.
+この章では、Nuxtのコアコンセプトについて説明します。
 
-Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js. If you are not familiar with Vue.js, we recommend you to start with the [Vue Basics](/vue/intro) section and read the [official Vue documentation](https://vuejs.org/) first.
+Nuxt は、直感的で拡張可能な方法で、タイプセーフで高性能で本番向けのフルスタック Web アプリケーションやウェブサイトを Vue.js で作成するための無料かつオープンソースのフレームワークです。Vue.js に慣れていない場合は、まず [Vue Basics](/vue/intro) セクションから始め、最初に [公式 Vue ドキュメント](https://vuejs.org/) を読むことをお勧めします。
 
-## Automation and Conventions
+## 自動化と慣習
 
-Nuxt uses conventions and an opinionated directory structure to automate repetitive tasks and allow developers to focus on pushing features. The configuration file can still be customized and override its default behaviors.
+Nuxt は慣習と意見のあるディレクトリ構造を使用して、繰り返しのタスクを自動化し、開発者が機能の追加に集中できるようにします。設定ファイルはカスタマイズ可能で、デフォルトの動作を上書きすることができます。
 
-- [**File-based routing**](/concepts/routing): define routes based on the structure of your [`pages/` directory](/docs/guide/directory-structure/pages). This can make it easier to organize your application and avoid the need for manual route configuration.
-- [**Auto-imports**](/concepts/auto-imports): write Vue composables and components in their respective directories and use them without having to import them with the benefits of tree-shaking and optimized JS bundles.
-- **Code splitting:** Nuxt automatically splits your code into smaller chunks, which can help reduce the initial load time of your application.
-- **Server-side rendering out of the box:** Nuxt comes with built-in SSR capabilities, so you don't have to set up a separate server yourself.
-- **Data-fetching utilities:** Nuxt provides composables to handle SSR-compatible data fetching as well as different strategies.
-- **Zero-config TypeScript support:** write type-safe code without having to learn TypeScript with our auto-generated types and `tsconfig.json`
-- **Configured build tools:** we use [Vite](https://vitejs.dev) by default to support hot module replacement (HMR) in development and bundling your code for production with best-practices baked-in.
+- [**ファイルベースのルーティング**](/concepts/routing): [`pages/` ディレクトリ](/docs/guide/directory-structure/pages)の構造に基づいてルートを定義します。これにより、アプリケーションを整理し、手動でルートを構成する必要がなくなります。
+- [**自動インポート**](/concepts/auto-imports): 対応するディレクトリに Vue コンポーザブルやコンポーネントを記述し、ツリーシェイキングと最適化された JS バンドルの利点を活用してインポートすることができます。
+- **コード分割:** Nuxt は自動的にコードを小さなチャンクに分割し、アプリケーションの初期読み込み時間を短縮するのに役立ちます。
+- **サーバーサイドレンダリング:** Nuxt には組み込みの SSR 機能が付属しているため、別個のサーバーを設定する必要はありません。
+- **データ取得ユーティリティ:** Nuxt は、SSR 互換のデータ取得を処理するコンポーザブルや異なる戦略を提供します。
+- **ゼロコンフィグ TypeScript サポート:** 自動生成された型と `tsconfig.json` を使用して、TypeScript を学ぶ必要なく、タイプセーフなコードを記述できます。
+- **構成済みのビルドツール:** 開発時にホットモジュールリプレースメント（HMR）をサポートし、本番用にコードをバンドルするために [Vite](https://vitejs.dev) をデフォルトで使用しています。
 
-Nuxt takes care of these and provides both frontend and backend functionality so you can focus on what matters: **creating your web application**.
+Nuxt はこれらを処理し、フロントエンドとバックエンドの機能を提供するため、あなたが重要視すべきことに集中できます: **あなたの Web アプリケーションを作成すること**。
 
-## Getting Started
+## はじめに
 
-This playground has Nuxt installed and configured for you, so we can directly start with the creation of our application. If you want to install Nuxt locally on your own machine, please follow the [installation guide](https://nuxt.com/docs/getting-started/installation).
+このプレイグラウンドには、Nuxt がインストールされ、設定されているため、アプリケーションの作成を直接開始できます。自分のマシンに Nuxt をローカルにインストールしたい場合は、[インストールガイド](https://nuxt.com/docs/getting-started/installation)に従ってください。
 
-To get started, let's learn about how your [Nuxt application entry is defined](/concepts/app-vue).
+始めるには、[Nuxt アプリケーションのエントリがどのように定義されているか](/concepts/app-vue)について学びましょう。