Keyboard Layout Editor：キーボード画像をブラウザ上で作成できるツール

HAGANEYA（@imech_jp）です。

"パソコンの操作説明" などのマニュアル作成に便利かも？

『Keyboard Layout Editor』を使えば、あなたが普段使っているブラウザ上で、キーボードのレイアウトを自由自在にデザインすることができます。

『Keyboard Layout Editor』の使い方

まずは『Keyboard Layout Editor』のサイトへアクセスしましょう。

最初に [Preset] → [Blank Layout] をクリックして、編集画面をリセットしてください。

画面左上の [Add Key] からキーを追加していきます。

キーを１つ１つ選択し、[Properties] から文字を編集していきましょう。漢字・ひらがな・カタカナも入力可能です。

キーの文字色・背景色なども変更可能です。

マウスをドラッグしてキーを囲み [Delete Keys] をクリックすると、選択したキーを削除できます。

プリセットをいじっていくのもアリ

前項の方法で "何も無いところから作っていく" のも良いんですが、面倒であれば [Preset] から完成図を読み込んでしまいましょう。

プリセットは、全部で21種類用意されています。