Adobe Creative Cloud Proが最初の3ヶ月50%OFF!

チュートリアル動画にキーボード操作を表示!「Keyviz」の設定・使い方を解説

チュートリアル動画にキーボード操作を表示!「Keyviz」の設定・使い方を解説

チュートリアル動画向けのキー表示ツールとして、Keyviz はシンプルで扱いやすい選択肢です。

無料で使えて動作も軽く、起動しておくだけでキー操作を自動表示できます。

本記事では、Keyvizのダウンロード方法から基本設定、チュートリアル動画向けの実践的な使い方までを、初めて使う方でも迷わないように解説します。

目次

Keyvizとは?できることと強み

チュートリアル動画や操作説明の動画を作っていて、「今、どのショートカットキーを押したか」を言葉やテロップで後から補足するのに苦労したことはありませんか?

Keyviz(キービズ)は、キーボード操作をリアルタイムで画面上に表示してくれる、オープンソースのフリーソフトです。

単にキーを表示するだけでなく、動画のクオリティを一段引き上げてくれるような「痒い所に手が届く」機能が凝縮されています。

スタイリッシュに操作を可視化する、Keyvizの魅力

Keyvizの最大の強みは、「導入のしやすさ」と「圧倒的な見栄えの良さ」の両立です。具体的には、以下のようなクリエイターに嬉しいメリットが詰まっています。

リアルタイムなキー・マウス表示

タイピングした文字や、Ctrl + C といった複数キーの同時押し(コンボ入力)を即座にデスクトップへ表示します。

マウスのクリック操作も視覚化できるため、視聴者はあなたの手元の動きを完璧に把握できるようになります。

完全無料で動作が非常に軽い

多機能でありながら、オープンソースゆえに完全無料。さらに動作が非常に軽量なため、Premiere ProやAfter Effectsといった重い編集ソフトを動かしながらでも、PCのパフォーマンスを落とすことなく常駐させておけます。

動画の邪魔をしない洗練されたデザイン

従来のキー表示ツールはデザインが無機質なものが多いですが、Keyvizは非常にモダン。

表示の色、サイズ、フォント、アニメーションなどを細かくカスタマイズできるため、自分のチャンネルの雰囲気に合わせた「おしゃれな表示」が可能です。

動画の邪魔をしない洗練されたデザイン

従来のキー表示ツールはデザインが無機質なものが多いですが、Keyvizは非常にモダン。

表示の色、サイズ、フォント、アニメーションなどを細かくカスタマイズできるため、自分のチャンネルの雰囲気に合わせた「おしゃれな表示」が可能です。

録画・配信ソフト(OBSなど)との高い親和性

デスクトップ上に直接オーバーレイとして表示されるため、OBS Studioなどの配信ソフトや画面録画ソフトでそのままキャプチャできます。背景透過の処理も不要で、起動するだけで準備が完了する手軽さも魅力です。

単なる「補助ツール」の枠を超え、解説動画のプロフェッショナルな雰囲気を演出してくれる。それがKeyvizが多くの動画クリエイターに選ばれている理由です。

Keyvizはどんな人におすすめ?

Keyvizは、PC画面を使ったあらゆる情報発信において威力を発揮します。特に以下のような方には必須のツールと言えるでしょう。

こんな人にKeyvizはおすすめ!
動画編集のチュートリアル動画を作るクリエイター

「どのショートカットを使ったか」をいちいちテロップで入れる手間を省きたい方に最適です。

ソフトウェアの操作解説をするYouTuber・講師

PhotoshopやBlender、プログラミングなどの複雑な操作を、視聴者にストレスなく伝えたい場合に役立ちます。

ライブ配信で操作を見せたいストリーマー

ゲーム実況やライブコーディング、デザイン配信などで、リアルタイムに手元の動きを可視化したいシーンで活躍します。

ソフトウェアの操作解説をするYouTuber・講師

PhotoshopやBlender、プログラミングなどの複雑な操作を、視聴者にストレスなく伝えたい場合に役立ちます。

プレゼンやオンラインミーティングを行うビジネスパーソン

デモ画面を見せながら説明する際、視覚的な補助としてキー入力を表示することで、参加者の理解度を高めることができます。

Keyvizのダウンロード・インストール方法

Keyvizはオープンソースのソフトウェアで、公式サイト(GitHub)から無料でダウンロードできます。

現在(2026年2月5日時点)、Keyvizには最新の機能が使える「v2.1.0-beta」と、旧安定版の「v1.0.6」の2つの選択肢がありますが、本記事ではより高機能でデザインの自由度が高い「v2.1.0-beta」をダウンロードする前提で解説を進めます。また解説はWindows版を使用して行います。

旧バージョンとは設定画面のレイアウトが大きく異なるため、本記事を参考にされる方はぜひ最新のベータ版を導入してみてください。

より新しいバージョンがリリースされている場合は、最新バージョンをダウンロードしてください。

STEP
公式配布サイト(GitHub)からダウンロード

まずは、Keyvizの公式配布ページ(GitHub)へアクセスします。

v2.1.0-beta Releaseの文字をクリックします。

v2.1.0-beta Releaseページが表示されるので、下にスクロールして「Assets」という項目の中にある、自分のOSに合ったファイルをクリックしてダウンロードしてください。

  • Windowsの場合: keyviz_x.x.x_windows.msi

  • Macの場合: keyviz_x.x.x_macos.dmg

STEP
インストールを実行

ダウンロードしたファイルを実行して、インストールを進めます。

  1. ダウンロードした .msi ファイルをダブルクリックします。
  2. 画面の指示に従って「Next」を押していけば数秒で完了します。
  3. インストールが終わると、デスクトップやスタートメニューにKeyvizのアイコンが表示されます。

初回起動時にやっておくべき基本設定

Keyvizを起動したら、まずはタスクバーのアイコンを右クリックして「Settings」を開きましょう。視聴者にとって「ストレスのない見え方」にするためのポイントは3つです。

表示スタイルの選び方(プリセット)

Keyvizの強みは、そのデザイン性の高さにあります。「Visual」タブから、動画の雰囲気に合わせたスタイルを選びましょう。

  • キーの表示形式(Style) 「Classic」や「Modern」など複数のプリセットがあります。おすすめは、枠線がはっきりしていて視認性が高い「Modern」です。背景色と文字色のコントラストを強めに設定すると、どんな動画の背景でも文字が埋もれません。
  • 押下中のハイライト キーを押している間、色が変わる「Pressing effect」を有効にしておきましょう。「今、まさに押している」というライブ感が伝わり、動画の説得力がアップします。
  • 表示サイズ・フォント 初期設定では少し小さい場合が多いです。スマートフォンの小さな画面で視聴するユーザーを想定し、**「Scale」を少し大きめ(1.2〜1.5倍程度)**に設定し、太めのゴシック体フォントを指定するのがコツです。

画面上の配置と透明度調整

次に「Position & Animation」の設定を確認します。

  • 画面端に置く理由 キー表示は、画面中央などのメイン操作エリアに被せてはいけません。基本的には**「画面の下部(中央または左右の隅)」**に配置するのが定石です。
  • 動画編集画面と被らない配置 例えば、Premiere Proの解説動画なら、タイムラインパネルやツールボックスを隠さない位置を選びます。Keyvizの設定画面にある「Margin(余白)」を調整して、画面の端から少し浮かせるように配置すると、窮屈さがなくなります。
  • OBSでの見え方も想定 OBSなどの録画ソフトでキャプチャする場合、Keyviz自体の透明度(Opacity)を少し下げる(80〜90%程度)と、下の画面がうっすら透けて圧迫感が減ります。ただし、透かしすぎると文字が読めなくなるため、実際に録画テストをして調整しましょう。

H3:プリセットと表示スタイルの選び方

  • 表示形式の違い
  • 視認性を優先した選択

H3:キー表示のサイズ・フォント調整

  • 小さすぎ/大きすぎ問題
  • フルHD前提での考え方

H3:画面上の配置と透明度

  • 画面端に置く理由
  • 編集画面と被らせない工夫

H2:Keyvizの基本的な使い方

内容

  • 起動するだけで使える
  • 特別な操作は不要
  • 常駐時の挙動
  • 録画・編集時の安定性

👉
「難しそう」を完全に払拭するパート

H2:チュートリアル動画向けの実践設定例

この記事のコア②(差別化)

内容

  • 不要なキーを表示しない
  • Ctrl / Shift / Alt を強調する
  • ショートカット連打時の見え方
  • 実際のチュートリアル動画を想定した考え方


VEGAS Pro / Premiere Pro / DaVinci Resolve
など具体名を軽く出す(SEO用)

H2:Keyvizの注意点・気になるポイント

内容

  • UIが少し独特な点
  • 設定ファイルの扱い
  • アンインストール時の注意
  • 人によっては合わないケース

👉
デメリットを書く=信頼を稼ぐ


H2:他のキー表示ツールとの違い(簡単に)

内容

  • Carnac
  • NohBoard
  • OBS Input Overlay


比較は深掘りしない
→ 別記事への内部リンク前提

H2:まとめ|Keyvizはチュートリアル動画の分かりやすさを底上げする

内容

  • 無料で導入できる
  • 設定もシンプル
  • 視聴者の理解度が上がる
  • 解説動画を作るなら入れて損なし

👉
YouTube動画・関連記事へのCTA配置

インストール方法

完全リセット方法

C:\Users\ユーザー\AppData\Roaming\org.keyvizの中のstore.jsonフォルダを削除する

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

どの動画編集ソフトが今お得?
今月のセール情報をまとめてチェック!

▼▼▼動画編集ソフトはセールで買うのがお得▼▼▼

この記事を書いた人

Youtubeで動画編集のやり方を教えている「あつし」です。
当サイトでは、動画編集ソフトの使い方や、お役立ち情報、3DCG、VFX等動画編集や映像制作全般についての情報を発信していきます。
また、姉妹サイトの「TRY VEGAS PRO」では、動画編集ソフト「VEGAS Pro」に特化した情報や使い方を配信しています。
姉妹サイトともどもよろしくお願いします。

コメント

コメントする

目次