diff --git a/.vitepress/locales/ja.js b/.vitepress/locales/ja.js
index 64cb9af..0372d60 100644
--- a/.vitepress/locales/ja.js
+++ b/.vitepress/locales/ja.js
@@ -16,13 +16,13 @@ export default {
 
     sidebar: [
       {
-        text: 'Guide',
+        text: 'ガイド',
         items: [
-          { text: 'Overview', link: '/ja/' },
-          { text: 'New Recommendations', link: '/ja/recommendations' },
-          { text: 'Migration Build', link: '/ja/migration-build' },
+          { text: '概要', link: '/ja/' },
+          { text: '新しい推奨事項', link: '/ja/recommendations' },
+          { text: '移行ビルド', link: '/ja/migration-build' },
           {
-            text: 'Breaking Changes',
+            text: '破壊的変更',
             link: '/ja/breaking-changes/'
           }
         ]
diff --git a/src/ja/breaking-changes/custom-elements-interop.md b/src/ja/breaking-changes/custom-elements-interop.md
index bddb968..69e145d 100644
--- a/src/ja/breaking-changes/custom-elements-interop.md
+++ b/src/ja/breaking-changes/custom-elements-interop.md
@@ -61,7 +61,7 @@ Vue.config.ignoredElements = ['plastic-button']
 
   It's important to note the runtime config only affects runtime template compilation - it won't affect pre-compiled templates.
 
-## Customized Built-in Elements
+## Customized Built-in Elements {#customized-built-in-elements}
 
 The Custom Elements specification provides a way to use custom elements as [Customized Built-in Element](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-customized-builtin-example) by adding the `is` attribute to a built-in element:
 
diff --git a/src/ja/breaking-changes/data-option.md b/src/ja/breaking-changes/data-option.md
index 8b6b200..d21170b 100644
--- a/src/ja/breaking-changes/data-option.md
+++ b/src/ja/breaking-changes/data-option.md
@@ -62,7 +62,7 @@ Using the example above, there would only be one possible implementation of the
 </script>
 ```
 
-## Mixin Merge Behavior Change
+## Mixin Merge Behavior Change {#mixin-merge-behavior-change}
 
 In addition, when `data()` from a component and its mixins or extends base are merged, the merge is now performed *shallowly*:
 
diff --git a/src/ja/breaking-changes/functional-components.md b/src/ja/breaking-changes/functional-components.md
index 6c8b8fa..953431d 100644
--- a/src/ja/breaking-changes/functional-components.md
+++ b/src/ja/breaking-changes/functional-components.md
@@ -85,7 +85,7 @@ DynamicHeading.props = ['level']
 export default DynamicHeading
 ```
 
-### Single File Components (SFCs)
+### Single File Components (SFCs) {#single-file-components-sfcs}
 
 In 3.x, the performance difference between stateful and functional components has been drastically reduced and will be insignificant in most use cases. As a result, the migration path for developers using `functional` on SFCs is to remove the attribute and rename all references of `props` to `$props` and `attrs` to `$attrs`.
 
diff --git a/src/ja/breaking-changes/global-api.md b/src/ja/breaking-changes/global-api.md
index 9b2b334..043f3ee 100644
--- a/src/ja/breaking-changes/global-api.md
+++ b/src/ja/breaking-changes/global-api.md
@@ -55,7 +55,7 @@ While this approach is convenient, it leads to a couple of problems. Technically
 
 To avoid these problems, in Vue 3 we introduce…
 
-## A New Global API: `createApp`
+## A New Global API: `createApp` {#a-new-global-api-createapp}
 
 Calling `createApp` returns an _app instance_, a new concept in Vue 3.
 
@@ -89,7 +89,7 @@ An app instance exposes a subset of the Vue 2 global APIs. The rule of thumb is
 
 All other global APIs that do not globally mutate behavior are now named exports, as documented in [Global API Treeshaking](./global-api-treeshaking.html).
 
-### `config.productionTip` Removed
+### `config.productionTip` Removed {#config-productiontip-removed}
 
 In Vue 3.x, the "use production build" tip will only show up when using the "dev + full build" (the build that includes the runtime compiler and has warnings).
 
@@ -97,7 +97,7 @@ For ES modules builds, since they are used with bundlers, and in most cases a CL
 
 [Migration build flag: `CONFIG_PRODUCTION_TIP`](../migration-build.html#compat-configuration)
 
-### `config.ignoredElements` Is Now `config.compilerOptions.isCustomElement`
+### `config.ignoredElements` Is Now `config.compilerOptions.isCustomElement` {#config-ignoredelements-is-now-config-compileroptions-iscustomelement}
 
 This config option was introduced with the intention to support native custom elements, so the renaming better conveys what it does. The new option also expects a function which provides more flexibility than the old string / RegExp approach:
 
@@ -120,7 +120,7 @@ In Vue 3, the check of whether an element is a component or not has been moved t
 
 [Migration build flag: `CONFIG_IGNORED_ELEMENTS`](../migration-build.html#compat-configuration)
 
-### `Vue.prototype` Replaced by `config.globalProperties`
+### `Vue.prototype` Replaced by `config.globalProperties` {#vue-prototype-replaced-by-config-globalproperties}
 
 In Vue 2, `Vue.prototype` was commonly used to add properties that would be accessible in all components.
 
@@ -141,7 +141,7 @@ Using `provide` (discussed [below](#provide-inject)) should also be considered a
 
 [Migration build flag: `GLOBAL_PROTOTYPE`](../migration-build.html#compat-configuration)
 
-### `Vue.extend` Removed
+### `Vue.extend` Removed {#vue-extend-removed}
 
 In Vue 2.x, `Vue.extend` was used to create a "subclass" of the base Vue constructor with the argument that should be an object containing component options. In Vue 3.x, we don't have the concept of component constructors anymore. Mounting a component should always use the `createApp` global API:
 
@@ -210,7 +210,7 @@ const app = createApp(MyApp)
 app.use(VueRouter)
 ```
 
-## Mounting App Instance
+## Mounting App Instance {#mounting-app-instance}
 
 After being initialized with `createApp(/* options */)`, the app instance `app` can be used to mount a root component instance with `app.mount(domTarget)`:
 
diff --git a/src/ja/breaking-changes/index.md b/src/ja/breaking-changes/index.md
index 059d323..e528093 100644
--- a/src/ja/breaking-changes/index.md
+++ b/src/ja/breaking-changes/index.md
@@ -1,66 +1,66 @@
-# Breaking Changes
+# 破壊的変更
 
-This page lists all Vue 3 breaking changes from Vue 2.
+このページでは、Vue 2 から Vue 3 の破壊的変更をすべてリストアップしています。
 
-While it looks like a lot has changed, a lot of what you know and love about Vue is still the same; but we wanted to be as thorough as possible and provide detailed explanations and examples for every documented change.
+たくさん変わったように見えますが、Vue について皆さんが知っていることや気に入っていることの多くは変わりません。しかしできる限り徹底して、ドキュメント化されたすべての変更について詳細な説明と例を提供したいと考えました。
 
-## Details
+## 詳細
 
-### Global API
+### グローバル API
 
-- [Global Vue API is changed to use an application instance](./global-api.html)
-- [Global and internal APIs have been restructured to be tree-shakable](./global-api-treeshaking.html)
+- [グローバル Vue API はアプリケーションインスタンスを使用するように変更されました](./global-api.html)
+- [グローバル API と内部 API が再構築され、ツリーシェイキングが可能になりました](./global-api-treeshaking.html)
 
-### Template Directives
+### テンプレートディレクティブ
 
-- [`v-model` usage on components has been reworked, replacing `v-bind.sync`](./v-model.html)
-- [`key` usage on `<template v-for>` and non-`v-for` nodes has changed](./key-attribute.html)
-- [`v-if` and `v-for` precedence when used on the same element has changed](./v-if-v-for.html)
-- [`v-bind="object"` is now order-sensitive](./v-bind.html)
-- [`v-on:event.native` modifier has been removed](./v-on-native-modifier-removed.md)
+- [コンポーネントでの `v-model` の使用方法が見直され、`v-bind.sync` を置き換えます](./v-model.html)
+- [`<template v-for>` や `v-for` でないノードでの `key` の使い方が変更されました](./key-attribute.html)
+- [`v-if` と `v-for` を同じ要素で使用した場合の優先順位が変更されました](./v-if-v-for.html)
+- [`v-bind="object"` は順序に依存するようになりました](./v-bind.html)
+- [`v-on:event.native` 修飾子は削除されました](./v-on-native-modifier-removed.md)
 
-### Components
+### コンポーネント
 
-- [Functional components can only be created using a plain function](./functional-components.html)
-- [`functional` attribute on single-file component (SFC) `<template>` and `functional` component option are deprecated](./functional-components.html)
-- [Async components now require `defineAsyncComponent` method to be created](./async-components.html)
-- [Component events should now be declared with the `emits` option](./emits-option.md)
+- [関数型コンポーネントは普通の関数のみで作成できます](./functional-components.html)
+- [単一ファイルコンポーネント（SFC）での `<template>` の `functional` 属性と、コンポーネントオプションの `functional` は非推奨です](./functional-components.html)
+- [非同期コンポーネントを作成するには `defineAsyncComponent` メソッドが必要になりました](./async-components.html)
+- [コンポーネントイベントは `emits` オプションで宣言する必要があります](./emits-option.md)
 
-### Render Function
+### レンダー関数
 
-- [Render function API changed](./render-function-api.html)
-- [`$scopedSlots` property is removed and all slots are exposed via `$slots` as functions](./slots-unification.html)
-- [`$listeners` has been removed / merged into `$attrs`](./listeners-removed)
-- [`$attrs` now includes `class` and `style` attributes](./attrs-includes-class-style.md)
+- [レンダー関数の API が変更されました](./render-function-api.html)
+- [`$scopedSlots` プロパティーは削除され、すべてのスロットが `$slots` で関数として公開されます](./slots-unification.html)
+- [`$listeners` は削除され、`$attrs` に統合されました](./listeners-removed)
+- [`$attrs` には `class` と `style` 属性が含まれるようになりました](./attrs-includes-class-style.md)
 
-### Custom Elements
+### カスタム要素
 
-- [Custom element checks are now performed during template compilation](./custom-elements-interop.html)
-- [Special `is` attribute usage is restricted to the reserved `<component>` tag only](./custom-elements-interop.html#customized-built-in-elements)
+- [テンプレートのコンパイル時に、カスタム要素のチェックが行われるようになりました](./custom-elements-interop.html)
+- [特別な `is` 属性の使用は、予約済みである `<component>` タグのみに制限されます](./custom-elements-interop.html#customized-built-in-elements)
 
-### Other Minor Changes
+### その他の小さな変更
 
-- The `destroyed` lifecycle option has been renamed to `unmounted`
-- The `beforeDestroy` lifecycle option has been renamed to `beforeUnmount`
-- [Props `default` factory function no longer has access to `this` context](./props-default-this.html)
-- [Custom directive API changed to align with component lifecycle and `binding.expression` removed](./custom-directives.html)
-- [The `data` option should always be declared as a function](./data-option.html)
-- [The `data` option from mixins is now merged shallowly](./data-option.html#mixin-merge-behavior-change)
-- [Attributes coercion strategy changed](./attribute-coercion.html)
-- [Some transition classes got a rename](./transition.html)
-- [`<TransitionGroup>` now renders no wrapper element by default](./transition-group.html)
-- [When watching an array, the callback will only trigger when the array is replaced. If you need to trigger on mutation, the `deep` option must be specified.](./watch.html)
-- `<template>` tags with no special directives (`v-if/else-if/else`, `v-for`, or `v-slot`) are now treated as plain elements and will result in a native `<template>` element instead of rendering its inner content.
-- [Mounted application does not replace the element it's mounted to](./mount-changes.html)
-- [Lifecycle `hook:` events prefix changed to `vnode-`](./vnode-lifecycle-events.html)
+- ライフサイクルの `destroyed` オプションは `unmounted` に名称変更されました
+- ライフサイクルの `beforeDestroy` オプションは `beforeUnmount` に名称変更されました
+- [props の `default` ファクトリー関数は `this` コンテキストにアクセスできなくなりました](./props-default-this.html)
+- [カスタムディレクティブ API は、コンポーネントのライフサイクルに合わせて変更され、`binding.expression` は削除されました](./custom-directives.html)
+- [`data` オプションは、常に関数として宣言する必要があります](./data-option.html)
+- [mixins の `data` オプションは浅くマージされるようになりました](./data-option.html#mixin-merge-behavior-change)
+- [属性の型強制戦略が変更されました](./attribute-coercion.html)
+- [一部のトランジションクラス名が変更されました](./transition.html)
+- [`<TransitionGroup>` はデフォルトでラッパー要素をレンダリングしないようになりました](./transition-group.html)
+- [配列を監視している場合、コールバックは配列が置換されたときにのみトリガーされます。変更時にトリガーする必要がある場合は、`deep` オプションを指定する必要があります。](./watch.html)
+- 特別なディレクティブ（`v-if/else-if/else`, `v-for`, `v-slot`）を持たない `<template>` タグはプレーンな要素として扱われ、その内部コンテンツをレンダリングする代わりに、ネイティブの `<template>` 要素が生成されるようになりました。
+- [マウントされたアプリケーションは、そこにマウントされている要素を置き換えません](./mount-changes.html)
+- [ライフサイクルの `hook:` イベントプレフィックスが `vnode-` に変更されました](./vnode-lifecycle-events.html)
 
-### Removed APIs
+### 削除された API
 
-- [`keyCode` support as `v-on` modifiers](./keycode-modifiers.html)
-- [$on, $off and \$once instance methods](./events-api.html)
-- [Filters](./filters.html)
-- [Inline templates attributes](./inline-template-attribute.html)
-- [`$children` instance property](./children.html)
-- [`propsData` option](./props-data.html)
-- `$destroy` instance method. Users should no longer manually manage the lifecycle of individual Vue components.
-- Global functions `set` and `delete`, and the instance methods `$set` and `$delete`. They are no longer required with proxy-based change detection.
+- [`v-on` 修飾子としての `keyCode` サポート](./keycode-modifiers.html)
+- [$on, $off, \$once インスタンスメソッド](./events-api.html)
+- [フィルター](./filters.html)
+- [インラインテンプレート属性](./inline-template-attribute.html)
+- [`$children` インスタンスプロパティー](./children.html)
+- [`propsData` オプション](./props-data.html)
+- `$destroy` インスタンスメソッド。ユーザーは、個々の Vue コンポーネントのライフサイクルを手動で管理する必要がなくなりました。
+- グローバル関数の `set` と `delete`、インスタンスメソッドの `$set` と `$delete` は削除されました。プロキシベースの変更検出では不要になりました。
diff --git a/src/ja/breaking-changes/key-attribute.md b/src/ja/breaking-changes/key-attribute.md
index dbca037..e4d195e 100644
--- a/src/ja/breaking-changes/key-attribute.md
+++ b/src/ja/breaking-changes/key-attribute.md
@@ -18,7 +18,7 @@ The `key` special attribute is used as a hint for Vue's virtual DOM algorithm to
 - [List Rendering: Maintaining State](https://ja.vuejs.org/guide/essentials/list.html#maintaining-state-with-key)
 - [API Reference: `key` Special Attribute](https://ja.vuejs.org/api/built-in-special-attributes.html#key)
 
-## On conditional branches
+## On conditional branches {#on-conditional-branches}
 
 In Vue 2.x, it was recommended to use `key`s on `v-if`/`v-else`/`v-else-if` branches.
 
@@ -52,7 +52,7 @@ The breaking change is that if you manually provide `key`s, each branch must use
 <div v-else key="b">No</div>
 ```
 
-## With `<template v-for>`
+## With `<template v-for>` {#with-template-v-for}
 
 In Vue 2.x, a `<template>` tag could not have a `key`. Instead, you could place the `key`s on each of its children.
 
diff --git a/src/ja/index.md b/src/ja/index.md
index 3312e07..20c507a 100644
--- a/src/ja/index.md
+++ b/src/ja/index.md
@@ -1,10 +1,10 @@
-# Vue 3 Migration Guide
+# Vue 3 移行ガイド
 
-:::warning Vue 2 support will end on December 31st, 2023.
-Learn more about [Extended LTS](https://v2.vuejs.org/lts/) if upgrading to Vue 3 isn't feasible before the EOL date.
+:::warning Vue 2 のサポートは 2023 年 12 月 31 日をもって終了します。
+EOL の日付までに Vue 3 へのアップグレードが不可能な場合は、[Extended LTS](https://v2.vuejs.org/lts/) の詳細をご覧ください。
 :::
 
-This guide is primarily for users with prior Vue 2 experience who want to learn about the changes between Vue 2 and Vue 3. **This is not something you have to read from top to bottom before trying out Vue 3.** The recommended way to learn Vue 3 is by reading the [new documentation](https://ja.vuejs.org).
+このガイドは主に、Vue 2 の経験があり、Vue 3 との変更点について学びたいユーザーのためのものです。**Vue 3 を試す前に最初から最後まで読まなければならないものではありません。** Vue 3 を学ぶには、[新しいドキュメント](https://ja.vuejs.org)を読むのがおすすめです。
 
 <!-- VueMastery Start -->
 <script setup>
@@ -13,34 +13,34 @@ import VueMasteryWidget from '../VueMastery.vue'
 <VueMasteryWidget/>
 <!-- VueMastery End -->
 
-## Notable New Features
+## 注目すべき新機能
 
-Some of the new features to keep an eye on in Vue 3 include:
+Vue 3 で注目すべき新機能には、以下のようなものがあります:
 
 - [Composition API](https://ja.vuejs.org/guide/extras/composition-api-faq.html)<span class="note">\*</span>
-- [SFC Composition API Syntax Sugar (`<script setup>`)](https://ja.vuejs.org/api/sfc-script-setup.html)<span class="note">\*</span>
+- [SFC Composition API のシンタックスシュガー（`<script setup>`）](https://ja.vuejs.org/api/sfc-script-setup.html)<span class="note">\*</span>
 - [Teleport](https://ja.vuejs.org/guide/built-ins/teleport.html)
-- [Fragments](./new/fragments.html)
-- [Emits Component Option](https://ja.vuejs.org/api/options-state.html#emits)<span class="note">\*\*</span>
-- [`createRenderer` API from `@vue/runtime-core`](https://ja.vuejs.org/api/custom-renderer.html) to create custom renderers
-- [SFC State-driven CSS Variables (`v-bind` in `<style>`)](https://ja.vuejs.org/api/sfc-css-features.html#v-bind-in-css)<span class="note">\*</span>
-- [SFC `<style scoped>` can now include global rules or rules that target only slotted content](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0023-scoped-styles-changes.md)
-- [Suspense](https://ja.vuejs.org/guide/built-ins/suspense.html) <sup class="warning">experimental</sup>
+- [フラグメント](./new/fragments.html)
+- [コンポーネントオプション emits](https://ja.vuejs.org/api/options-state.html#emits)<span class="note">\*\*</span>
+- カスタムレンダラーを作成するための [`createRenderer` API（`@vue/runtime-core` からエクスポート）](https://ja.vuejs.org/api/custom-renderer.html)
+- [SFC 状態駆動型 CSS 変数（`<style>` 内の `v-bind`）](https://ja.vuejs.org/api/sfc-css-features.html#v-bind-in-css)<span class="note">\*</span>
+- [SFC `<style scoped>` にグローバルルールやスロットコンテンツのみを対象としたルールを含めることができるようになりました](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0023-scoped-styles-changes.md)
+- [Suspense](https://ja.vuejs.org/guide/built-ins/suspense.html) <sup class="warning">実験的な機能</sup>
 
-<sub class="note"><b>\*</b> Now also supported in <a href="https://blog.vuejs.org/posts/vue-2-7-naruto.html" target="_blank">Vue 2.7</a></sub><br>
-<sub class="note"><b>\*\*</b> Supported in Vue 2.7, but only for type inference</sub>
+<sub class="note"><b>\*</b> <a href="https://blog.vuejs.org/posts/vue-2-7-naruto.html" target="_blank">Vue 2.7</a> でもサポートされるようになりました</sub><br>
+<sub class="note"><b>\*\*</b> Vue 2.7 でサポートされますが、型推論のみがサポートされます</sub>
 
-## Breaking Changes
+## 破壊的変更
 
-Breaking changes between Vue 2 and Vue 3 are listed [here](./breaking-changes/).
+Vue 2 から Vue 3 の破壊的変更は[こちら](./breaking-changes/)に列挙されています。
 
-## New Framework-level Recommendations
+## フレームワークレベルでの新しい推奨事項
 
-New framework-level recommendations are listed [here](./recommendations).
+フレームワークレベルでの新しい推奨事項は[こちら](./recommendations)に列挙されています。
 
-## Migration Build
+## 移行ビルド
 
-If you have an existing Vue 2 project or library that you intend to upgrade to Vue 3, we provide a build of Vue 3 that offers Vue 2 compatible APIs. Check out the [Migration Build](./migration-build.html) page for more details.
+既存の Vue 2 プロジェクトやライブラリーをお持ちで、Vue 3 にアップグレードする予定がある場合、Vue 2 互換の API を提供する Vue 3 のビルドを提供します。詳しくは[移行ビルド](./migration-build.html)のページをご確認ください。
 
 <style>
 .note {
diff --git a/src/ja/migration-build.md b/src/ja/migration-build.md
index e60c445..d294d2e 100644
--- a/src/ja/migration-build.md
+++ b/src/ja/migration-build.md
@@ -1,54 +1,54 @@
-# Migration Build
+# 移行ビルド
 
-## Overview
+## 概要
 
-`@vue/compat` (aka "the migration build") is a build of Vue 3 that provides configurable Vue 2 compatible behavior.
+`@vue/compat`（別名「移行ビルド」）は、設定可能な Vue 2 互換の動作を提供する、Vue 3 のビルドです。
 
-The migration build runs in Vue 2 mode by default - most public APIs behave exactly like Vue 2, with only a few exceptions. Usage of features that have changed or been deprecated in Vue 3 will emit runtime warnings. A feature's compatibility can also be enabled/disabled on a per-component basis.
+移行ビルドはデフォルトで Vue 2 モードで動作します。ほとんどの公開 API はいくつかの例外を除いて、Vue 2 とまったく同じように動作します。Vue 3 で変更または非推奨となった機能を使用すると、実行時警告が表示されます。機能の互換性はコンポーネント単位で有効化/無効化できます。
 
-### Intended Use Cases
+### 想定しているユースケース
 
-- Upgrading a Vue 2 application to Vue 3 (with [limitations](#known-limitations))
-- Migrating a library to support Vue 3
-- For experienced Vue 2 developers who have not tried Vue 3 yet, the migration build can be used in place of Vue 3 to help learn the difference between versions.
+- Vue 2 アプリケーションを Vue 3 にアップグレードする（[制限](#known-limitations)あり）
+- Vue 3 に対応するためのライブラリーの移行
+- Vue 3 をまだ試していない経験豊富な Vue 2 開発者にとって、Vue 3 の代わりに移行ビルドを使用することで、バージョン間の違いを学ぶことができます。
 
-### Known Limitations
+### 既知の制限
 
-While we've tried hard to make the migration build mimic Vue 2 behavior as much as possible, there are some limitations that may prevent your app from being eligible for upgrading:
+移行ビルドは Vue 2 の動作をできるだけ模倣するよう努力していますが、いくつかの制限があるため、アプリをアップグレードの対象にできない場合があります:
 
-- Dependencies that rely on Vue 2 internal APIs or undocumented behavior. The most common case is usage of private properties on `VNodes`. If your project relies on component libraries like [Vuetify](https://vuetifyjs.com/en/), [Quasar](https://quasar.dev/) or [ElementUI](https://element.eleme.io/#/en-US), it is best to wait for their Vue 3 compatible versions.
+- Vue 2 の内部 API やドキュメントにはない動作に依存する依存関係。最も一般的なケースは、`VNodes` のプライベートプロパティの使用です。あなたのプロジェクトが [Vuetify](https://vuetifyjs.com/en/), [Quasar](https://quasar.dev/), [ElementUI](https://element.eleme.io/#/en-US) のようなコンポーネントライブラリーに依存している場合、それらの Vue 3 互換バージョンを待つのが最善です。
 
-- Internet Explorer 11 support: [Vue 3 has officially dropped the plan for IE11 support](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0038-vue3-ie11-support.md). If you still need to support IE11 or below, you will have to stay on Vue 2.
+- Internet Explorer 11 対応: [Vue 3 は IE11 対応の計画を正式に取りやめました](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0038-vue3-ie11-support.md)。まだ IE11 以下のサポートが必要な場合は、Vue 2 のままにしておく必要があります。
 
-- Server-side rendering: the migration build can be used for SSR, but migrating a custom SSR setup is much more involved. The general idea is replacing `vue-server-renderer` with [`@vue/server-renderer`](https://github.com/vuejs/core/tree/master/packages/server-renderer). Vue 3 no longer provides a bundle renderer and it is recommended to use Vue 3 SSR with [Vite](https://ja.vitejs.dev/guide/ssr.html). If you are using [Nuxt.js](https://nuxtjs.org/), it is probably better to wait for Nuxt 3.
+- サーバーサイドレンダリング: 移行ビルドは SSR にも使えますが、カスタム SSR セットアップの移行はもっと複雑です。`vue-server-renderer` を [`@vue/server-renderer`](https://github.com/vuejs/core/tree/master/packages/server-renderer) に置き換えるのが一般的です。Vue 3 ではバンドルレンダラーが提供されなくなったので、Vue 3 の SSR を [Vite](https://ja.vitejs.dev/guide/ssr.html) で使用することが推奨されています。[Nuxt.js](https://nuxtjs.org/ja/) を使用している場合は、Nuxt 3 を待つ方がよいでしょう。
 
-### Expectations
+### 期待されること
 
-Please note that the migration build aims to cover only publicly documented Vue 2 APIs and behavior. If your application fails to run under the migration build due to reliance on undocumented behavior, it is unlikely that we'll tweak the migration build to cater to your specific case. Consider refactoring to remove reliance on the behavior in question instead.
+移行ビルドは、公開されている Vue 2 の API と動作のみをカバーすることを目的としていることにご注意ください。ドキュメントにはない動作に依存していることにより移行ビルドでアプリケーションが実行できない場合、その特定のケースに対応するために移行ビルドを調整することはまずありません。代わりに、問題のある動作への依存を取り除くためのリファクタリングを検討してください。
 
-A word of caution: if your application is large and complex, migration will likely be a challenge even with the migration build. If your app is unfortunately not suitable for upgrade, do note that we are planning to backport Composition API and some other Vue 3 features to the 2.7 release (estimated late Q3 2021).
+注意: アプリケーションが大規模で複雑な場合、移行ビルドを使用しても移行は困難である可能性が高いです。もしあなたのアプリが残念ながらアップグレードに適さない場合、Composition API と他のいくつかの Vue 3 機能を 2.7 リリースでバックポートする予定であることに注意してください（2021 年第 3 四半期後半に予定）。
 
-If you do get your app running on the migration build, you **can** ship it to production before the migration is complete. Although there is a small performance/size overhead, it should not noticeably affect production UX. You may have to do so when you have dependencies that rely on Vue 2 behavior, and cannot be upgraded/replaced.
+移行ビルドでアプリを動作させる場合でも、移行が完了する前にプロダクション環境へ出荷**できます**。パフォーマンスやサイズのオーバーヘッドが若干発生しますが、プロダクション環境の UX に顕著な影響を与えることはないでしょう。Vue 2 の動作に依存する依存関係があってアップグレードや置き換えができない場合は、そのようにする必要があるかもしれません。
 
-The migration build will be provided starting with 3.1, and will continue to be published alongside the 3.2 release line. We do plan to eventually stop publishing the migration build in a future minor version (no earlier than EOY 2021), so you should still aim to switch to the standard build before then.
+移行用ビルドは 3.1 から提供され、3.2 のリリースラインと同時に公開され続けます。将来のマイナーバージョン（2021 年末以降）で移行用ビルドの公開を終了する予定ですので、それまでに標準ビルドへの移行を目指す必要があります。
 
-## Upgrade Workflow
+## アップグレードのワークフロー
 
-The following workflow walks through the steps of migrating an actual Vue 2 app (Vue HackerNews 2.0) to Vue 3. The full commits can be found [here](https://github.com/vuejs/vue-hackernews-2.0/compare/migration). Note that the actual steps required for your project may vary, and these steps should be treated as general guidance rather than strict instructions.
+以下のワークフローでは、実際の Vue 2 アプリ（Vue HackerNews 2.0）を Vue 3 に移行するステップを説明します。完全なコミットは、[こちら](https://github.com/vuejs/vue-hackernews-2.0/compare/migration)で見ることができます。あなたのプロジェクトに必要な実際の手順は異なる可能性があり、これらの手順は厳密な指示ではなく、一般的なガイダンスとして扱われるべきであることに注意してください。
 
-### Preparations
+### 準備
 
-- If you are still using the [deprecated named / scoped slot syntax](https://v2.vuejs.org/v2/guide/components-slots.html#Deprecated-Syntax), update it to the latest syntax first (which is already supported in 2.6).
+- 非推奨の[名前付き/スコープ付きスロット構文](https://jp.vuejs.org/v2/guide/components-slots.html#%E9%9D%9E%E6%8E%A8%E5%A5%A8%E3%81%AE%E6%A7%8B%E6%96%87)をまだ使用している場合は、まず最新の構文にアップデートしてください（2.6 ですでにサポートされています）。
 
-### Installation
+### インストール
 
-1. Upgrade tooling if applicable.
+1. 該当する場合はツールをアップグレードします。
 
-   - If using custom webpack setup: Upgrade `vue-loader` to `^16.0.0`.
-   - If using `vue-cli`: upgrade to the latest `@vue/cli-service` with `vue upgrade`
-   - (Alternative) migrate to [Vite](https://ja.vitejs.dev/) + [vite-plugin-vue2](https://github.com/underfin/vite-plugin-vue2). [[Example commit](https://github.com/vuejs/vue-hackernews-2.0/commit/565b948919eb58f22a32afca7e321b490cb3b074)]
+   - カスタム webpack セットアップを使用している場合: `vue-loader` を `^16.0.0` にアップグレードしてください。
+   - `vue-cli` を使用している場合: `vue upgrade` を使って、最新の `@vue/cli-service` にアップグレードしてください
+   - （代替）[Vite](https://ja.vitejs.dev/) + [vite-plugin-vue2](https://github.com/underfin/vite-plugin-vue2) に移行する。[[コミットの例](https://github.com/vuejs/vue-hackernews-2.0/commit/565b948919eb58f22a32afca7e321b490cb3b074)]
 
-2. In `package.json`, update `vue` to 3.1, install `@vue/compat` of the same version, and replace `vue-template-compiler` (if present) with `@vue/compiler-sfc`:
+2. `package.json` で `vue` を 3.1 に更新し、同じバージョンの `@vue/compat` をインストールし、もし `vue-template-compiler` が存在すれば `@vue/compiler-sfc` で置き換えます:
 
    ```diff
    "dependencies": {
@@ -63,11 +63,11 @@ The following workflow walks through the steps of migrating an actual Vue 2 app
    }
    ```
 
-   [Example commit](https://github.com/vuejs/vue-hackernews-2.0/commit/14f6f1879b43f8610add60342661bf915f5c4b20)
+   [コミットの例](https://github.com/vuejs/vue-hackernews-2.0/commit/14f6f1879b43f8610add60342661bf915f5c4b20)
 
-3. In the build setup, alias `vue` to `@vue/compat` and enable compat mode via Vue compiler options.
+3. ビルド設定で `vue` を `@vue/compat` にエイリアスし、Vue コンパイラーオプションで互換モードを有効にします。
 
-   **Example Configs**
+   **設定の例**
 
    <details>
      <summary><b>vue-cli</b></summary>
@@ -155,7 +155,7 @@ The following workflow walks through the steps of migrating an actual Vue 2 app
 
    </details>
 
-4. If you are using TypeScript, you will also need to modify `vue`'s typing to expose the default export (which is no longer present in Vue 3) by adding a `*.d.ts` file with the following:
+4. TypeScript を使用している場合は、以下のように `*.d.ts` ファイルを追加して、（Vue 3 では存在しなくなった）デフォルトエクスポートを公開するよう `vue` の型付けを変更する必要があります:
 
    ```ts
    declare module 'vue' {
@@ -168,71 +168,71 @@ The following workflow walks through the steps of migrating an actual Vue 2 app
    }
    ```
 
-5. At this point, your application may encounter some compile-time errors / warnings (e.g. use of filters). Fix them first. If all compiler warnings are gone, you can also set the compiler to Vue 3 mode.
+5. この時点で、アプリケーションはいくつかのコンパイル時のエラーや警告（例: フィルタの使用）に遭遇するかもしれません。まずそれらを修正します。すべてのコンパイラーの警告が消えたら、コンパイラーを Vue 3 モードに設定することもできます。
 
-   [Example commit](https://github.com/vuejs/vue-hackernews-2.0/commit/b05d9555f6e115dea7016d7e5a1a80e8f825be52)
+   [コミットの例](https://github.com/vuejs/vue-hackernews-2.0/commit/b05d9555f6e115dea7016d7e5a1a80e8f825be52)
 
-6. After fixing the errors, the app should be able to run if it is not subject to the [limitations](#known-limitations) mentioned above.
+6. エラーの修正後、上記の[制限](#known-limitations)に該当しなければ、アプリは実行できるはずです。
 
-   You will likely see a LOT of warnings from both the command line and the browser console. Here are some general tips:
+   コマンドラインとブラウザのコンソールの両方から、多くの警告が表示されるでしょう。ここでは、一般的なヒントをいくつか紹介します:
 
-   - You can filter for specific warnings in the browser console. It's a good idea to use the filter and focus on fixing one item at a time. You can also use negated filters like `-GLOBAL_MOUNT`.
+   - ブラウザコンソールで特定の警告をフィルタリングできます。フィルターを使い、一度に 1 つの項目を修正するのがよいでしょう。また、`-GLOBAL_MOUNT` のような否定的なフィルターも使用できます。
 
-   - You can suppress specific deprecations via [compat configuration](#compat-configuration).
+   - [互換性の設定](#compat-configuration)を使って、特定の非推奨を抑制できます。
 
-   - Some warnings may be caused by a dependency that you use (e.g. `vue-router`). You can check this from the warning's component trace or stack trace (expanded on click). Focus on fixing the warnings that originate from your own source code first.
+   - 一部の警告は、使用している依存関係（例: `vue-router`）が原因となっている場合があります。これは、警告のコンポーネントトレースやスタックトレース（クリックすると展開されます）から確認できます。まずは自分のソースコードに起因する警告を修正することに専念してください。
 
-   - If you are using `vue-router`, note `<transition>` and `<keep-alive>` will not work with `<router-view>` until you upgrade to `vue-router` v4.
+   - `vue-router` を使用している場合、`<transition>` と `<keep-alive>` は `vue-router` v4 にアップグレードするまで `<router-view>` で動作しないので注意してください。
 
-7. Update [`<transition>` class names](./breaking-changes/transition.html). This is the only feature that does not have a runtime warning. You can do a project-wide search for `.*-enter` and `.*-leave` CSS class names.
+7. [`<transition>` のクラス名](./breaking-changes/transition.html)を更新します。これは実行時の警告がない唯一の機能です。`.*-enter` と `.*-leave` の CSS クラス名をプロジェクト全体で検索できます。
 
-   [Example commit](https://github.com/vuejs/vue-hackernews-2.0/commit/d300103ba622ae26ac26a82cd688e0f70b6c1d8f)
+   [コミットの例](https://github.com/vuejs/vue-hackernews-2.0/commit/d300103ba622ae26ac26a82cd688e0f70b6c1d8f)
 
-8. Update app entry to use [new global mounting API](./breaking-changes/global-api.html#a-new-global-api-createapp).
+8. [新しいグローバルマウント API](./breaking-changes/global-api.html#a-new-global-api-createapp) を使用するようにアプリのエントリーを更新します。
 
-   [Example commit](https://github.com/vuejs/vue-hackernews-2.0/commit/a6e0c9ac7b1f4131908a4b1e43641f608593f714)
+   [コミットの例](https://github.com/vuejs/vue-hackernews-2.0/commit/a6e0c9ac7b1f4131908a4b1e43641f608593f714)
 
-9. [Upgrade `vuex` to v4](https://vuex.vuejs.org/guide/migrating-to-4-0-from-3-x.html).
+9. [`vuex` を v4 にアップグレード](https://vuex.vuejs.org/guide/migrating-to-4-0-from-3-x.html)します。
 
-   [Example commit](https://github.com/vuejs/vue-hackernews-2.0/commit/5bfd4c61ee50f358cd5daebaa584f2c3f91e0205)
+   [コミットの例](https://github.com/vuejs/vue-hackernews-2.0/commit/5bfd4c61ee50f358cd5daebaa584f2c3f91e0205)
 
-10. [Upgrade `vue-router` to v4](https://router.vuejs.org/index.html). If you also use `vuex-router-sync`, you can replace it with a store getter.
+10. [`vue-router` を v4 にアップグレード](https://router.vuejs.org/index.html)します。`vuex-router-sync` も使っている場合は、ストアゲッターに置き換えることができます。
 
-    After the upgrade, to use `<transition>` and `<keep-alive>` with `<router-view>` requires using the new [scoped-slot based syntax](https://router.vuejs.org/guide/migration/#router-view-keep-alive-and-transition).
+    アップグレード後、`<transition>` と `<keep-alive>` を `<router-view>` で使用するには、新しい[スコープ付きスロットベースの構文](https://router.vuejs.org/guide/migration/#router-view-keep-alive-and-transition)を使用する必要があります。
 
-    [Example commit](https://github.com/vuejs/vue-hackernews-2.0/commit/758961e73ac4089890079d4ce14996741cf9344b)
+    [コミットの例](https://github.com/vuejs/vue-hackernews-2.0/commit/758961e73ac4089890079d4ce14996741cf9344b)
 
-11. Pick off individual warnings. Note some features have conflicting behavior between Vue 2 and Vue 3 - for example, the render function API, or the functional component vs. async component change. To migrate to Vue 3 API without affecting the rest of the application, you can opt-in to Vue 3 behavior on a per-component basis with the [`compatConfig` option](#per-component-config).
+11. 個々の警告を取り除きます。一部の機能では、Vue 2 と Vue 3 との間で矛盾する動作があることに注意してください - 例えば、レンダー関数 API または関数型コンポーネントと非同期コンポーネントの変更などです。アプリケーションの残りの部分に影響を与えずに Vue 3 の API へ移行するには、[`compatConfig` オプション](#per-component-config)を使用してコンポーネントごとに Vue 3 の動作にオプトインできます。
 
-    [Example commit](https://github.com/vuejs/vue-hackernews-2.0/commit/d0c7d3ae789be71b8fd56ce79cb4cb1f921f893b)
+    [コミットの例](https://github.com/vuejs/vue-hackernews-2.0/commit/d0c7d3ae789be71b8fd56ce79cb4cb1f921f893b)
 
-12. When all warnings are fixed, you can remove the migration build and switch to Vue 3 proper. Note you may not be able to do so if you still have dependencies that rely on Vue 2 behavior.
+12. すべての警告が修正されたら、移行ビルドを削除して Vue 3 に正しく切り替えることができます。ただし、Vue 2 の動作に依存する依存関係が残っている場合は、切り替えができない可能性があることに注意してください。
 
-    [Example commit](https://github.com/vuejs/vue-hackernews-2.0/commit/9beb45490bc5f938c9e87b4ac1357cfb799565bd)
+    [コミットの例](https://github.com/vuejs/vue-hackernews-2.0/commit/9beb45490bc5f938c9e87b4ac1357cfb799565bd)
 
-## Compat Configuration
+## 互換性の設定 {#compat-configuration}
 
-### Global Config
+### グローバル設定
 
-Compat features can be disabled individually:
+互換機能は個別に無効化できます:
 
 ```js
 import { configureCompat } from 'vue'
 
-// disable compat for certain features
+// 特定の機能の互換性を無効化
 configureCompat({
   FEATURE_ID_A: false,
   FEATURE_ID_B: false
 })
 ```
 
-Alternatively, the entire application can default to Vue 3 behavior, with only certain compat features enabled:
+または、特定の互換機能のみを有効化し、アプリケーション全体はデフォルトで Vue 3 の動作にできます:
 
 ```js
 import { configureCompat } from 'vue'
 
-// default everything to Vue 3 behavior, and only enable compat
-// for certain features
+// デフォルトですべてを Vue 3 の動作にして、特定の機能の
+// 互換性のみを有効化
 configureCompat({
   MODE: 3,
   FEATURE_ID_A: true,
@@ -240,104 +240,104 @@ configureCompat({
 })
 ```
 
-### Per-Component Config
+### コンポーネントごとの設定
 
-A component can use the `compatConfig` option, which expects the same options as the global `configureCompat` method:
+コンポーネントで `compatConfig` オプションを使用できます。このオプションはグローバルの `configureCompat` メソッドと同じオプションを受け付けます:
 
 ```js
 export default {
   compatConfig: {
-    MODE: 3, // opt-in to Vue 3 behavior for this component only
-    FEATURE_ID_A: true // features can also be toggled at component level
+    MODE: 3, // このコンポーネントのみ Vue 3 の動作にオプトイン
+    FEATURE_ID_A: true // 機能はコンポーネントレベルでも切り替え可能
   }
   // ...
 }
 ```
 
-### Compiler-specific Config
+### コンパイラー固有の設定
 
-Features that start with `COMPILER_` are compiler-specific: if you are using the full build (with in-browser compiler), they can be configured at runtime. However if using a build setup, they must be configured via the `compilerOptions` in the build config instead (see example configs above).
+`COMPILER_` で始まる機能は、コンパイラー固有のものです。フルビルド（ブラウザ内コンパイラーつき）を使用している場合、実行時に設定できます。ただしビルドセットアップを使用している場合は、代わりにビルド設定の `compilerOptions` を使用して設定する必要があります（上記の設定例を参照）。
 
-## Feature Reference
+## 機能リファレンス
 
-### Compatibility Types
+### 互換性の種類
 
-- ✔ Fully compatible
-- ◐ Partially Compatible with caveats
-- ⨂ Incompatible (warning only)
-- ⭘ Compat only (no warning)
+- ✔ 完全に互換
+- ◐ 部分的な互換性（注意事項あり）
+- ⨂ 互換性なし（警告のみ）
+- ⭘ 互換性のみ（警告なし）
 
-### Incompatible
+### 互換性なし
 
-> Should be fixed upfront or will likely lead to errors
+> 事前に修正すべきで、そうしないとエラーが発生する可能性が高いです
 
 | ID                                    | Type | Description                                                             | Docs                                                                                       |
 | ------------------------------------- | ---- | ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ |
-| GLOBAL_MOUNT_CONTAINER                | ⨂    | Mounted application does not replace the element it's mounted to        | [link](./breaking-changes/mount-changes.html)                                               |
-| CONFIG_DEVTOOLS                       | ⨂    | production devtools is now a build-time flag                            | [link](https://github.com/vuejs/core/tree/master/packages/vue#bundler-build-feature-flags) |
-| COMPILER_V_IF_V_FOR_PRECEDENCE        | ⨂    | `v-if` and `v-for` precedence when used on the same element has changed | [link](./breaking-changes/v-if-v-for.html)                                                  |
-| COMPILER_V_IF_SAME_KEY                | ⨂    | `v-if` branches can no longer have the same key                         | [link](./breaking-changes/key-attribute.html#on-conditional-branches)                       |
-| COMPILER_V_FOR_TEMPLATE_KEY_PLACEMENT | ⨂    | `<template v-for>` key should now be placed on `<template>`             | [link](./breaking-changes/key-attribute.html#with-template-v-for)                           |
-| COMPILER_SFC_FUNCTIONAL               | ⨂    | `<template functional>` is no longer supported in SFCs                  | [link](./breaking-changes/functional-components.html#single-file-components-sfcs)           |
+| GLOBAL_MOUNT_CONTAINER                | ⨂    | マウントされたアプリケーションは、そこにマウントされている要素を置き換えません        | [link](./breaking-changes/mount-changes.html)                                               |
+| CONFIG_DEVTOOLS                       | ⨂    | production devtools はビルド時のフラグになりました                            | [link](https://github.com/vuejs/core/tree/master/packages/vue#bundler-build-feature-flags) |
+| COMPILER_V_IF_V_FOR_PRECEDENCE        | ⨂    | 同じ要素で使用した場合の `v-if` と `v-for` の優先順位は変更されました | [link](./breaking-changes/v-if-v-for.html)                                                  |
+| COMPILER_V_IF_SAME_KEY                | ⨂    | `v-if` のブランチは同じキーを持つことができなくなりました                         | [link](./breaking-changes/key-attribute.html#on-conditional-branches)                       |
+| COMPILER_V_FOR_TEMPLATE_KEY_PLACEMENT | ⨂    | `<template v-for>` のキーは `<template>` に配置するようになりました            | [link](./breaking-changes/key-attribute.html#with-template-v-for)                           |
+| COMPILER_SFC_FUNCTIONAL               | ⨂    | `<template functional>` は SFC でサポートされなくなりました                  | [link](./breaking-changes/functional-components.html#single-file-components-sfcs)           |
 
-### Partially Compatible with Caveats
+### 部分的な互換性（注意事項あり）
 
 | ID                       | Type | Description                                                                                                                                                                                | Docs                                                                                                           |
 | ------------------------ | ---- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------- |
-| CONFIG_IGNORED_ELEMENTS  | ◐    | `config.ignoredElements` is now `config.compilerOptions.isCustomElement` (only in browser compiler build). If using build setup, `isCustomElement` must be passed via build configuration. | [link](./breaking-changes/global-api.html#config-ignoredelements-is-now-config-compileroptions-iscustomelement) |
-| COMPILER_INLINE_TEMPLATE | ◐    | `inline-template` removed (compat only supported in browser compiler build)                                                                                                                | [link](./breaking-changes/inline-template-attribute.html)                                                       |
-| PROPS_DEFAULT_THIS       | ◐    | props default factory no longer have access to `this` (in compat mode, `this` is not a real instance - it only exposes props, `$options` and injections)                                   | [link](./breaking-changes/props-default-this.html)                                                              |
-| INSTANCE_DESTROY         | ◐    | `$destroy` instance method removed (in compat mode, only supported on root instance)                                                                                                       |                                                                                                                |
-| GLOBAL_PRIVATE_UTIL      | ◐    | `Vue.util` is private and no longer available                                                                                                                                              |                                                                                                                |
-| CONFIG_PRODUCTION_TIP    | ◐    | `config.productionTip` no longer necessary                                                                                                                                                 | [link](./breaking-changes/global-api.html#config-productiontip-removed)                                         |
-| CONFIG_SILENT            | ◐    | `config.silent` removed                                                                                                                                                                    |                                                                                                                |
+| CONFIG_IGNORED_ELEMENTS  | ◐    | `config.ignoredElements` は `config.compilerOptions.isCustomElement` になりました（ブラウザコンパイラビルドのみ）。ビルドセットアップを使用している場合、`isCustomElement` はビルド設定で渡す必要があります。 | [link](./breaking-changes/global-api.html#config-ignoredelements-is-now-config-compileroptions-iscustomelement) |
+| COMPILER_INLINE_TEMPLATE | ◐    | `inline-template` は削除されました（ブラウザコンパイラビルドでのみ互換性がサポートされます）                                                                                                                | [link](./breaking-changes/inline-template-attribute.html)                                                       |
+| PROPS_DEFAULT_THIS       | ◐    | props の default ファクトリーは `this` にアクセスできなくなりました（互換モードでは、`this` は実際のインスタンスではありません - props, `$options` とインジェクションだけを公開します）                                   | [link](./breaking-changes/props-default-this.html)                                                              |
+| INSTANCE_DESTROY         | ◐    | インスタンスメソッド `$destroy` は削除されました（互換モードではルートインスタンスでのみサポート）                                                                                                       |                                                                                                                |
+| GLOBAL_PRIVATE_UTIL      | ◐    | `Vue.util` は非公開になり利用できなくなりました                                                                                                                                              |                                                                                                                |
+| CONFIG_PRODUCTION_TIP    | ◐    | `config.productionTip` は不要になりました                                                                                                                                                 | [link](./breaking-changes/global-api.html#config-productiontip-removed)                                         |
+| CONFIG_SILENT            | ◐    | `config.silent` は削除されました                                                                                                                                                                    |                                                                                                                |
 
-### Compat only (no warning)
+###  互換性のみ（警告なし）
 
 | ID                 | Type | Description                            | Docs                                      |
 | ------------------ | ---- | -------------------------------------- | ----------------------------------------- |
-| TRANSITION_CLASSES | ⭘    | Transition enter/leave classes changed | [link](./breaking-changes/transition.html) |
+| TRANSITION_CLASSES | ⭘    | トランジションの enter/leave クラスの変更 | [link](./breaking-changes/transition.html) |
 
-### Fully Compatible
+### 完全に互換
 
 | ID                           | Type | Description                                                           | Docs                                                                                        |
 | ---------------------------- | ---- | --------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- |
 | GLOBAL_MOUNT                 | ✔    | new Vue() -> createApp                                                | [link](./breaking-changes/global-api.html#mounting-app-instance)                             |
-| GLOBAL_EXTEND                | ✔    | Vue.extend removed (use `defineComponent` or `extends` option)        | [link](./breaking-changes/global-api.html#vue-extend-removed)                                |
+| GLOBAL_EXTEND                | ✔    | Vue.extend は削除されました（`defineComponent` か `extends` オプションを使用してください）        | [link](./breaking-changes/global-api.html#vue-extend-removed)                                |
 | GLOBAL_PROTOTYPE             | ✔    | `Vue.prototype` -> `app.config.globalProperties`                      | [link](./breaking-changes/global-api.html#vue-prototype-replaced-by-config-globalproperties) |
-| GLOBAL_SET                   | ✔    | `Vue.set` removed (no longer needed)                                  |                                                                                             |
-| GLOBAL_DELETE                | ✔    | `Vue.delete` removed (no longer needed)                               |                                                                                             |
-| GLOBAL_OBSERVABLE            | ✔    | `Vue.observable` removed (use `reactive`)                             | [link](https://ja.vuejs.org/api/reactivity-core.html#reactive)                                 |
-| CONFIG_KEY_CODES             | ✔    | config.keyCodes removed                                               | [link](./breaking-changes/keycode-modifiers.html)                                            |
-| CONFIG_WHITESPACE            | ✔    | In Vue 3 whitespace defaults to `"condense"`                          |                                                                                             |
-| INSTANCE_SET                 | ✔    | `vm.$set` removed (no longer needed)                                  |                                                                                             |
-| INSTANCE_DELETE              | ✔    | `vm.$delete` removed (no longer needed)                               |                                                                                             |
-| INSTANCE_EVENT_EMITTER       | ✔    | `vm.$on`, `vm.$off`, `vm.$once` removed                               | [link](./breaking-changes/events-api.html)                                                   |
-| INSTANCE_EVENT_HOOKS         | ✔    | Instance no longer emits `hook:x` events                              | [link](./breaking-changes/vnode-lifecycle-events.html)                                       |
-| INSTANCE_CHILDREN            | ✔    | `vm.$children` removed                                                | [link](./breaking-changes/children.html)                                                     |
-| INSTANCE_LISTENERS           | ✔    | `vm.$listeners` removed                                               | [link](./breaking-changes/listeners-removed.html)                                            |
-| INSTANCE_SCOPED_SLOTS        | ✔    | `vm.$scopedSlots` removed; `vm.$slots` now exposes functions          | [link](./breaking-changes/slots-unification.html)                                            |
-| INSTANCE_ATTRS_CLASS_STYLE   | ✔    | `$attrs` now includes `class` and `style`                             | [link](./breaking-changes/attrs-includes-class-style.html)                                   |
-| OPTIONS_DATA_FN              | ✔    | `data` must be a function in all cases                                | [link](./breaking-changes/data-option.html)                                                  |
-| OPTIONS_DATA_MERGE           | ✔    | `data` from mixin or extension is now shallow merged                  | [link](./breaking-changes/data-option.html)                                                  |
+| GLOBAL_SET                   | ✔    | `Vue.set` は削除されました（不要になりました）                                  |                                                                                             |
+| GLOBAL_DELETE                | ✔    | `Vue.delete` は削除されました（不要になりました）                               |                                                                                             |
+| GLOBAL_OBSERVABLE            | ✔    | `Vue.observable` は削除されました（`reactive` を使用してください）                             | [link](https://ja.vuejs.org/api/reactivity-core.html#reactive)                                 |
+| CONFIG_KEY_CODES             | ✔    | config.keyCodes は削除されました                                               | [link](./breaking-changes/keycode-modifiers.html)                                            |
+| CONFIG_WHITESPACE            | ✔    | Vue 3 では空白のデフォルトは `"condense"` です                          |                                                                                             |
+| INSTANCE_SET                 | ✔    | `vm.$set` は削除されました（不要になりました）                                  |                                                                                             |
+| INSTANCE_DELETE              | ✔    | `vm.$delete` は削除されました（不要になりました）                               |                                                                                             |
+| INSTANCE_EVENT_EMITTER       | ✔    | `vm.$on`, `vm.$off`, `vm.$once` は削除されました                               | [link](./breaking-changes/events-api.html)                                                   |
+| INSTANCE_EVENT_HOOKS         | ✔    | インスタンスは `hook:x` イベントを発行しなくなりました                              | [link](./breaking-changes/vnode-lifecycle-events.html)                                       |
+| INSTANCE_CHILDREN            | ✔    | `vm.$children` は削除されました                                                | [link](./breaking-changes/children.html)                                                     |
+| INSTANCE_LISTENERS           | ✔    | `vm.$listeners` は削除されました                                               | [link](./breaking-changes/listeners-removed.html)                                            |
+| INSTANCE_SCOPED_SLOTS        | ✔    | `vm.$scopedSlots` は削除されました。`vm.$slots` は関数を公開するようになりました          | [link](./breaking-changes/slots-unification.html)                                            |
+| INSTANCE_ATTRS_CLASS_STYLE   | ✔    | `$attrs` に `class` と `style` が含まれるようになりました                             | [link](./breaking-changes/attrs-includes-class-style.html)                                   |
+| OPTIONS_DATA_FN              | ✔    | `data` はどんな場合でも関数にする必要があります                                | [link](./breaking-changes/data-option.html)                                                  |
+| OPTIONS_DATA_MERGE           | ✔    | mixins や extends からの `data` は浅いマージになりました                  | [link](./breaking-changes/data-option.html)                                                  |
 | OPTIONS_BEFORE_DESTROY       | ✔    | `beforeDestroy` -> `beforeUnmount`                                    |                                                                                             |
 | OPTIONS_DESTROYED            | ✔    | `destroyed` -> `unmounted`                                            |                                                                                             |
-| WATCH_ARRAY                  | ✔    | watching an array no longer triggers on mutation unless deep          | [link](./breaking-changes/watch.html)                                                        |
-| V_ON_KEYCODE_MODIFIER        | ✔    | `v-on` no longer supports keyCode modifiers                           | [link](./breaking-changes/keycode-modifiers.html)                                            |
-| CUSTOM_DIR                   | ✔    | Custom directive hook names changed                                   | [link](./breaking-changes/custom-directives.html)                                            |
-| ATTR_FALSE_VALUE             | ✔    | No longer removes attribute if binding value is boolean `false`       | [link](./breaking-changes/attribute-coercion.html)                                           |
-| ATTR_ENUMERATED_COERCION     | ✔    | No longer special case enumerated attributes                          | [link](./breaking-changes/attribute-coercion.html)                                           |
-| TRANSITION_GROUP_ROOT        | ✔    | `<transition-group>` no longer renders a root element by default      | [link](./breaking-changes/transition-group.html)                                             |
-| COMPONENT_ASYNC              | ✔    | Async component API changed (now requires `defineAsyncComponent`)     | [link](./breaking-changes/async-components.html)                                             |
-| COMPONENT_FUNCTIONAL         | ✔    | Functional component API changed (now must be plain functions)        | [link](./breaking-changes/functional-components.html)                                        |
-| COMPONENT_V_MODEL            | ✔    | Component v-model reworked                                            | [link](./breaking-changes/v-model.html)                                                      |
-| RENDER_FUNCTION              | ✔    | Render function API changed                                           | [link](./breaking-changes/render-function-api.html)                                          |
-| FILTERS                      | ✔    | Filters removed (this option affects only runtime filter APIs)        | [link](./breaking-changes/filters.html)                                                      |
-| COMPILER_IS_ON_ELEMENT       | ✔    | `is` usage is now restricted to `<component>` only                    | [link](./breaking-changes/custom-elements-interop.html)                                      |
-| COMPILER_V_BIND_SYNC         | ✔    | `v-bind.sync` replaced by `v-model` with arguments                    | [link](./breaking-changes/v-model.html)                                                      |
-| COMPILER_V_BIND_PROP         | ✔    | `v-bind.prop` modifier removed                                        |                                                                                             |
-| COMPILER_V_BIND_OBJECT_ORDER | ✔    | `v-bind="object"` is now order sensitive                              | [link](./breaking-changes/v-bind.html)                                                       |
-| COMPILER_V_ON_NATIVE         | ✔    | `v-on.native` modifier removed                                        | [link](./breaking-changes/v-on-native-modifier-removed.html)                                 |
-| COMPILER_V_FOR_REF           | ✔    | `ref` in `v-for` (compiler support)                                   |                                                                                             |
-| COMPILER_NATIVE_TEMPLATE     | ✔    | `<template>` with no special directives now renders as native element |                                                                                             |
-| COMPILER_FILTERS             | ✔    | filters (compiler support)                                            |                                                                                             |
+| WATCH_ARRAY                  | ✔    | 配列の監視をする際、deep でなければ配列の変更でトリガーされなくなりました          | [link](./breaking-changes/watch.html)                                                        |
+| V_ON_KEYCODE_MODIFIER        | ✔    | `v-on` は keyCode 修飾子をサポートしなくなりました                           | [link](./breaking-changes/keycode-modifiers.html)                                            |
+| CUSTOM_DIR                   | ✔    | カスタムディレクティブのフック名が変更されました                                   | [link](./breaking-changes/custom-directives.html)                                            |
+| ATTR_FALSE_VALUE             | ✔    | バインドしている値が `false` でも、属性は削除されなくなりました       | [link](./breaking-changes/attribute-coercion.html)                                           |
+| ATTR_ENUMERATED_COERCION     | ✔    | 列挙型属性の特殊ケースは廃止                          | [link](./breaking-changes/attribute-coercion.html)                                           |
+| TRANSITION_GROUP_ROOT        | ✔    | `<transition-group>` はデフォルトではルート要素をレンダリングしなくなりました      | [link](./breaking-changes/transition-group.html)                                             |
+| COMPONENT_ASYNC              | ✔    | 非同期コンポーネントの API 変更（`defineAsyncComponent` が必要になりました）     | [link](./breaking-changes/async-components.html)                                             |
+| COMPONENT_FUNCTIONAL         | ✔    | 関数型コンポーネントの API 変更（普通の関数にする必要があります）        | [link](./breaking-changes/functional-components.html)                                        |
+| COMPONENT_V_MODEL            | ✔    | コンポーネントの v-model 改訂                                            | [link](./breaking-changes/v-model.html)                                                      |
+| RENDER_FUNCTION              | ✔    | レンダー関数の API 変更                                           | [link](./breaking-changes/render-function-api.html)                                          |
+| FILTERS                      | ✔    | フィルターは削除されました（このオプションは実行時のフィルター API のみに影響）        | [link](./breaking-changes/filters.html)                                                      |
+| COMPILER_IS_ON_ELEMENT       | ✔    | `is` の使用は `<component>` のみに制限されました                    | [link](./breaking-changes/custom-elements-interop.html)                                      |
+| COMPILER_V_BIND_SYNC         | ✔    | `v-bind.sync` は引数つきの `v-model` に置き換わりました                    | [link](./breaking-changes/v-model.html)                                                      |
+| COMPILER_V_BIND_PROP         | ✔    | `v-bind.prop` 修飾子は削除されました                                        |                                                                                             |
+| COMPILER_V_BIND_OBJECT_ORDER | ✔    | `v-bind="object"` は順序に依存するようになりました                              | [link](./breaking-changes/v-bind.html)                                                       |
+| COMPILER_V_ON_NATIVE         | ✔    | `v-on.native` 修飾子は削除されました                                        | [link](./breaking-changes/v-on-native-modifier-removed.html)                                 |
+| COMPILER_V_FOR_REF           | ✔    | `v-for` 内の `ref`（コンパイラーサポート）                                   |                                                                                             |
+| COMPILER_NATIVE_TEMPLATE     | ✔    | 特別なディレクティブなしの `<template>` は、ネイティブ要素としてレンダリングされるようになりました |                                                                                             |
+| COMPILER_FILTERS             | ✔    | フィルター（コンパイラーサポート）                                            |                                                                                             |
diff --git a/src/ja/new/fragments.md b/src/ja/new/fragments.md
index 6e17130..2254ac2 100644
--- a/src/ja/new/fragments.md
+++ b/src/ja/new/fragments.md
@@ -5,7 +5,7 @@ badges:
 
 # Fragments <MigrationBadges :badges="$frontmatter.badges" />
 
-## Overview
+## Overview {#overview}
 
 In Vue 3, components now have official support for multi-root node components, i.e., fragments!
 
diff --git a/src/ja/recommendations.md b/src/ja/recommendations.md
index 6868000..2b791fa 100644
--- a/src/ja/recommendations.md
+++ b/src/ja/recommendations.md
@@ -1,75 +1,75 @@
-# New Framework-level Recommendations
+# フレームワークレベルでの新しい推奨事項
 
-The supporting libraries for Vue 3 have undergone major updates. Here is a summary of the new default recommendations:
+Vue 3 をサポートするライブラリーが大幅に更新されました。新しいデフォルトの推奨ライブラリーの概要は以下のとおりです:
 
-- New versions of Router, Devtools & test utils w/ Vue 3 support
-- Build Toolchain: Vue CLI -> [Vite](https://ja.vitejs.dev/)
-- State Management: Vuex -> [Pinia](https://pinia.vuejs.org/)
-- IDE Support: Vetur -> [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
-- New command line TypeScript support: [vue-tsc](https://github.com/johnsoncodehk/volar/tree/master/vue-language-tools/vue-tsc)
+- Vue 3 をサポートした Router, Devtools, test utils の新バージョン
+- ビルドツールチェーン: Vue CLI -> [Vite](https://ja.vitejs.dev//)
+- 状態管理: Vuex -> [Pinia](https://pinia.vuejs.org/)
+- IDE サポート: Vetur -> [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
+- 新しいコマンドライン TypeScript サポート: [vue-tsc](https://github.com/johnsoncodehk/volar/tree/master/vue-language-tools/vue-tsc)
 - SSG: VuePress -> [VitePress](https://vitepress.vuejs.org/)
 - JSX: `@vue/babel-preset-jsx` -> [`@vue/babel-plugin-jsx`](https://github.com/vuejs/jsx-next)
 
-## Details
+## 詳細
 
-### Build Toolchain
+### ビルドツールチェーン
 
-We now recommend [Vite](https://ja.vitejs.dev/) as the new build toolchain for Vue 3 projects. Vite is a new build tool that offers extremely fast server start and hot update performance. It was originally created by the Vue team but is now a cross-framework tool. Learn more about [why we are recommending Vite](https://ja.vitejs.dev/guide/why.html).
+Vue 3 プロジェクトの新しいビルドツールチェーンとして、[Vite](https://ja.vitejs.dev/) を推奨することになりました。Vite は、非常に高速なサーバー起動とホットアップデートのパフォーマンスを提供する新しいビルドツールです。元々は Vue チームによって作られたものですが、現在はクロスフレームワークのツールとなっています。詳細は [Vite を推奨する理由](https://ja.vitejs.dev/guide/why.html)をご覧ください。
 
-You can create a new Vite-powered Vue 3 project via [`create-vue`](https://github.com/vuejs/create-vue), our new scaffolding tool:
+新しいスキャフォールディングツールである [`create-vue`](https://github.com/vuejs/create-vue) を使って、Vite を搭載した新しい Vue 3 プロジェクトを作成できます:
 
 ```sh
 npm init vue@3
 ```
 
-While Vue CLI has also been upgraded to support Vue 3, it is now in maintenance and no longer recommended for new projects. For information on migrating from Vue CLI to Vite:
+Vue CLI も Vue 3 をサポートするようアップグレードされましたが、現在はメンテナンス中であり、新しいプロジェクトには推奨されなくなりました。Vue CLI から Vite への移行に関する情報はこちら:
 
-- [Vue CLI -> Vite Migration Guide from VueSchool.io](https://vueschool.io/articles/vuejs-tutorials/how-to-migrate-from-vue-cli-to-vite/)
-- [Tools / Plugins that help with auto migration](https://github.com/vitejs/awesome-vite#vue-cli)
+- [VueSchool.io による Vue CLI -> Vite の移行ガイド](https://vueschool.io/articles/vuejs-tutorials/how-to-migrate-from-vue-cli-to-vite/)
+- [自動移行に役立つツールやプラグイン](https://github.com/vitejs/awesome-vite#vue-cli)
 
-Also see [Tooling chapter in new docs](https://ja.vuejs.org/guide/scaling-up/tooling.html).
+[新しいドキュメントのツールガイドの章](https://ja.vuejs.org/guide/scaling-up/tooling.html)も参照してください。
 
 ### Vue Router
 
-Vue Router 4.0 provides Vue 3 support and has a number of breaking changes of its own. Check out its [migration guide](https://router.vuejs.org/guide/migration/index.html) for full details.
+Vue Router 4.0 は Vue 3 のサポートを提供し、多くの破壊的変更があります。詳細については、その[移行ガイド](https://router.vuejs.org/guide/migration/index.html)を確認してください。
 
-- [Documentation](https://router.vuejs.org/)
+- [ドキュメント](https://router.vuejs.org/)
 - [GitHub](https://github.com/vuejs/router)
-- [RFCs](https://github.com/vuejs/rfcs/pulls?q=is%3Apr+is%3Amerged+label%3Arouter)
+- [RFC](https://github.com/vuejs/rfcs/pulls?q=is%3Apr+is%3Amerged+label%3Arouter)
 
-### State Management
+### 状態管理
 
-[Pinia](https://pinia.vuejs.org/) is the new recommended large-scale state management solution. Pinia was created as a prototype for Vuex 5, and has now evolved into the de facto implementation for what we had planned for Vuex 5. We decided to keep its original name in respect of the amount of work that went into it by core team member [Eduardo](https://github.com/posva).
+[Pinia](https://pinia.vuejs.org/) は、新しく推奨される大規模な状態管理ソリューションです。Pinia は Vuex 5 のプロトタイプとして作成されましたが、現在では Vuex 5 で計画していたものの事実上の実装に発展しています。コアチームのメンバーである [Eduardo](https://github.com/posva) による作業量に敬意を表して、元の名前を残すことにしました。
 
-- [Documentation](https://pinia.vuejs.org/)
+- [ドキュメント](https://pinia.vuejs.org/)
 - [GitHub](https://github.com/vuejs/pinia)
-- [State management chapter in new docs](https://ja.vuejs.org/guide/scaling-up/state-management.html)
+- [新しいドキュメントの状態管理の章](https://ja.vuejs.org/guide/scaling-up/state-management.html)
 
-Vuex 4.0 also provides Vue 3 support with largely the same API as 3.x, and can be used if you have existing Vuex stores that need to be migrated to Vue 3. The only breaking change is [how the plugin is installed](https://vuex.vuejs.org/guide/migrating-to-4-0-from-3-x.html#breaking-changes).
+Vuex 4.0 は、3.x とほぼ同じ API で Vue 3 もサポートしており、既存の Vuex ストアを Vue 3 に移行する必要がある場合に利用できます。唯一の破壊的変更は、[プラグインのインストール方法](https://vuex.vuejs.org/guide/migrating-to-4-0-from-3-x.html#breaking-changes)です。
 
-### IDE Support
+### IDE サポート
 
-[Volar](https://github.com/johnsoncodehk/volar) is now the new official VSCode extension, with greatly improved TypeScript support for Vue SFCs, including full type inference for template expressions.
+[Volar](https://github.com/johnsoncodehk/volar) は、テンプレート式の完全な型推論を含む、Vue SFC の TypeScript サポートが大幅に改善された、新しい公式 VSCode 拡張になりました。
 
-If you have previous installed Vetur, make sure to disable it to avoid conflict with Volar.
+Volar との競合を避けるため、Vetur をインストールしている場合は必ず無効にしてください。
 
-### Devtools Extension
+### Devtools 拡張機能
 
-The devtools extension has received major updates (released as v6) to support both Vue 2 and Vue 3. If you have previously installed v6 via the beta channel, you can remove it and install the extension from the stable channel now.
+Devtools 拡張機能は、Vue 2 と Vue 3 の両方をサポートするためのメジャーアップデート（v6 としてリリース）がありました。以前にベータチャンネル経由で v6 をインストールした場合は、それを削除して、安定版チャンネルから拡張機能をインストールできます。
 
-- [Documentation](https://devtools.vuejs.org/guide/installation.html)
+- [ドキュメント](https://devtools.vuejs.org/guide/installation.html)
 - [GitHub](https://github.com/vuejs/devtools)
 
-### TypeScript Support
+### TypeScript のサポート
 
-You can now type-check and generate definition files for Vue SFCs from the command line using [vue-tsc](https://github.com/johnsoncodehk/volar/tree/master/vue-language-tools/vue-tsc).
+[vue-tsc](https://github.com/johnsoncodehk/volar/tree/master/vue-language-tools/vue-tsc) を使って、コマンドラインから Vue SFC の型チェックと定義ファイルの生成ができるようになりました。
 
-Also see [TypeScript Guide in new docs](https://ja.vuejs.org/guide/typescript/overview.html).
+[新しいドキュメントの TypeScript ガイド](https://ja.vuejs.org/guide/typescript/overview.html)も参照してください。
 
-### Static Site Generator
+### 静的サイトジェネレーター
 
-[VitePress](https://vitepress.vuejs.org/) is the spiritual successor to VuePress, built on Vue 3 + Vite. It provides a far superior dev experience and also produces faster sites.
+[VitePress](https://vitepress.vuejs.org/) は、VuePress の精神的後継で、Vue 3 + Vite で構築されています。はるかに優れた開発体験を提供し、より高速なサイトを作成できます。
 
 ### JSX
 
-JSX support for Vue 3 is now provided via [`@vue/babel-plugin-jsx`](https://github.com/vuejs/babel-plugin-jsx).
+[`@vue/babel-plugin-jsx`](https://github.com/vuejs/babel-plugin-jsx) によって Vue 3 の JSX サポートが提供されるようになりました。