随想ノオト
テクノロジー · 読了 10分 · 0

スクリーンショットとスクリーンレコード、使い分けるタイミングと保存形式

結論: 「状態」はスクリーンショット、「操作」はスクリーンレコード。形式はPNG・MP4が無難。 画面を記録する方法を聞かれると、多くの人が「とりあえずスクリーンショット」と答えます。ところが、手順を説明したい場面や再現性を確認したい場面では、静止画では情報が足りないことがほとんどです。 一方で「スクリーンレコードを送…

by 編集部

結論: 「状態」はスクリーンショット、「操作」はスクリーンレコード。形式はPNG・MP4が無難。

画面を記録する方法を聞かれると、多くの人が「とりあえずスクリーンショット」と答えます。ところが、手順を説明したい場面や再現性を確認したい場面では、静止画では情報が足りないことがほとんどです。

一方で「スクリーンレコードを送ったら重くてメールに添付できなかった」という経験も珍しくありません。どちらを使うか、そしてどの形式で保存するか。この2点を決めておくだけで、日常の情報共有はずいぶんと楽になります。

静止画と動画、目的で決まる基本の分岐

スクリーンショット状態を一枚で説明したいときPNG/JPEGで軽量に残せる加工・注釈が簡単スクリーンレコード操作手順を見せたいときMP4/MOVで動きを記録言葉で説明しにくい流れに両方使う静止画+動画でセットにする説明文書と補足動画の役割分担ファイルサイズ管理が必要

まず大前提として、スクリーンショットは「ある瞬間の状態」を切り取るもの、スクリーンレコードは「ある時間の操作」を記録するものです。

どちらを使うかは、「相手に何を理解してほしいか」で決まります。

  • エラー画面の共有 → スクリーンショット(エラーコードと状態が一枚に収まる)
  • 設定画面の説明 → 操作が複数ステップなら動画、1画面で完結するなら静止画
  • バグの再現報告 → スクリーンレコード(どの操作で起きるかを見せる)
  • デザインレビュー → スクリーンショット(比較・注釈がしやすい)

最初は「動画の方が丁寧だろう」と思っていましたが、実際には静止画の方が相手に読んでもらえることが多いと感じます。動画は再生ボタンを押すという一手間があり、テキストメッセージのやり取りでは開かれないケースも少なくないからです。

OS別の標準キャプチャ機能

専用アプリを入れなくても、主要OSには十分な機能が標準で揃っています。

OS スクリーンショット スクリーンレコード
macOS Shift + Cmd + 3(全画面)/ Shift + Cmd + 4(範囲指定) Shift + Cmd + 5 からメニュー選択
Windows 11 Win + Shift + S(切り取り&スケッチ) Win + G(Xbox Game Bar)
iOS 17 サイドボタン + 音量ボタン コントロールセンターから起動
Android 14 電源 + 音量ダウン クイック設定パネルから起動

余談ですが、macOSの Shift + Cmd + 5 は2019年のCatalina(10.15)から統合されたショートカットで、それ以前のユーザーにとっては「こんな機能があったのか」と驚く人も多いようです。Windowsも同様に、Windows 10のバージョン1809からSnipping ToolがWin + Shift + Sに統合されました。

保存形式の選び方

静止画の形式

スクリーンショットの保存形式は、用途によって使い分けます。

形式 向いている用途 注意点
PNG UI・テキスト・コード ファイルサイズがやや大きい
JPEG 写真・グラデーション多めの画面 テキスト周辺が劣化しやすい
WebP Web公開用 一部ツールで開けないことがある
GIF 短いループアニメーション 256色制限・最近は用途が減少

テキストやUIのキャプチャにはPNG一択と覚えておいて問題ありません。JPEGの圧縮はテキストのエッジを滲ませてしまい、読みにくさにつながります。

動画の形式

スクリーンレコードの保存形式も、共有先によって変わります。

形式 向いている用途 圧縮効率
MP4 (H.264) メール・Slack・汎用共有 高い
MOV Apple製品間のやり取り 中程度
WebM Webブラウザ上での再生 高い
GIF 短い操作の繰り返し表示 低い

Slackへの貼り付けやGitHubのIssueへの添付を頻繁に行う場合、MP4(H.264)が最も互換性が高いという印象です。2026年4月時点では、主要なビジネスチャットツールの多くがMP4のインライン再生に対応しています。

[GitHubの通知設定や作業効率化については、GitHub通知設定を整理して、メール疲れから抜けるでも関連する環境整備の考え方に触れています。]

ファイルサイズをコントロールする

スクリーンレコードは、何も考えずに録画すると数百MBになることがあります。送付・保存の前に次の点を確認しましょう。

  1. 録画範囲を絞る: 全画面ではなく対象のウィンドウのみに限定する
  2. フレームレートを下げる: 操作説明なら30fpsで十分、24fpsでも支障なし
  3. 解像度を落とす: Retina/4K画面の場合は50〜75%に縮小して書き出す
  4. 不要な前後を切る: 録画開始直後の数秒・終了直前の迷い操作を削除する
  5. 圧縮ツールを通す: HandBrake(無料・オープンソース)でH.264に再エンコードする

HandBrakeはWindows・macOS・Linux対応の動画圧縮ツールで、品質設定のRF値を20〜23に設定するとファイルサイズを大幅に削減できます。

注釈・加工の手間を比較する

スクリーンショットの強みは、撮った後に加工しやすい点です。矢印・テキスト・モザイクを加えて説明を補完できます。

macOSではプレビューアプリのマークアップ機能、WindowsではPaint 3DやGreenshotが無料で使えます。Greenshotは2026年4月時点でも活発にメンテナンスされており、Jiraやconfluenceへの直接アップロード機能もあります。

スクリーンレコードに注釈を加えるには動画編集ソフトが必要になるため、手間が格段に増えます。「ここを見てほしい」という箇所を動画で伝えたい場合は、録画中にマウスのクリックを可視化するオプションを使うのが現実的です。

macOSの Shift + Cmd + 5 には録画中のポインタ表示オプションがあり、WindowsのShareXも同様の機能を持ちます。ShareXはオープンソースで、スクリーンショット・動画・GIF・テキスト認識(OCR)を1本に統合した多機能ツールです。

業務・学習シーン別の使い分け早見表

シーン 推奨手段 形式
バグ報告(再現手順あり) スクリーンレコード MP4
バグ報告(エラー画面のみ) スクリーンショット PNG
マニュアル・手順書 スクリーンショット+注釈 PNG
チュートリアル動画 スクリーンレコード MP4
デザインフィードバック スクリーンショット PNG
アプリのUI変化を伝える スクリーンレコード GIF or MP4
社外へのメール添付 スクリーンショット優先 PNG or JPEG

「マニュアルは動画の方が親切」と最初は思っていましたが、実際に作ってみると動画は更新コストが高いことに気づきました。手順が1ステップ変わるだけで再録画が必要になります。更新頻度の高い手順書には、静止画+テキストの組み合わせの方が長期的な維持管理に向いています。


ここは賛否がありますが、GIFは「軽くてループ再生できる」という利点から今もREADMEやPull Requestの説明に好んで使われます。ただし色数制限から画質が荒く、ファイルサイズも実はMP4より大きくなることが多い(参考: web.dev「Animated GIF to video」)。新しく作るなら短いMP4かWebMの方が現実的です。

保存先とファイル名の命名規則

記録したファイルが後から探せないと意味がありません。命名規則を決めておくと検索性が上がります。

# スクリーンショット
YYYYMMDD_説明_対象.png
例: 20260425_error_login-screen.png

# スクリーンレコード
YYYYMMDD_説明_手順.mp4
例: 20260425_howto_export-settings.mp4

macOSはデフォルトで「スクリーンショット 2026-04-25 17.13.22.png」のような名前で保存します。これはそのままでは検索しにくいため、Shift + Cmd + 5 の設定からデスクトップではなく専用フォルダを保存先に指定し、定期的にリネームするか、Hazel(macOS用の自動整理ツール)でルールを組むのが効率的です。

FAQ

Q. スクリーンショットとスクリーンレコード、どちらが容量を食いますか? A. スクリーンレコードの方が圧倒的に大きくなります。1分の録画でもMP4で10〜50MB程度になることがあります。スクリーンショットはPNGで数百KB〜数MB程度です。送付前の圧縮を習慣にしましょう。

Q. GitHubのIssueに動画を添付できますか? A. 2026年4月時点では、GitHubのIssueやPull RequestにはMP4・MOV・GIFのドラッグ&ドロップ添付が可能です。ただしファイルサイズ上限があるため、長い動画は別途動画共有サービスを使う方が確実です。

Q. iPhoneでスクリーンレコードした動画をそのままPCに送っても使えますか? A. iOSのスクリーンレコードはMP4(H.264)で保存されるため、Windowsでも問題なく再生できます。ただしAirDropではなくメール添付の場合、ファイルサイズが大きいと送信できないことがあるので注意が必要です。

Q. Zoomなどのオンライン会議を録画するのとスクリーンレコードは違いますか? A. 目的は似ていますが、Zoomのクラウド録画はZoom側のサーバーで処理されます。スクリーンレコードはローカルで任意の範囲を録画するもので、会議ツールに依存しません。参加者への通知義務など録画のマナーは個人情報保護委員会のガイドラインも参考にしてください。


関連する記事

テクノロジー · 9分 · 0

WebページのJPEGとWebP:読み込み速度と画質の差を実測する

TOC 結論: 写真系はWebP、互換性が不安な場面はpictureタグでJPEGをfallback提供すれば両立できる。 Webページの表示速度は、直接的にユーザーの離脱率と検索順位に影響します。そしてページ重量の半分以上を占めることが多いのが画像ファイルです。「とりあえずJPEGで書き出す」という判断をずっと続けて…

テクノロジー · 12分 · 0

WebフォントとシステムフォントのLCPへの影響:読み込み遅延と見た目の変化を測定する

TOC 結論: WebフォントはLCPを平均数百ms悪化させる。fontdisplay戦略とpreloadの組み合わせが最速の改善策。 Webフォントを使えばブランドの個性が出る。しかし何も考えずに導入すると、LCPLargest Contentful Paintスコアが静かに悪化していきます。 その悪化幅は「どうせ誤…

テクノロジー · 9分 · 4

ローカル開発環境とクラウド開発環境、プロジェクト規模で使い分ける判断軸

結論: 3人以下・長期運用ならローカル、4人以上・短命プロジェクトはクラウドが合う。 TOC 開発環境の選択は「どちらが優れているか」という問いではなく、「このプロジェクトに何が合うか」という問いです。 最初は「クラウドなんて大げさ」と思っていたのですが、実際に5人チームでGitHub Codespacesを使い始めて…

テクノロジー · 10分 · 3

Gitコミットの粒度と後悔:何行動で1コミットにすべきか

結論: 「1コミット=1つの論理的変更」。バグ修正とリファクタは必ず分けて積む。 Gitのコミット粒度をどう決めるか——これはコードの品質と同じくらい開発体験に直結する問いです。 「とりあえずまとめてコミット」を続けたある日、障害対応でrevertが必要になり、関係のない変更まで巻き込んでしまった経験は、多くのエンジニ…

テクノロジー · 9分 · 0

ブラウザのタブを閉じるべきタイミング:メモリ消費と生産性の実測値

結論: タブは「用途の終わったものをその場で閉じる」が唯一の正解。保留は後悔の始まりです。 ブラウザのタブは増えるのに、減ることは稀です。気づけば20枚、40枚と積み上がり、PCのファンが唸り始める。しかし実際のところ、タブの枚数は何枚から「問題」になるのでしょうか。そして、生産性への影響は本当に計測できるものなのでし…

テクノロジー · 10分 · 0

APIドキュメントの読み方:必須項目と実装に必要な情報の抽き出し方

結論: 認証・エンドポイント・リクエスト形式・レート制限・エラーコードの5点を先に読めば、実装で詰まる確率は大きく下がる。 APIドキュメントを初めて開いたとき、ページ数の多さと用語の密度に圧倒された経験は多くの人が持っているでしょう。最初から全部読もうとすると、実装に入れないまま1時間が過ぎることもあります。 重要な…

コメント

最初のコメントを残してみませんか。

コメントは承認後に表示されます。