チュートリアル
Shotomatic Team
読了まで約12分

MacでオンラインレシピをPDFに保存する方法

リンク切れや閉鎖されたブログでお気に入りのレシピを失わないよう、Macでオンラインレシピを検索可能なPDFとして保存します。

近くにノートパソコンを置いて台所で料理する女性

このガイドでは、オンラインレシピをMacで検索可能なPDFに保存します。リーダーで必要な内容が保たれるかを判断し、レシピカードまたはページ全体を撮影し、スクリーンショットをPDFへ書き出して、分かりやすい名前と元URLを添えて整理します。

まず、そのサイト自身の印刷・保存機能を試してください。重要な写真が消える、配置が崩れる、不要なページ要素が多い場合にスクリーンショットを使います。

要点: まずレシピサイトの印刷表示を試します。役立つ写真が消える、または配置が崩れる場合は、レシピカードかページ全体を撮影し、選んだスクリーンショットを検索可能なPDFにします。

開示事項:当社は、このチュートリアルで使うShotomaticを開発しています。基本的なスクリーンショットの方法は、どの撮影ツールでも使えます。ここでは私たちが最もよく理解している自社ツールを使います。

印刷、リーダー、スクリーンショットを使い分ける

最初に、サイトの印刷表示またはブラウザの「PDFとして保存」を試します。多くのレシピサイトには、元のテキストを選択できる簡潔な印刷レイアウトがあります。

材料と手順だけが必要ならリーダーを使います。写真、調理の補足、元のレイアウトが重要で、印刷版では消える場合にスクリーンショットを使います。Shotomaticは、検索用にOCRテキストレイヤーを加えられます。ただし、OCRは元のテキストの代わりにはなりません。

公開レシピのURLリストを処理するなら、ウェブサイト撮影の自動化で各ページに同じ設定を使えます。1つの長いレシピを上から下まで追う場合は、以下のスクロール方法を使ってください。

方法1:レシピカードを撮影する

簡単な材料一覧と短い手順など、1〜2画面に収まるレシピに向いています。

手順1:レシピを開いてページを整える

ブラウザでレシピを開き、撮影前に次の作業を行います。

  • リーダーを有効にする(Safariではアドレスバーのリーダーアイコン、Chromeではリーダー拡張機能):広告、サイドバー、ナビゲーションを外し、記事の内容だけにします。
  • または広告ブロッカーを使う: 特に目立つ不要な要素を減らします。
  • レシピカードまでスクロールする: 多くの料理ブログでは、長い説明の後、ページ下部に構造化されたレシピカードがあります。

手順2:レシピを撮影する

Shotomaticを開き、ウィンドウ撮影を選びます。ブラウザウィンドウを指定してください。

1画面に収まるなら、1回だけ撮影します。

画面下まで続く場合は、キーレコーダーでPage Downを記録し、間隔を800msにします。Shotomaticがレシピ内を下へ進み、各セクションを撮影します。

手順3:PDFに書き出す

選んだスクリーンショットをPDFに書き出します。OCRのテキストレイヤーが付くため、後から画面に見える材料名や手順を検索できます。認識結果には誤りがあり得るため、重要な分量は画像で確認してください。

すでにスクリーンショットがある場合は、MacでスクリーンショットをPDFに保存する方法で、もう一度撮影せずに確認・書き出しできます。

方法2:レシピページ全体を撮影する

手順写真、調理の補足、バリエーションまでページ全体にあるレシピは、カードだけでなく記事全体を残す価値があります。

手順1:ページを準備する

ブラウザでレシピページを開き、広告ブロッカーで整えます。この方法では写真とレイアウトを残したいため、リーダーは使いません。

ブラウザウィンドウを読みやすい幅にします。 超横長モニターいっぱいに広げると、レシピの文章が読みにくくなります。目安は900〜1100pxです。内容を表示する幅を確保しつつ、1行が長くなりすぎません。

手順2:自動スクロール撮影

Shotomaticで次のように設定します。

  • 撮影モード: ウィンドウ撮影でブラウザを選ぶ
  • キー入力: Page Down
  • 間隔: 1000ms。スクロール後に画像が読み込まれる時間を取ります。

Startをクリックします。Shotomaticが表示範囲を撮影し、Page Downで進み、内容の読み込みを待って繰り返します。コメント欄またはフッターに着いたら停止してください。

手順3:書き出す

PDFに書き出します。レシピの導入、材料、写真付きの手順、コツ、バリエーションを1つのファイルにできます。ページ順とフレームの重なりを確認してください。

レシピ集を作りますか? Shotomaticはレシピを撮影し、検索可能なPDFに書き出せます。Shotomaticをダウンロードするか、料金ページをご覧ください。

レシピのアーカイブを整理する

整理されていないPDFの山では、ブックマークの山とあまり変わりません。名前の付け方を少し決めるだけで、後から使いやすくなります。

ファイル名の規則

料理区分_料理名.pdfの形式を使います。

  • Italian_Carbonara.pdf
  • Thai_GreenCurry.pdf
  • Mexican_Carnitas.pdf
  • Baking_SourdoughStarter.pdf

ファイルブラウザでは料理区分で自然に並び、MacのSpotlightでは名前のどの部分からでも検索できます。

フォルダ構成

シンプルに保ちます。通常は1階層で十分です。

Recipes/
├── Italian/
├── Thai/
├── Mexican/
├── Baking/
├── Quick Weeknight/
└── To Try/

検索可能にする

PDF書き出しではOCRのテキストレイヤーを追加でき、レシピPDF内の文章を検索できます。

  • Finderで「chicken thigh」を検索し、その材料を使うレシピを探す
  • Spotlightでアーカイブ全体から「tahini」や「miso」を探す
  • 特定のPDF内で分量や手順を検索する

OCRを使えば、ファイル名だけより材料を探しやすくなります。それでも、装飾フォントや画像上の文字は誤認識される場合があります。

レシピPDFを見やすくする

文章中心ならリーダーを使う。 ブログのテンプレート、広告、ナビゲーションを外して内容だけにします。材料と手順だけが必要なレシピに向いています。

写真中心ならリーダーを使わない。 手順写真も保存理由の一部なら、ページ全体を撮影してください。

読みやすいウィンドウ幅にする。 レシピは幅900〜1100pxを目安にすると読みやすくなります。狭すぎると配置が崩れ、広すぎると1行が長くなります。

長い前置きが不要ならレシピカードから撮る。 多くの料理ブログでは、レシピより先に長い個人的な話があります。内容が不要ならレシピカードまで進み、そこから撮影します。前置きも残したい場合は、もちろん含めて構いません。

元URLを保存する。 元URLをファイル名またはメモへ入れておくと、出典を示せて、後から更新も確認できます。例:Italian_Carbonara_seriouseats.pdf

よくある質問

ブックマークだけではだめですか?

ブックマークはページを保存せず、URLを指すだけです。PDFならオフラインの参照用コピーを残せます。元URLを保管し、作者の権利とサイト規約に従って使ってください。

保存したレシピを横断検索できますか?

PDF書き出しではOCRのテキストレイヤーを追加できます。検索結果は画像の品質と文字表現に左右されるため、書き出したファイルで材料名を確認してください。

レシピのアーカイブには、どのくらいの容量が必要ですか?

ページの長さ、写真の枚数、撮影解像度、書き出し設定によって変わります。代表的なレシピを1つ保存し、その結果から大きなコレクションを見積もってください。

PaprikaやMelaなどのレシピアプリにも使えますか?

このガイドはウェブサイトのレシピ保存を扱います。専用のレシピ管理アプリを使っている場合は、アプリ自身の読み込み・保存機能を先に確認してください。スクリーンショットは、きれいに書き出せないブログやウェブサイトに向いています。

WindowsやLinuxでも使えますか?

ShotomaticはMac専用です。ページ移動とスクリーンショットを自動化する考え方は、他のOSでも同じです。Windowsでは、ShareXやAutoHotkeyなどを使えますが、設定作業は増えます。

レシピを保存する

短いテストを行い、材料、手順、写真、ページ順を確認してから書き出します。元のページへ戻れるよう、URLをファイルと一緒に保管してください。

Shotomaticをダウンロードするか、料金ページをご覧ください。

保存が認められたページを扱っていますか?

Shotomaticなら、許可されたページのキャプチャを順番どおりに整理し、内容を確認して、Macで検索可能なPDFに書き出せます。ビューアーの制限や印刷上限を回避するものではありません。

MacでオンラインレシピをPDFに保存する方法 | ブログ | Shotomatic