# 埋め込みアプリのメニュー項目名の設定を日本語でできない。

**URL:** <https://community.shopify.com/t/topic/28733>\
**Category:** 技術的なQ＆A\
**Created:** [December 18, 2020, 1:50pm UTC](https://community.shopify.com/t/topic/28733 "2020-12-18T13:50:53Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

埋め込みアプリのメニュー項目名を管理画面から設定すると「名前は大文字にする必要があります」と表示され、日本語が受け付けられない問題。現状は英大文字で始めて後ろに日本語を括弧書きするなどで対応中。 

現状・方針:
- 日本語対応は「対応予定」だが、管理画面からはまだ設定不可との情報。
- 回避策として、Polaris（ShopifyのUIコンポーネント） の Tabs を使ってアプリ内に独自メニューを表示する案。

最新の有効な回避策:
- App Bridge（埋め込みアプリ用のフロントエンド連携ライブラリ）の NavigationMenu アクションで、フロントエンドから動的にメニューを設定可能。
- 管理画面で設定した場合と同じ見た目で表示され、日本語の項目名も使用できることを確認（スクリーンショットあり）。

結論・ステータス:
- 公式の管理画面での日本語対応は未実装だが、App Bridge NavigationMenu で実質的に解決可能。
- 当面は現行の表記または Polaris/NavigationMenu を用いた代替で運用。正式対応時期は不明で議論は事実上クローズ。

<div class="post-metadata">

**Author:** ![wizozmac](https://avatars.discourse-cdn.com/v4/letter/w/df705f/32.png) [@wizozmac](https://community.shopify.com/u/wizozmac)\
**Post date:** [December 18, 2020, 1:50pm UTC](https://community.shopify.com/t/topic/28733/1 "2020-12-18T13:50:53Z")

</div>

**アプリ管理 → 拡張機能 → 埋め込みアプリ【管理】→ メニュー【設定する】→ メニューリンクを追加する**

からリンクを設定して名前を設定しようとすると、下図のように

名前は大文字にする必要があります

とメッセージされて日本語でメニュー項目名を設定しようとしても受け付けてくれません。

 ![スクリーンショット 2020-12-18 22.28.19.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/2/7/274fcac8639a86cf9988943d741b272bdb7008e0.png)

現在、英大文字半角アルファベットで始まるメニュー項目名に続けて括弧書きで日本語のメニュー項目名を設定することでごまかしていますが、この埋め込みアプリのメニュー項目名は、日本語対応される予定とかあるのでしょうか？

それとも、何か回避策とかありますか？

あれば教えて頂きたいのですが、宜しくお願いします。

---

<div class="post-metadata">

**Author:** ![mashabow](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/mashabow/32/69734_2.png) [@mashabow](https://community.shopify.com/u/mashabow)\
**Post date:** [December 28, 2020, 7:40am UTC](https://community.shopify.com/t/topic/28733/2 "2020-12-28T07:40:41Z")

</div>

わたしも以前同じところでハマりました。

対応予定ではあるようですが、残念ながら、現時点ではまだ日本語は設定できないですね…。

[https://community.shopify.com/topic/655485](https://community.shopify.com/topic/655485)

一応、「それっぽいメニューを Polaris の [Tabs](https://polaris.shopify.com/components/navigation/tabs#navigation) で自作して、埋め込みアプリ内に表示する」という回避策もあるかと思います。

---

<div class="post-metadata">

**Author:** ![wizozmac](https://avatars.discourse-cdn.com/v4/letter/w/df705f/32.png) [@wizozmac](https://community.shopify.com/u/wizozmac)\
**Post date:** [December 28, 2020, 9:15am UTC](https://community.shopify.com/t/topic/28733/3 "2020-12-28T09:15:00Z")

</div>

有り難うございます。

大変参考になりました。

なるほど、日本語対応だけの問題でなく、マルチ言語対応全般の問題だったわけですね。

回避策となるとやはり、埋め込みアプリのナビゲーションバーを避けてPolarisで代替するしかないですね。

ひとまず、このまま英アルファベットと日本語メニューを表示のままアプリを作成して、マルチ言語対応が遅いようなら、Polarisで代替メニューを実現する方向で検討してみます。

---

<div class="post-metadata">

**Author:** ![mashabow](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/mashabow/32/69734_2.png) [@mashabow](https://community.shopify.com/u/mashabow)\
**Post date:** [August 16, 2021, 6:23am UTC](https://community.shopify.com/t/topic/28733/4 "2021-08-16T06:23:44Z")

</div>

今さらですが、App Bridge に [NavigationMenu](https://shopify.dev/apps/tools/app-bridge/actions/menu/navigation) というものがあるのに気づきました。アプリのフロントエンドからこの NavigationMenu アクションを使うと、動的にメニューを設定できるようです。

「アプリ管理」の設定画面で設定した場合と同じ見た目になりますし、日本語の項目名も使えました。

 ![Shopify.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/2/a/2a1895271d66a323033ddd9a97eec00987e82bf5.png)
