Screenshot Annotationスクリーンショットをハイライト
まるで本物のマーカーペン
スクリーンショットをハイライトして、本当に重要なテキストや要素に視線を誘導しましょう。テキスト行をクリックすれば、ハイライトが単語そのものにスナップします。まっすぐ、均等に、そして半透明のストロークを通して文字が読めます。または、どこにでも自由にドラッグしてマークすることも可能です。ぐらつく黄色い矩形ではなく、本物の蛍光ペンのように振る舞います。
スクリーンショットをハイライトするとは？
スクリーンショットのハイライトとは、テキストや範囲の上に半透明のストロークを重ね、ひと目で目立たせることです。印刷された行に黄色のマーカーを引くデジタル版。「まずはここを見て」と伝える最も軽量な方法です。
多くのエディターでの問題は、「ハイライト」がただの手描きの半透明矩形に過ぎないことです。テキストからずれ、上の行を半分覆い、雑な仕上がりに。実際のテキスト行にスナップするハイライトはこれを解決します。行をクリックすれば、ストロークが単語に沿って 1 行ずつ正確に追います。
矩形ではなく、なぜハイライトなのか？
テキストを囲む塗りつぶしの矩形は、指し示しているはずの単語を隠してしまい、複数の要素を強調したいときには重苦しく感じられます。半透明のハイライトは、テキストを完全に読めるまま保ちつつ注目を集めます。紙の上で目が働くのにより近い感覚です。次のような場面に最適です：
- バグ報告 — エラーメッセージのその行をハイライトして、エンジニアに最初に読ませることができます。
- チュートリアルやドキュメント — 対象となるメニュー項目や文を、隠すことなく強調できます。
- レビューと校正 — 下書きやデザインの中で変更すべきフレーズをマークできます。
- データと表 — 密度の高い表の中の特定のセルや数値を拾い出せます。
行にスナップ、または自由に描く
ハイライトマーカーは私自身が書いたものです。どのように振る舞うか、正確に解説します。
- テキスト行をクリックでスナップ。エディターはページ上の可視テキスト行を読み取ります。行をクリックすれば、半透明のハイライトがその単語の上に正確に配置されます。まっすぐ、均等に、上下の行に溢れることはありません。
- 何でもドラッグでマーク。アイコン、ボタン、空いた領域をハイライトしたい場合は、ただドラッグするだけ。何を、どこでマークしても、自由なハイライトが必ず作成されます。
- 半透明で常に最前面。ストロークは半透明のためテキストは読んだまま。さらに矩形やズームカードの上に重なるため、ハイライトが埋もれることはありません。
- フル解像度でくっきり。ハイライトはオリジナルのキャプチャ（高 DPI ピクセルを含む）に描画されるため、Retina や 4 K ディスプレイでも輪郭がきれいなままです。
ハイライトを自然な感覚にする 2 つの振る舞い：
- 1 行ずつ — スナップは視覚的な行ごとに機能します。折り返された文は、ずれた 1 つのブロックではなく、2 つのきれいなハイライトになります。
- 常に最前面 — ハイライトはラベルレイヤーとして扱われるため、下に配置した矩形、矢印、ズームカードの上に描画されます。
ハイライトはページ内エディターで行われます。新しいタブもアップロードもありません。エディターを閉じれば、完成した画像はすでにクリップボードに入っています。
スクリーンショットの一部をハイライトする方法
キャプチャからハイライト済み画像まで、1 分未満で。
キャプチャ
Alt+A（Win）または ⌘⇧S（Mac）、ドラッグ範囲なら Alt+C / ⌘⇧X、またはページを右クリック。ページ上にエディターが開きます。
ハイライト
H でハイライトツールを呼び出します。テキスト行をクリックして正確にスナップするか、自由にドラッグして任意の範囲をマークします。
書き出し
エディターを閉じるだけで、ハイライト済み画像が自動でクリップボードにコピーされます。または PNG / JPG / PDF としてダウンロード。
より明確なハイライトのためのヒント
- テキスト行はクリック、それ以外はドラッグ。テキスト行をクリックすれば 1 行ごとに完璧にスナップします。ドラッグはアイコン、ボタン、非テキスト領域に最適です。
- マークは 1、2 個に留める。ハイライトは「ここを見て」の合図です。3 個以上になると注目を奪い合います。多点の流れには番号付きステップにお切り替えを。
- 読みやすい色を選ぶ。黄色や緑色は濃いテキストの上でもきれいに読めます。下の文字を隠すような暗いハイライトカラーは避けましょう。
- 番号と組み合わせる。ハイライトした行に番号付きステップを置けば、文章で参照できます。「① をご覧ください」のように。
スクリーンショットのハイライトについて、よくある質問
ハイライトしたテキストは読めますか？
はい。ハイライトは半透明のため、下のテキストは完全に読めるままです。それこそが、塗りつぶしの矩形に対するマーカーの利点です。
ハイライトはテキストに自動でスナップしますか？
テキスト行をクリックした場合はい。ストロークはその視覚的な行の境界にスナップします。非テキスト領域には自由にドラッグでき、必ずハイライトが作成されます。
他のアノテーションの上にハイライトがある場合は？
ハイライトは最前面に描画されます。ラベルレイヤーとして扱われるため、下に配置した矩形、矢印、ズームカードの上にも見えたままです。
ハイライトツールは無料ですか？
はい。ハイライトマーカーは 12 種類の内蔵ツールの 1 つです。有料プラン、ウォーターマーク、登録はいずれもありません。
執筆者：Virgil
私は、このページで解説したハイライトマーカー（1 行ごとのテキストスナップと、常に最前面のレイヤー化を含む）を設計・実装した個人開発者です。作った理由は、他のツールの「ハイライト」がどれも、単語と合わない手描きの黄色い矩形に過ぎなかったからです。
すべてのメールに目を通し、定期的にアップデートを公開しています。各リリースの変更点は 更新履歴をご覧ください。ハイライトに関するご質問は virgil1126@gmail.com まで。