AIネイティブアプリの多言語対応戦略

東京支部 CommunityBuilders Night #2 / Jr.Championsコラボの登壇資料

Transcript

1. AIネイティブアプリの多言語対応戦略 東京支部 CommunityBuilders Night #2 / Jr.Championsコラボ aki.ts@HedgehogPython 2025.9.9
2. KDDI Agile Development Center Corporation Ueda Syoitu ハリネズミ・aki.ts KDDIアジャイル開発センター CB.AI Engineering
3. KDDI Agile Development Center Corporation これからお話しすることは全て個人の見解であり、 所属組織の見解を代表するものではありません。
4. KDDI Agile Development Center Corporation そもそもAIネイティブアプリとは？
5. 最初からAIを中心として設計・開発された 生成AIの出力や機能がコアな価値を提供するアプリケーションのことです。 AIネイティブアプリとは KDDI Agile Development Center Corporation
6. 最初からAIを中心として設計・開発された 生成AIの出力や機能がコアな価値を提供するアプリケーションのことです。 AIネイティブアプリとは ChatGPT Claude Kiro GitHub Copilot NotebookLM KDDI Agile Development Center Corporation AIネイティブアプリ Midjourney Perplexity
7. 最初からAIを中心として設計・開発された 生成AIの出力や機能がコアな価値を提供するアプリケーションのことです。 AIネイティブアプリとは Notion Canva Slack Instagram X Photoshop KDDI Agile Development Center Corporation Spotify AI機能はあるが AIネイティブアプリ ではない
8. KDDI Agile Development Center Corporation なぜ多言語対応が必要なのか？
9. なぜ多言語対応が必要なのか? 日本の人口と世界の人口の比 AIネーティブアプリの価値提供について 自分のサービスにアメリカからbotではないアクセスが来たのですが、多言語化に対 応していないため、適切なサービスを提供できておらず申し訳ないと思いました。 KDDI Agile Development Center Corporation いい感じの画像
10. KDDI Agile Development Center Corporation 多言語化はどうすればいい？
11. ブラウザの 言語設定 アプリ内の 言語設定 IP情報から 言語を推定 少し手間はかかるが、最も確 実で優先度が高い KDDI Agile Development Center Corporation 推定できる言語は間接 的で、旅先では一貫し た操作体験が得られな い 特定の言語を学ぶため に設定を変更している が、実はその言語が苦 手な人もいる ユーザーが利用する言語を把握する方法 まずはユーザーが使用する言語を把握する
12. IP情報から推 定される言語 ブラウザの 言語設定 アプリ内の 言語設定 ユーザーが利用する言語を把握する方法 ChatGPT Claude NotebookLM V0 Mastra docs 段階的なアプローチを採用 ‹#› KDDI Agile Development Center Corporation ベストプラクティスは段階的なアプローチを採用する ユーザーログイン前はブラウザの設定、ログイン後はアプリ内の言語設定を優先する 優先順位
13. 多言語化対象のコンテンツの種類 静的コンテンツ 動的コンテンツ ‹#› KDDI Agile Development Center Corporation 利用規約 プライバシーポリシー 料金設定 モデルの出力 メニューのテキスト
14. 静的コンテンツの多言語対応 negotiator ja cs de リクエストヘッダーから使用 する言語を検出 en ‹#› KDDI Agile Development Center Corporation Next.js リクエストヘッダー Accept-Language middleware.ts サブパス /[lang]/ /ja/about Next.js App Routerを使用する場合、 言語別のページルーティングとコンテンツレンダリングを実現できる。 (ネゴシエーター)
15. 静的コンテンツの多言語対応 ‹#› KDDI Agile Development Center Corporation Next.js App Routerを使用する場合、 言語別のページルーティングとコンテンツレンダリングを実現できる。 Next.js /[lang]/layout.tsx generateStaticParams en.json de.json cs.json ja.json 多言語ロケールによる ビルド時の静的サイト生成 （Static Site Generation）
16. 静的コンテンツの多言語対応 ‹#› KDDI Agile Development Center Corporation サードパーティのライブラリで多言語対応を実現する場合、next-intlがよく使われる。 Next.js公式で紹介されている多言語対応ライブラリの中で npmダウンロード数とGitHubスター数が最も多い
17. 静的コンテンツの多言語対応 ‹#› KDDI Agile Development Center Corporation サードパーティのライブラリで多言語対応を実現する場合、next-intlがよく使われる。 ミドルウェアでの言語切り替え処理の抽象化 ロケールプレフィックスの非表示機能 Number formatting Date and time formatting 言語特有のフォーマットにも対応 /ja/about
18. ‹#› KDDI Agile Development Center Corporation 動的コンテンツの多言語化対応はどうすればいい？
19. 動的コンテンツの対応 英語ユーザー ‹#› KDDI Agile Development Center Corporation LLMの指示を日本語にして、返信用の言語を付け加えるイメージしてませんか？ What are some yummy restaurants around here? システムプロンプト あなたは親しみやすいレストラン 案内AIです。ユーザーの位置情 報に基づいて、近くのおすすめレ ストランを紹介します。 応答スタイル フレンドリーで親しみやすい 口調 簡潔で分かりやすい説明 3-5店舗程度に絞って紹介 {質問内容} {language}で返信してください。
20. 動的コンテンツの対応 ‹#› KDDI Agile Development Center Corporation 大きな問題はないものの、理想的とは言えない 指示:英語 質問:英語 トータルトークン 422 指示:英語 質問:日本語 トータルトークン 522 指示:日本語 質問:英語 トータルトークン 682 指示:日本語 質問:日本語 トータルトークン 806
21. ‹#› KDDI Agile Development Center Corporation 動的コンテンツの対応 一般的なモデルのトークナイザーは日本語に特化していないため、 日本語のシステムプロンプトを使用する際に、過剰なトークンを消費してしまいます。 文字数は英語プロンプトの半分 トークン換算後は英語の2倍 日本語 英語
22. ‹#› KDDI Agile Development Center Corporation ではシステムプロンプトを全部英語にすればいいのか?
23. 言語・文化圏特有の課題 どんぶらこ どんぶらこ ‹#› KDDI Agile Development Center Corporation Babble babble！ 言語の中には独自の文化が存在します。
24. 言語・文化圏特有の課題 システムプロンプトが日本語の場合 システムプロンプトが英語の場合 肉じゃが ‹#› KDDI Agile Development Center Corporation LLMに料理の提案をしてもらう。 牛もも肉とじゃがいもとにんじんで簡単に作れる料理を聞いてみよう。 ビーフシチュー
25. 言語・文化圏特有の課題への対処 システムプロンプトが英語で、 日本語で質問した場合 日本語でビーフシチュ ーを提案する ‹#› KDDI Agile Development Center Corporation LLMに料理の提案をしてもらう。 牛もも肉とじゃがいもとにんじんで簡単に作れる料理を聞いてみよう。
26. 言語・文化圏特有の課題 I'm a middle schooler hanging out with friends this weekend. What do you think we'll do? Keep it short. Probably go to the mall, play games, eat snacks, or just hang out and talk. ‹#› KDDI Agile Development Center Corporation 中学生です、週末友達と遊びに行きます、どんな遊び だと考えられますか？簡潔に答えてください。 カラオケ、映画、ゲームセンター、ショッピング、ボ ウリング、公園で遊ぶなどが多いです。 プランニング 様々な分野において言語特有のドメイン知識が影響を及ぼす おそらくショッピングモールに行 って、ゲームをしたり、おやつを 食べたり、ただぶらぶらして話を したりするでしょう。 ファミレスの方がしっくりくる
27. 言語・文化圏特有の課題への対処 ‹#› KDDI Agile Development Center Corporation ショートヘア short hair 画像生成でもカルチャーギャップが存在する
28. ユーザーが使用する言語に合わせて、適切なプロンプトを差し替える。 ‹#› KDDI Agile Development Center Corporation 言語設定-日本語 Mastraのダイナミックエージェント を使えば簡単に実装可能
29. 多言語化の限界 ‹#› KDDI Agile Development Center Corporation 1.機械的な処理はシステムプロンプトを英語にしてコスト削減 3.利用するモデルの言語サポート状況を調査し、対応言語の上限を設定する 2.言語ドメイン知識が必要な場合はダイナミックでプロンプトを差し替え 英語、ドイツ語、スペイン語、フランス語、イタリア語、日本 語、韓国語、アラビア語、中国語 (簡体字)、ロシア語、ヒンデ ィー語、ポルトガル語、オランダ語、トルコ語、ヘブライ語の 15 の言語について最適化 Amazon Nova
30. 宣伝
31. AI編集者との会話、またはステップバイステップで要素を組み合わせる機能により、 簡単に物語を作成できる。 キミガタリ-物語制作プラットフォーム
32. 生成された物語の全ての要素を構造化して管理することが可能。 キャラクターの人間関係を グラフ表示で可視化できる キミガタリ-物語制作プラットフォーム
33. エピソード内登場するキャラク ターの重要度を調整できる 続編のエピソードや並行する エピソードも作成可能 キミガタリ-物語制作プラットフォーム 物語の設定に従って、一貫性のあるエピソードを作成ことが可能
34. ChatGPTやClaudeでも話を作れるけど、 「キミガタリ」の差別点は何？
35. キミガタリ-物語制作プラットフォーム エピソード作成に必要な情報整理 初稿作成 登場人物が全員AI エージェント化して、レビューをする レビュー内容を元に初稿修正
36. キミガタリ-物語制作プラットフォーム MCPサーバー使って簡単にその他MCPクライアントと連携可能。 MCP連携済みのClaude Desktop × Nano banana による漫画制作
37. キミガタリ-物語制作プラットフォーム アプリは無料で公開中！スポンサーを募集しています。
38. Be a Change Leader. アジャイルに力を与え 共に成長し続ける社会を創る