AppSheetで日本語に変えたい人は多いでしょう。今回は、AppSheetのメニュー表示やボタンを日本語で表示する手順の記事を書きます。これで日本語アプリを作成することができます。
- UXメニューのLocalizeタブで日本語化はできる
- ボタンはBehaviorメニューのActionsタブでボタンのDisplay nameを変える
- コラム名は英語のまま表示する場合にはDataメニューのColumnsタブでDISPLAYNAMEを変える
AppSheetアプリの下準備
AppSheetで見た目を変える方法を説明したいと思います。まずは、スプレッドシートでデータを作ります。
![](https://aoi345.com/wp-content/uploads/2024/02/image-21.png)
続いて、拡張機能のAppSheetからアプリを作成を選びます
![](https://aoi345.com/wp-content/uploads/2024/02/image-4.png)
アプリ作成が完了されたら、ポップアップウィンドウを閉じて、いつも通りのレガシーモードに切り替えます。
![](https://aoi345.com/wp-content/uploads/2024/02/image-5.png)
右側には下記のようなサンプルアプリが表示されています。
![](https://aoi345.com/wp-content/uploads/2024/02/image-22.png)
日本語化するためのメニューの位置
下記のようにアプリ側を見ると、基本的に自分が入力した値以外は英語になっています。
![](https://aoi345.com/wp-content/uploads/2024/03/image-8.png)
これを日本語化するにはアプリ開発側の画面の左側「UX」メニューから「Localize」タブを選びます。ここを書き換えると日本語になります。
![](https://aoi345.com/wp-content/uploads/2024/03/image-10.png)
多く表示される部分を日本語に変える
とても面倒くさいですが、上の方やアプリで表示されているものを中心に日本語に変えていきます。
![](https://aoi345.com/wp-content/uploads/2024/03/image-13.png)
![](https://aoi345.com/wp-content/uploads/2024/03/image-14.png)
![](https://aoi345.com/wp-content/uploads/2024/03/image-15.png)
![](https://aoi345.com/wp-content/uploads/2024/03/image-11.png)
上記を保存すると下記の通りに対応した場所が日本語になります。上の方の記載を日本語にすると多くの部分が日本語になります。しかし、ボタンが日本語になっていないというのが気になります。
![](https://aoi345.com/wp-content/uploads/2024/03/image-16.png)
ボタンや項目名を日本語にする方法
左側のメニューから「Behavior」を選び、「Show all」ボタンを押します。
![](https://aoi345.com/wp-content/uploads/2024/03/image-17.png)
そうすると下記のようにAdd、Delete、Editなどがひょうじされるので「Add」を選びます。
![](https://aoi345.com/wp-content/uploads/2024/03/image-18.png)
そして表示されるメニューのDisplayの中にある「Display name」に日本語化した文字を入れます。
![](https://aoi345.com/wp-content/uploads/2024/03/image-19.png)
同様にDeleteも「Display name」に日本語化した文字を入れます。
![](https://aoi345.com/wp-content/uploads/2024/03/image-20.png)
Editにも同様に日本語を記入し、右上の「SAVE」を押します。
![](https://aoi345.com/wp-content/uploads/2024/03/image-21.png)
そして、アプリ側を確認するとボタンも日本語になっています。
![](https://aoi345.com/wp-content/uploads/2024/03/image-22.png)
![](https://aoi345.com/wp-content/uploads/2024/03/image-23.png)
今回のデータはスプレッドシートの項目名を日本語にしていますが、これを英語にすると当然項目名が英語になります。項目名は英語のまま、表示だけ日本語にしたい場合には「Data」メニューの「Columns」タブからテーブルの情報を表示し、「DISPLAY NAME」に日本語を記入すると、表示だけ日本語にできます。
![](https://aoi345.com/wp-content/uploads/2024/03/image-24.png)
![](https://aoi345.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
まとめ
今回は、AppSheetのメニュー表示やボタンを日本語で表示する手順についての記事を書きました。ポイントをまとめると下記の通りとなります。
- UXメニューのLocalizeタブで日本語化はできる
- ボタンはBehaviorメニューのActionsタブでボタンのDisplay nameを変える
- コラム名は英語のまま表示する場合にはDataメニューのColumnsタブでDISPLAYNAMEを変える
つまり、AppSheetで日本語表示するにはLocalizeでの日本語化がおすすめです。そのほかにも、各箇所のDisplay nameで設定しましょう!
AppSheetに興味がある人は、下記の記事もチェックしてください。
![](https://aoi345.com/wp-content/uploads/2024/03/4255ecad936e4cd1e7822b7cd9d7c05e-5-300x300.png)