Antigravity × i18n — AI エージェントで多言語アプリを効率的に構築する方法

このNext.jsプロジェクトにnext-intlを導入してください。
対応言語は日本語（ja）と英語（en）で、デフォルトロケールはjaです。
App Routerの[locale]パターンで実装してください。

{
  "navigation": {
    "home": "ホーム",
    "about": "私たちについて",
    "contact": "お問い合わせ",
    "pricing": "料金プラン"
  },
  "hero": {
    "title": "AI で、開発をもっとスマートに",
    "subtitle": "Antigravity が、あなたのコーディングを加速します",
    "cta": "無料で始める"
  },
  "features": {
    "heading": "主な機能",
    "ai_completion": "AI コード補完",
    "ai_completion_desc": "コンテキストを理解した高精度なコード補完で、タイピング量を削減します",
    "multi_agent": "マルチエージェント",
    "multi_agent_desc": "複数の AI エージェントが協調して、複雑なタスクを自動処理します"
  }
}

messages/ja.json を元に、自然な英語で messages/en.json を生成してください。
直訳ではなく、英語ネイティブが読んで自然に感じる表現にしてください。
マーケティングコピーのトーンは維持してください。

"use client";
 
import { useTranslations } from "next-intl";
 
export function HeroSection() {
  const t = useTranslations("hero");
 
  return (
    <section className="hero">
      <h1>{t("title")}</h1>
      <p>{t("subtitle")}</p>
      <button>{t("cta")}</button>
    </section>
  );
}

HeroSectionコンポーネントを作成してください。
テキストはすべてnext-intlのuseTranslationsフックから取得し、
ハードコードされた文字列は使わないでください。
翻訳キーはhero名前空間に配置してください。

{
  "greeting": "{name}さん、こんにちは",
  "items_count": "{count, plural, =0 {アイテムはありません} one {# 件のアイテム} other {# 件のアイテム}}"
}

const t = useTranslations();
// → "田中さん、こんにちは"
t("greeting", { name: "田中" });
// → "3 件のアイテム"
t("items_count", { count: 3 });

import { useLocale } from "next-intl";
 
export function useFormatters() {
  const locale = useLocale();
 
  const formatDate = (date: Date) =>
    new Intl.DateTimeFormat(locale, {
      year: "numeric",
      month: "long",
      day: "numeric",
    }).format(date);
 
  const formatCurrency = (amount: number, currency: string) =>
    new Intl.NumberFormat(locale, {
      style: "currency",
      currency,
    }).format(amount);
 
  return { formatDate, formatCurrency };
}

messages/ja.json と messages/en.json を比較して、
ja.json にあって en.json にないキーを一覧で教えてください。
また、en.json にあって ja.json にないキーも教えてください。

以下の未翻訳キーについて、ja.json の値を元に
自然な英語訳を en.json に追加してください。
既存のキーは変更しないでください。

en.json の翻訳を確認して、以下の観点でレビューしてください。
- 不自然な英語表現はないか
- ブランドトーンが一貫しているか
- UIコンテキストに適した長さか（ボタンラベルが長すぎないか等）
問題があれば修正案を提示してください。

import { getTranslations } from "next-intl/server";
 
export async function generateMetadata({
  params: { locale },
}: {
  params: { locale: string };
}) {
  const t = await getTranslations({ locale, namespace: "metadata" });
 
  return {
    title: t("title"),
    description: t("description"),
    alternates: {
      canonical: `https://example.com/${locale}`,
      languages: {
        ja: "https://example.com/ja",
        en: "https://example.com/en",
      },
    },
    openGraph: {
      title: t("title"),
      description: t("description"),
      locale: locale === "ja" ? "ja_JP" : "en_US",
    },
  };
}

messages/ja.json を元に、韓国語（ko）の翻訳ファイルを生成してください。
韓国のユーザーに自然に読める表現にしてください。
敬語レベルはja.jsonと同程度にしてください。

アラビア語（ar）対応を追加してください。
RTLレイアウトのサポートを含め、
dir属性の自動切り替えとCSSの論理プロパティへの変換も行ってください。