操作説明の動画を作りたいとき、こんな悩みはありませんか？

• 「クリックした場所がわかりにくい」
• 「どのキーを押したか視聴者に伝えにくい」
• 「注目ポイントをズームして見せたい」

そんな課題を解消するために、Windows 向けの画面録画アプリ OpRec を開発しました。

GitHub - r-dev95/OpRec

Contribute to r-dev95/OpRec development by creating an account on GitHub.

GitHub

OpRec とは

OpRec は、クリックハイライト・キー表示・ズーム機能を備えた Windows 向け画面録画アプリです。C# / .NET 8 / WinUI 3 で構築されており、操作説明動画の作成に特化した機能を揃えています。

主な機能

📹 画面録画：

任意の範囲をドラッグで選択して録画できます。システム音声・マイク音声の同時録音にも対応しています。

🖱️ クリックハイライト（録画用オーバーレイ）：

マウスクリックした位置をビジュアルでハイライト表示します。視聴者がどこを操作しているかが一目でわかります。

⌨️ キー表示（録画用オーバーレイ）：

押下したキー入力をオーバーレイで表示します。ショートカットキーの説明動画などで重宝します。

🔍 ズーム表示（録画用オーバーレイ）：

録画中に特定箇所をズームして見せることができます。細かいUIの操作説明に便利です。

🗺️ ミニマップ（ガイド用オーバーレイ）：

ズーム位置を示す枠線とミニマップを、録画対象外のオーバーレイ画面に表示します。録画者自身が現在のズーム位置を把握できます。

⚙️ 設定の保存と管理：

ホットキー・映像品質・FPS・音声キャプチャモードなどの設定を保存・管理できます。

デモ

操作イメージ：

録画イメージ：

使い方

1. アプリを起動する
2. 設定画面でホットキーや品質を調整する
3. 録画範囲をドラッグして選択する
4. ホットキーまたは操作ボタンで録画開始 / 停止する

アーキテクチャ

クリーンアーキテクチャをベースに、以下の4層で設計しています。

レイヤー	役割
Presentation	UI（WinUI 3）と ViewModel（MVVM）
Application	ユースケース・セッション状態管理・ポート定義
Infrastructure	録画・入力・設定の実装
Domain	ドメインモデル・設定値

依存の方向は常に内側（Domain）に向かい、Application と Infrastructure の境界はインターフェースで分離しています。詳細は architecture.md をご参照ください。

技術スタック

種別	内容
言語	C#
フレームワーク	.NET 8 / WinUI 3 (Windows App SDK)
アーキテクチャ	クリーンアーキテクチャ, MVVM
音声処理	Windows.Media, NAudio
DI	Microsoft.Extensions.DependencyInjection / Hosting
ログ	Microsoft.Extensions.Logging, NLog
UI部品	CommunityToolkit.WinUI, WinUIEx

おわりに

既存ツールでは痒いところに手が届かないと感じたことが開発のきっかけです。 ちょっとした操作説明動画を作る際にあったらいいなって思った機能を詰め込んでみました。

フィードバックや Issue・PR など歓迎しています！

GitHub - r-dev95/OpRec

Contribute to r-dev95/OpRec development by creating an account on GitHub.

GitHub