ノート一覧へ
🔧開発💪挑戦
多言語サポートシステム構築中
2025年8月25日
4分
Park Labsウェブサイトに多言語サポートシステムを構築中。韓国語、英語、日本語の3言語対応。next-intl使用。
ウェブサイトに多言語（i18n）を入れてる。
uranai-musumeが日本ターゲットだし、今後グローバルも考えると最初から多言語構造を作っておくべきだと思って始めた。
🛠️ 進捗状況
1. next-intl設定完了
/ko, /en, /ja ルーティング構造
言語別メッセージファイル分離
言語セレクター実装
2. 翻訳作業
韓国語 ✅ 英語 ✅ 日本語 ✅
翻訳自体はすぐできたけど、全コンポーネントに適用するのが地味に手間がかかる
3. ハマったこと
Next.jsのparamsがPromise型に変わってタイプエラーが出た。公式ドキュメントをかなり探して解決。
SSGと多言語ルーティングの組み合わせが厄介だった。generateStaticParamsでlocaleの組み合わせを全部作らないといけないんだけど、最初は知らなくてビルドエラーを何回か見た。
Cloudflare Pagesでlocale redirectの設定もちょっと手こずった。
🌏 なぜ3言語なのか？
日本語: uranai-musumeプロジェクトのために必須
英語: グローバル展開の準備
韓国語と日本語は語順が似てるからまだ助かる。英語の翻訳が一番面倒。
多言語を後から追加しようとしてたら本当に苦労したと思う。最初から入れておいてよかった。
#i18n#多言語#next-intl#国際化#日本#英語