勉強会やハンズオンでパソコンの画面を映しながら説明をすることがあります。マウス操作ですべて終われば良いのですが、多くの場合キーボードを使います。そんな時にキーボードショートカットを使うと突然操作が行われて聴衆は混乱してしまいます。 そこでキー入力を可視化するソフトウェアが必要になります。今回はElectronを使って作られたKeyCastJsを紹介します。

KeyCastJsの使い方

起動したところ。DevToolsが表示されていますが、これは閉じても大丈夫です。

実際に操作しているところ。キー入力がそのまま表示されます。

KeyCastJsはチュートリアル動画で使ったり、プレゼンテーションで活用することもできます。キーボード入力はぱっと見では分からないので、可視化すると分かりやすくなるでしょう。

KeyCastJsはElectron/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

kjunichi/keycastjs