翻訳

Author: jay-es

.vitepress/theme/components/landing/1. hero-section/HeroSection.vue

@@ -15,13 +15,13 @@ import HeroDiagram from './HeroDiagram.vue'
       <h1>The Build Tool<br />for the Web</h1>
       <!-- Tagline -->
       <h3>
-        Vite is a blazing fast frontend build tool powering the next generation
-        of web applications.
+        Vite は、次世代の<wbr /> Web アプリケーションを支える<wbr />超高速フロントエンド<wbr />ビルドツールです。
+
       </h3>
 
       <!-- CTA Buttons -->
       <div class="hero__actions">
-        <a href="/guide/" class="btn btn--primary">Get started</a>
+        <a href="/guide/" class="btn btn--primary">はじめる</a>
         <a
           href="https://github.com/vitejs/vite"
           target="_blank"
@@ -130,4 +130,8 @@ import HeroDiagram from './HeroDiagram.vue'
     margin-top: 0;
   }
 }
+
+h3 {
+  white-space: nowrap; /* 日本語版: 改行位置の調整のため */
+}
 </style>

.vitepress/theme/components/landing/2. feature-section/FeatureCI.vue

@@ -319,10 +319,10 @@ const { startAnimation, isCardActive } = useCardAnimation(
       </div>
     </div>
     <div class="feature__meta meta--center">
-      <div class="meta__title">Continuous ecosystem integration</div>
+      <div class="meta__title">継続的なエコシステム統合</div>
       <div class="meta__description">
-        Our CI continuously tests Vite changes against downstream projects,
-        allowing us to improve Vite with stability and confidence.
+        私たちの CI は、下流のプロジェクトに対して Vite の変更を継続的にテストしており、安定性と信頼性を備えた Vite の改善が可能となっています。
+
       </div>
     </div>
   </div>

.vitepress/theme/components/landing/2. feature-section/FeatureFlexiblePlugins.vue

@@ -349,10 +349,10 @@ const { isCardActive, startAnimation } = useCardAnimation(
       </div>
     </div>
     <div class="feature__meta">
-      <div class="meta__title">Flexible plugin system</div>
+      <div class="meta__title">柔軟なプラグインシステム</div>
       <div class="meta__description">
-        Vite plugins extends Rollup's well-designed plugin interface with a few
-        extra Vite-specific options.
+        Vite プラグインは、Rollup の適切に設計されたプラグインインターフェースを、Vite 固有の追加オプションで拡張します。
+
       </div>
     </div>
   </div>

.vitepress/theme/components/landing/2. feature-section/FeatureHMR.vue

@@ -247,9 +247,9 @@ const { startAnimation } = useCardAnimation(
       </div>
     </div>
     <div class="feature__meta meta--center">
-      <div class="meta__title">Lightning fast HMR</div>
+      <div class="meta__title">超高速 HMR</div>
       <div class="meta__description">
-        Hot Module Replacement (HMR) that stays fast regardless of app size.
+        アプリのサイズに関わらず高速性を維持するホットモジュールリプレースメント（HMR）。
       </div>
     </div>
   </div>

.vitepress/theme/components/landing/2. feature-section/FeatureInstantServerStart.vue

@@ -182,9 +182,9 @@ onUnmounted(() => {
       <div class="connection-line" :class="{ active: commandTriggered }" />
     </div>
     <div class="feature__meta">
-      <div class="meta__title">Instant server start</div>
+      <div class="meta__title">即時サーバー起動</div>
       <div class="meta__description">
-        On demand file serving over native ESM, no bundling required!
+        ネイティブ ESM でのオンデマンドファイル配信、バンドルは不要！
       </div>
     </div>
   </div>

.vitepress/theme/components/landing/2. feature-section/FeatureOptimizedBuild.vue

@@ -436,9 +436,9 @@ const { startAnimation } = useCardAnimation(
       </svg>
     </div>
     <div class="feature__meta meta--center">
-      <div class="meta__title">Optimized build</div>
+      <div class="meta__title">ビルドの最適化</div>
       <div class="meta__description">
-        Pre-configured Rollup build with multi-page and library mode support.
+        複数ページおよびライブラリモードをサポートする事前設定済みの Rollup ビルド。
       </div>
     </div>
   </div>

.vitepress/theme/components/landing/2. feature-section/FeatureRichFeatures.vue

@@ -126,9 +126,9 @@ const { isCardActive, startAnimation } = useCardAnimation(
       <div class="center-glow" />
     </div>
     <div class="feature__meta meta--center">
-      <div class="meta__title">Rich features</div>
+      <div class="meta__title">豊富な機能</div>
       <div class="meta__description">
-        Out-of-the-box support for TypeScript, JSX, CSS and more.
+        TypeScript、JSX、CSS などの標準サポート。
       </div>
     </div>
   </div>

.vitepress/theme/components/landing/2. feature-section/FeatureSSRSupport.vue

@@ -417,10 +417,10 @@ const { isCardActive, startAnimation } = useCardAnimation(
       </svg>
     </div>
     <div class="feature__meta">
-      <div class="meta__title">First class SSR Support</div>
+      <div class="meta__title">ファーストクラスの SSR サポート</div>
       <div class="meta__description">
-        It's never been easier to setup custom SSR (Server-Side Rendering), or
-        build your own SSR framework.
+        カスタム SSR（サーバーサイドレンダリング）の設定や、独自の SSR フレームワークの構築がかつてないほど簡単になりました。
+
       </div>
     </div>
   </div>

.vitepress/theme/components/landing/2. feature-section/FeatureSection.vue

@@ -167,6 +167,7 @@ const startAnimation = () => {
     text-shadow:
       0 0 4px rgba(255, 255, 255, 0.1),
       0 0 14px rgba(130, 168, 236, 0.2);
+    font-weight: 500; /* 日本語版: 太すぎるので調整 */
   }
 
   .feature-section__title {
@@ -233,7 +234,7 @@ const startAnimation = () => {
       .meta__description {
         color: #a3a3a3;
         font-family: Inter, sans-serif;
-        font-size: 16px;
+        font-size: 15px; /* 日本語版: 元は 16px */
         font-style: normal;
         font-weight: 400;
         line-height: 150%;

.vitepress/theme/components/landing/2. feature-section/FeatureTypedAPI.vue

@@ -68,8 +68,8 @@ const { isCardActive, startAnimation } = useCardAnimation(
       </div>
     </div>
     <div class="feature__meta meta--center">
-      <div class="meta__title">Fully typed API</div>
-      <div class="meta__description">Designed to be built on top of.</div>
+      <div class="meta__title">完全な型付け API</div>
+      <div class="meta__description">を使用して構築するように設計されています。</div>
     </div>
   </div>
 </template>