GreenEchoes Studioは、キーボードの設定を支援するWebツール「KeysFold」を企画・制作し、運営メディアGreenkeysでベータ版として公開しました。
ショートカットの同時押しや、短押し・長押しを使い分ける設定を、画面上の選択とコピーで作成できるツールです。
キーボード領域の知識を、ユーザーが実際に設定を進めるための操作画面と説明に落とし込む、自社制作の取り組みです。
KeysFoldを利用する（日本語） ／ KeysFold — English
| プロジェクト | KeysFold |
| 位置付け | 自社メディアGreenkeys向けの設定支援ツール |
| 制作範囲 | 企画・要件整理、UI設計、実装、操作説明、日本語・英語表示への対応 |
| 公開形態 | Greenkeys上でベータ公開 |
| 掲載画面のバージョン | v2.5.0-beta.1 |
制作背景：機能を知ることと、使えることの間にある課題
キーマップを変更できるキーボードには、同時押しをひとつのキーにまとめる機能や、押し方によって役割を変える機能があります。
キー数の少ないキーボードを使う場合にも、こうした設定が操作の選択肢になります。
一方、設定には専門的な名称や入力形式が登場します。「何をしたいか」は分かっていても、「どの文字列を入力すればよいか」が分からなければ、機能を活用するところまで進めません。
KeysFoldでは、この課題に対して、操作の目的から設定を作れる入り口を用意しました。先行ツール「VIA Any Generator」を出発点に、対象とする操作、画面構成、用語、配列の案内、多言語表示を整理しています。
設計方針：ユーザーが選ぶものを、実際の操作に合わせる
基本の流れは「やりたい操作を選ぶ」「設定をコピーする」「設定ツールへ貼り付ける」の3段階です。ControlやShiftなど、キーボード上で見慣れた名称を起点に、組み合わせるキーを選べる構成としました。
生成結果には、通常の利用で選びやすいコピー用のボタンを大きく配置しています。
同じ設定の別表記や技術的な内訳は、必要に応じて開く形にまとめました。
内部の仕組みを確認したいユーザーへの情報も残しています。
機能は、同時押しの「Shortcut」、短押し・長押しの「Tap & Hold」、長押し中に別のキー配置を使う「Layer Tap」の3つに整理
WindowsとMacでよく使う操作例と、ページ内で読める簡単なマニュアルも用意しました。
日本語配列と表示言語を、別々の条件として設計
キーボードの設定支援では、日本語の文章を英語へ置き換えるだけでは十分ではありません。
日本語配列と英語配列では、一部の記号と内部のキー名称との対応が異なるためです。
KeysFoldは、日本語（JIS）・英語（US）の配列選択を、ページの表示言語とは別に持たせています。
日本語ページでUS配列を使う場合も、英語ページでJIS配列を使う場合も、パソコン側の設定に合わせて案内を選べます。
また、WordPressの多言語運用では、ツールの表示文言と、動作に必要なプログラムを分けて扱いました。
ツール内の文言は内蔵の日本語・英語辞書で管理し、ページの翻訳時にコードまで書き換わらない構成としています。
翻訳後にも、同じ操作で同じ設定を生成できることを確認しました。
公開時点で確認したことと、今後の改善
公開版では、日本語・英語の画面でショートカットなどの設定を生成できることを確認しています。
また、VIA・VIAL・JZF Hub・Keychron Launcherで共通コードの認識を確認しています。
これらは、すべてのキーボードや機能の互換性を保証するものではありません。
利用できる機能はキーボードのファームウェアにも依存するため、ベータ版として公開し、詳細な対応範囲を確認しながら改善を進めます。
SNSでは#KeysFoldを付けた不具合・改善提案を受け付けています。
KeysFoldは、キーボードの機能を理解し、ユーザーが選べる言葉や操作へ組み直す実践です。
GreenEchoes Studioでは、こうした専門領域への理解を、製品仕様の検討や日本市場向けの情報設計、使用方法を伝えるコンテンツ制作にも生かしていきます。
公開中のKeysFoldを見る ／ View KeysFold in English
キーボードの製品監修、ローンチ支援、レビュー・取材制作などについては、法人向けサービスのご案内をご覧ください。