Rui Softwareキーボードチェッカー
キーボードのキーを押すと、押したキーの情報が表示されます。キーが正常に入力されているか確認できます。
Ctrl
Shift
Alt
Meta (Win/Cmd)
CapsLock
key
—
code
—
keyCode (非推奨)
—
which (非推奨)
—
location
—
repeat
—
Esc
F1
F2
F3
F4
F5
F6
F7
F8
F9
F10
F11
F12
PrtSc
ScrLk
Pause
~`
!1
@2
#3
$4
%5
^6
&7
*8
(9
)0
_-
+=
⌫ Back
Tab ⇥
Q
W
E
R
T
Y
U
I
O
P
{[
}]
|\
Caps Lock
A
S
D
F
G
H
J
K
L
:;
"'
Enter ↵
Shift ⇧
Z
X
C
V
B
N
M
<,
>.
?/
Shift ⇧
Ctrl
Win
Alt
Space
Alt
Win
Menu
Ctrl
Ins
Home
PgUp
Del
End
PgDn
↑
←
↓
→
入力ログ
キーを押すとここに記録されます...
📋 このツールを作ったプロンプト
以下のプロンプトをClaude・ChatGPT・GeminiなどのAIに貼り付けると、同じようなツールを作ることができます。
ブラウザで動くキーボードチェッカーツールをHTML単一ファイル（HTML/CSS/JS完結）で実装してください。 【機能要件】 - キーを押したとき KeyboardEvent の key / code / keyCode / which / location / repeat を画面に表示する - 押下中のキーをビジュアルキーボード上でハイライト（背景色を変える）する - Ctrl / Shift / Alt / Meta (Win/Cmd) / CapsLock のモディファイアキーをチップ表示で ON/OFF 切り替え表示する - 入力ログを最新順で最大100件表示する（repeat=true のキーリピートは記録しない） - ログのクリアボタンを設ける 【ビジュアルキーボードレイアウト】 - ファンクション行（Esc, F1-F12, PrtSc, ScrLk, Pause） - 数字行（` 1-0 - = Backspace） - QWERTY行（Tab Q-P [ ] \） - ASDF行（CapsLock A-L ; ' Enter） - ZXCV行（Shift Z-M , . / Shift） - 最下行（Ctrl Win Alt Space Alt Win Menu Ctrl） - カーソル行（Insert Home PageUp / Delete End PageDown / ↑ ← ↓ →） 【実装方針】 - data-code 属性にキーコードを持たせ querySelector で対象キー要素を特定する - keydown で activeKeys[e.code] = true にしてハイライト付与、keyup で解除する - ログは insertBefore(entry, firstChild) で先頭挿入し最新順を維持する - HTML/CSS/JS を1ファイルに収める・外部ライブラリ不使用 - IIFE で全体をラップしてグローバル汚染を防ぐ