Mac、iOS、iPadOSでスクロールスクリーンショットをキャプチャする方法

通常のスクリーンショットは、画面に表示されているものだけをキャプチャし、表示領域以外のコンテンツは除外します。一方、「スクロールキャプチャ」(またはスクロールスクリーンショット(Scrolling Screenshot)またはフルページスクリーンショット(Full Page Screenshot))は、1回のテイクでデバイスの画面外のすべてをキャプチャします。

長い会話やドキュメントのさまざまなセクションの複数のスクリーンショットを撮るのではなく、スクロールするスクリーンショットは時間とストレージスペースを節約します。(saves you time)このガイドでは、iPhone、iPad、およびMacでスクロールスクリーンショットを撮るさまざまな方法を紹介します。

iOSおよびiPadOSでフルページのスクリーンショット(Full Page Screenshot)をキャプチャする

iPhoneまたはiPadのネイティブスクリーンショットツールは、Webページ、ドキュメント、または電子メールのコンテンツ全体を1つのスクリーンショットとしてキャプチャできます。スクリーンショットのスクロール機能を試す前に、次の点に注意してください。

  • フルページのスクリーンショットは、 Safariファイル(Files)、iBooksなどのネイティブAppleアプリでのみ撮影できます。
  • Webページのスクロールスクリーンショットのキャプチャは、Safariでのみ機能します。ChromeFirefoxなどのサードパーティブラウザは現在サポートされていません。
  • フルページまたはスクロールスクリーンショットは画像として保存されません。iOSはそれらをPDFファイルとして保存します。

これを念頭に置いて、iPhoneまたはiPadでフルページのスクリーンショットをキャプチャするには、以下の手順に従ってください。

1.音量(volume up)大ボタンとサイドボタンを(side button)同時に押して、Webページ、電子メール、またはドキュメントのスクリーンショットを撮ります。ホーム(Home)ボタンのあるiPhoneの場合は、サイドボタン(side button)ホームボタンを(Home button)同時に押してスクリーンショットをキャプチャします。

2.画面の左下隅にあるスクリーンショットのサムネイルをクリックして、スクリーンショット編集ツールを開きます。

3. [フルページ(Full Page)]オプションをタップして、Webページまたはドキュメントのフルページのスクリーンショットを生成します。

4.[完了](Done)をクリックして続行します。

5.[ PDFをファイルに保存]を(Save PDF to Files)選択します。

6.ファイルを保存するフォルダを選択し、[保存]をタップします(Save)。自動生成されたファイル名をタップして、スクリーンショットの名前を変更することもできます。

PDFを表示するには、デバイスでファイル(Files)アプリを開き、ファイルを保存した場所を参照します。

Macでスクロールスクリーンショットをキャプチャする

macOSには組み込みのスクリーンショットツール(built-in screenshot tool)がありますが、スクロールするスクリーンショットはキャプチャされません。興味深いことに(Interestingly)、一部のアプリ(主にWebブラウザー)にはこの機能があります。次のセクションでは、 Safari(Safari)ChromeFirefoxを使用してMacで全ページのスクリーンキャプチャを実行する方法を示します。  

SafariのWebページ全体のスクリーン(Screenshot an Entire Webpage in Safar)ショット

Safariには、Webページ全体を画像としてキャプチャして保存するスクリーンショットツールが組み込まれています。このツールはSafariの[開発者(Developer)]メニューに隠れているため、はっきりとは見えません。以下の手順に従って、Safariでページ全体のスクロールスクリーンショットをキャプチャします。 

1.キャプチャするWebページを開き、メニューバーの[ Safari ]をクリックして、[(Safari)設定](Preferences)を選択します。

2. [詳細設定]タブに移動し(Advanced)、メニューバーの[開発]メニューの(Show Develop menu in the menu bar)横にあるチェックボックスをオンにして、Webページに戻ります。

3.メニューバーで[開発]を選択し、[ (Develop)Webインスペクターの表示(Show Web Inspector)]を選択します。

4. html(html)で始まる最初の行(つまり、ページのHTML要素)を右クリックして、[スクリーンショットのキャプチャ(Capture Screenshot)]を選択します。

5.スクリーンショットに名前を付け、希望のストレージフォルダー/場所を選択し、[保存(Save)]を選択して続行します。

6.ファイルの場所に移動し、スクリーンショットをダブルクリックしてプレビュー(Preview)で開きます。

FirefoxでWebページ全体のスクリーンショットを撮る(Screenshot an Entire Webpage in Firefox)

Firefoxには、間違いなく、Webブラウザで見つけることができる最高のスクロールスクリーンショットツールがあります。使い方はとても簡単で、高度な設定を微調整する必要はありません。実際、 Firefox(Firefox)でマウスを2回クリックするだけで、Webページ全体のスクリーンショットを撮ることができます。

  1. (Right-click)スクリーンショットを撮り(Take a Screenshot)たいWebページの任意の場所を右クリックして、[スクリーンショットを撮る]を選択します。

  1. または、アドレスバーの横にある3つのドットのアイコン(three-dot icon)をクリックして、[スクリーンショットを撮る(Take a Screenshot)]を選択します。

  1. 右上隅にある[全ページを保存(Save full page)]アイコンをクリックします。

  1. 次に、[ダウンロード]を選択して、スクリーンショットを(Download)Macに保存します。

Chromeでウェブページ全体のスクリーンショットを撮る(Screenshot an Entire Webpage in Chrome)

Chromeにはスクリーンショットツールも組み込まれていますが、Safariと同様に、[(Safari)開発者](Developer)セクションにも表示されません。スクリーンショットツールにアクセスして使用し、Chromeでウェブページ全体をキャプチャする方法は次のとおりです。

1.メニューアイコンをクリックして、[その他のツール(More Tools)] >[開発者ツール(Developer Tools)]に移動します。

キーボードのF12キーを押すか、 (F12)Command + Shift + Iショートカットを使用して、 Chromeのデベロッパーツール(Developer Tool)メニューを起動することもできます。

2.次に、デバイスの切り替えツールバーアイコンをクリックするか、 (Toggle device toolbar)Command + Shift + Mを押します。

3.左側のサイドバーにある3つのドットのメニューアイコンをクリックして、[(three-dot menu icon)フルサイズのスクリーンショットをキャプチャ(Capture full size screenshot)する]を選択します。これにより、 Chromeはウェブページ全体の画像ファイルを生成するように求められます。

4.スクリーンショットを保存するフォルダーを選択し、[保存(Save)]をクリックします。

(Use)サードパーティのWebサイト、アプリ(Apps)、および拡張機能を使用する

Macでスクロールスクリーンショットをキャプチャするには、ブラウザが最適に装備されているようです。別のアプリ内のコンテンツのフルレングスのスクリーンショットを撮る必要がある場合は、SnagitなどのサードパーティのSnippingApp(third-party snipping apps like Snagit)を使用する必要があります。これらのアプリの一部は無料ではないことに注意してください。開発者は多くの場合、新規ユーザーに無料の試用期間を提供しますが、継続的に使用するにはいくらかのお金を払う必要があります。

iOSとiPadOSは、Safariと他のいくつかのiOSアプリでスクロールするスクリーンショットのみをキャプチャすることを前述しました。Web-Capture.netのようなプラットフォームは、Safari以外のユーザーに代わるものを提供します。Web-Captureは、任意のWebサイトのフルスクリーン画像をいくつかの形式でデバイスにダウンロードできるオンラインスクリーンショットサービスです。 

(Enter)WebページのURLを(URL)入力し、希望の形式(JPEGPNGPDFTIFFBMPSVG)を選択して、[ Webページのキャプチャ(Capture web page)]をクリックします。

次のページで、スクリーンショットを表示するか、iPhone、iPad、またはMacにダウンロードするかを選択できます。

最後に、ブラウザの組み込みのスクリーンショットツールが機能しないというまれな例では、サードパーティのChromeおよびFirefox拡張機能(third-party Chrome and Firefox extensions)を使用して作業を完了することもできます。



About the author

私は 10 年以上の経験を持つソフトウェア開発者です。私は Mac プログラミングを専門としており、TextEdit、GarageBand、iMovie、Inkscape など、さまざまな Mac アプリケーション用に数千行のコードを書いてきました。また、Linux および Windows 開発の経験もあります。開発者としての私のスキルにより、macOS から Linux まで、さまざまなソフトウェア開発プラットフォーム向けの高品質で包括的なチュートリアルを作成することができます。このチュートリアルは、使用しているツールについて詳しく知りたい人にとって最適な選択肢です。



Related posts