Lliben Logo Lliben

Chrome DevToolsには「Capture full size screenshot」があり、単発のスクショには便利です。

ただ、頻繁に使う・長いページや動的ページが多い場合は、Llibenの方が安定しやすく、ワークフローもスムーズです。

要点

  • シンプルなページで一度だけなら DevTools
  • 継続的な作業や、編集/書き出し/PDFまで含むなら 拡張機能 が強い。

Chrome DevTools(内蔵の方法)

向いている用途:

  • シンプルなページの単発スクショ
  • 何もインストールしたくないとき

使い方:

  • DevToolsを開く(F12 または Cmd+Option+I
  • コマンドメニュー(Cmd+Shift+P)を開く
  • screenshot を検索 → Capture full size screenshot

ぶつかりやすい制限:

  • キャプチャ後の編集(切り抜き/注釈/手順番号)がない
  • 動的ページで不安定(lazy-load、無限スクロール)
  • 超縦長ではピクセル上限に縛られる

Lliben(キャプチャ→編集→書き出しのため)

向いている用途:

  • 安定したページ全体/スクロールキャプチャ
  • メニュー/ホバー状態の撮影(遅延ワークフロー)
  • PDF(A4/Letter/Custom)、PNG、JPGでの書き出し
  • 注釈と 手順番号(Steps) の追加(Lliben Capture)

結局どっち?

  • DevTools:シンプルなページを素早く1枚。
  • Lliben:繰り返し使う、書き出しや資料化まで含めたい、失敗を減らしたい。

関連: