小技チョコレート

ちょっとした小技を紹介するだけのブログです。

iPad / iPhoneのSafariで開いたウェブページをGoodNotes 5に転載する方法

iPadiPhoneSafariで開いたウェブページを、

  • テキストを(画像化せず)テキストのままで
  • ページ上の画像も含めて
  • ページのレイアウトを維持して

GoodNotes 5に転載する方法を紹介します。

amity_senseiさんが「みんなが知らない、純正アプリのiPad読書術。【Kindle × Apple Books】 - YouTube」という動画の中で紹介していた手順を応用したものです。


〈目次〉


必要なもの

  • iPadiPhoneにGoodnote 5がインストールされていること

実行環境

筆者がこの方法を試して実行できたときのiPad / iPhoneのシステムバージョンと、Safari / Goodnote 5のバージョンはこちらです。
OSやこれらのアプリのバージョンが旧いと、この記事で紹介している方法は実行できないかもしれません。

  • iPad OS 14.4.2
  • iOS 14.4.2
  • SafariおよびGoodnote 5のバージョン:2021年4月半ば時点の最新版

実行例

Safariで開いた青空文庫のページ「夏目漱石 坊っちゃん」をGoodNotes 5に転載すると、次のようになります。

Safariでの表示
f:id:ichbin:20210328200340p:plain:h400

GoodNotes 5での表示
f:id:ichbin:20210328200834p:plain:h400
(1ページ目)

このように、Safariでの表示状態をGoodNotes 5で再現できます。
ノートのタイトルは、元のウェブページのタイトルがそのまま自動で引き継がれます。

長いページの場合は、同じノートの2ページ目以降に続けて保存されていきます。この例では約100ページで「坊っちゃん」の全文が納まりました。

f:id:ichbin:20210328201537j:plain:w600

この方法でGoodNotes 5に転載されたテキストは画像化されていないので、GoodNotes 5上でテキストとして選択したりコピーしたりすることができます。

f:id:ichbin:20210328200618p:plain:w600

保存されたノート上に書き込みをすることも、当然可能です。

f:id:ichbin:20210328205457j:plain:w600

また、上述の例では元のページ上に画像がありませんが、有る場合には画像もGoodNotes 5のページ上に転載されます。

f:id:ichbin:20210328201938p:plain:w600
(画像を含む例)

手順

iPad版のSafariでウェブページを開き、

f:id:ichbin:20210328202056j:plain:w600

ウィンドウ右上の「共有」アイコンをタップし、「プリント」をタップ。

f:id:ichbin:20210328210359j:plain:w600

すると、このような表示に変わるので、この画面上で「三本の指の指先を画面に着けて、その全ての指先を外に開げていく」というジェスチャーを行います。*1

f:id:ichbin:20210328202358p:plain:w600

そのジェスチャーを行うと、指先の開き合わせて、画面上の書類が徐々に画面いっぱいまで拡大されていくというアニメーションが一瞬だけ表示されます。
そして、下記のような表示に変わり、右上に「共有」アイコンが現れます(赤丸部分)。

f:id:ichbin:20210328202540j:plain:w600

この「共有」アイコンをタップすると、その下に「GoodNotesで開く」が表示されます。

f:id:ichbin:20210328202655j:plain:w600

この「GoodNotesで開く」をタップすると、「GoodNotesで開きますか?」と訊ねられるので、「開く」をタップ。

f:id:ichbin:20210328202808j:plain:w600

すると、「現在の書類に読み込む」もしくは「新規書類に読み込む」を選択する画面が出ます。
「読み込む」というのが、Safariでの表示内容を転載することに相当します。 「現在の書類」というのは、この操作をした時点での「GoodNotes 5で最後に開いていたノート」のことを指すようです。

f:id:ichbin:20210328203204j:plain:w600

また、その画面上部の「前に/後に/最後のページ」というのは、対象となるノート内でどの位置(どのページ)に読み込むかを指定するものです。
「前に」または「後に」を選んだ場合は、最後に開いていたページの「前」または「後ろ」に挿入されるようです。

それぞれ、いずれかを選んでタップします。

なお、そこで「新規書類に読み込む」を選んだ場合は、ノートの保存場所(フォルダ)を訊ねられるので、保存場所を選択します。

f:id:ichbin:20210328203419p:plain:w600

そこまで済ませると、GoodNotes 5のノートにこのように読み込まれます。

f:id:ichbin:20210328203605p:plain:w600

以上です。

*1:このジェスチャーがピンとこない場合は、記事冒頭に載せているamity_senseiさんの動画でご確認ください。