Developer Experience & Platform UX — better-i18nでスピードと喜びのために構築
すべてのインタラクションが意図的に設計されたDeveloper Experience — Command Paletteナビゲーション、Inline Editing、Auto-Sync、そしてすべてのワークフローに組み込まれたAI支援。
Cmd+Kで瞬時にどこへでも移動
Command Paletteはbetter-i18nを最も素早く移動する方法です。Cmd+K（Windows/LinuxではCtrl+K）を押すと、プラットフォームのあらゆる場所に瞬時にアクセスできます — プロジェクトへのジャンプ、ネームスペースの切り替え、設定を開く、アクションのトリガー、すべてキーボードから手を離さずに行えます。
パワーユーザーはCommand Paletteの中で生活しています。プロジェクト、キー、設定をインデックス化し、一つの流れるような動作で検索してアクションを実行できます。メニューをクリックしたり、何がどこにあるか覚えたりする必要はもうありません。
数分で本番環境へ送り出せるオンボーディング
better-i18nを初めてお使いですか？オンボーディングウィザードがセットアップをステップバイステップでご案内します — リポジトリを接続し、最初のプロジェクトを設定し、言語を追加し、最初の翻訳をプッシュします。各ステップは次に進む前に検証されるため、設定が壊れた状態になることはありません。
ウィザードはあなたのスタックに適応します。Next.js、TanStack RouterとReact、Expo、Flutterのいずれを使用していても、フレームワークを検出してセットアップ手順を調整します。
スケールのために構築されたTranslation Editor
Translation Editorはチームが最も多くの時間を費やす場所です。そのため、大規模なワークロードを難なく処理できるよう設計しました。
5,000以上のキーに対応するVirtual Scrolling
従来のテーブルレンダリングは大きなキーセットでは機能しません。better-i18nは仮想化レンダリングを使用します — ビューポートに表示されている行のみがDOMに存在します。5,000、10,000、さらには50,000のキーを50キーのプロジェクトと同様になめらかなパフォーマンスでスクロールできます。
Inline Editing — クリック、タイプ、完了
すべての翻訳セルは直接編集可能です。セルをクリックし、翻訳を入力して、次に移動します。モーダルなし、保存ボタンなし、余分なクリックなし。エディタは邪魔をしないので、翻訳者はコンテンツに集中できます。
3.5秒のデバウンスによるAuto-Sync
変更は自動的に保存されます。タイピングを止めると、3.5秒のデバウンスがZustandストア経由でサーバーへのSyncをトリガーします。保存を押すことを覚える必要はなく、作業が失われることもありません。ツールバーのSync インジケーターで変更がいつ永続化されたかを正確に確認できます。
ネームスペースのグループ化
大きなプロジェクトはキーをネームスペースに整理します。エディタでは、ネームスペースグループを展開・折りたたむことができるので、無関係なキーの視覚的な煩雑さなしに、作業中のセクションに集中できます。
検索とフィルタリング
キー名や翻訳値を検索して任意のキーを即座に見つけられます。ネームスペース、言語、または翻訳ステータス（翻訳済み、未翻訳、要レビュー）でフィルタリングして、注意が必要な作業に絞り込めます。
Activity Log — すべてのアクションへの完全な可視性
プロジェクトレベルのActivity Logは、プロジェクト全体で行われたすべてのアクションを追跡します — キーの作成、翻訳の更新、パブリッシュ、設定の変更、チームメンバーの追加。各エントリには、誰が何を、いつ、どのリソースに対して行ったかが表示されます。
これはチームにとって不可欠です。翻訳が本番環境で壊れた場合、Activity Logはどの変更が原因でそれを誰が行ったかを正確に教えてくれます。もう推測したり責任を押し付け合ったりする必要はありません。
グローバルAI Drawer
AIチャットパネルはプラットフォームのすべてのページからアクセスできます。翻訳に関する質問をしたり、コピーを改善するための提案を得たり、新しい言語の翻訳を生成したり、設定の問題をトラブルシューティングするために開きます。
AI Drawerはあなたのカレントプロジェクトとページのコンテキストを維持するため、毎回セットアップを説明することなく関連する回答を提供できます。
Developer Tools Modal
デバッグとパフォーマンス最適化のために、Developer Tools ModalはAPIコールのタイミング、キャッシュヒット率、Syncステータス、設定の診断など、内部で何が起きているかの可視性を提供します。プラットフォームの動作を正確に理解したいエンジニアのために開発モードで利用可能です。
LLMプロバイダー管理
better-i18nはAIを活用した翻訳のために複数のLLMプロバイダーと統合します。プロバイダー管理インターフェースでは以下が可能です：
- プロバイダーの追加 — OpenAI、Anthropic、Google、またはその他のサポートされているLLMプロバイダーを接続
- モデルの設定 — 各プロバイダーで使用するモデルを選択
- 優先順位の設定 — プロバイダーが利用できない場合のフォールバック順序を定義
- 使用状況の監視 — プロバイダーごとのトークン消費とコストを追跡
これにより、翻訳ワークフローを動かすAIバックエンドをチームが完全にコントロールできます。
組み込みAnalytics
PostHogイベントトラッキングはプラットフォーム全体に統合されており、チームがbetter-i18nをどのように使用しているかについての洞察を提供します — どの機能が最も使用されているか、ユーザーがどこで摩擦を感じているか、翻訳速度が時間とともにどのように推移しているか。プライバシー完全管理のため、すべてのデータはあなたのPostHogインスタンス内に留まります。