PDFのスクロール型ドキュメントビューアを作成する方法

すべてのPDFにページめくりアニメーションが必要なわけではありません。閲覧者がドキュメントをすばやくスクロールし、キーワードを検索し、細部をズームインしたいだけの場合もあります。スクロール型ドキュメントビューアはまさにそれを実現します。集中するために設計された、クリーンで邪魔のない読書体験です。

FlipLinkでは、任意のPDFを3D Flipbookまたはスクロール型ドキュメントに変換できます。このガイドでは、ドキュメント形式について、その概要、使用すべきタイミング、数分でセットアップする方法をご説明します。

スクロール型ドキュメントビューアとは？

スクロール型ドキュメントビューアは、PDFをブラウザ内で連続的に縦スクロール可能なページとしてレンダリングします。アニメーション付きのページめくりや3Dエフェクトはありません。代わりに、ウェブページやGoogle Docsを読むように自然にスクロールできます。

内部的には、FlipLinkのドキュメントビューアはPDF.jsで駆動されています。これはFirefoxで使用されているのと同じオープンソースのレンダリングエンジンです。そのため、ドキュメントは高速に読み込まれ、あらゆる画面サイズで鮮明に表示され、プラグインなしでネイティブのテキスト検索とズームをサポートします。

PDFに永続的で共有可能なウェブ上の居場所を提供すると考えてください。読者に何もダウンロードさせることなく実現できます。

ドキュメント形式とFlipbook形式の使い分け

Flipbookとドキュメントのどちらを選ぶかは、作りたい読書体験によって決まります。

ドキュメントを選ぶ場合：

• コンテンツがテキスト中心（レポート、マニュアル、ガイド、ホワイトペーパー）
• 読者が特定のセクションや用語を検索する必要がある
• 資料が長く、スクロールで閲覧するのが最適
• トレーニングマニュアルや教育教材を公開する場合
• ビジュアルの華やかさよりモバイルでの読みやすさが重要

Flipbookを選ぶ場合：

• コンテンツがビジュアル中心（カタログ、雑誌、パンフレット）
• 没入感のある雑誌スタイルのプレゼンテーションを希望
• ページめくりエフェクトが体験に付加価値を与える
• BGMやオートプレイスライドショーを使いたい

知っておくべき重要なこと：この選択は恒久的です。FlipLinkで出版物を作成する際、FlipbookまたはDocumentのどちらかを選択し、それは変更できません。コンテンツと閲覧者に最も合った形式を選んでください。

より詳しい比較については、FlipbookとDocument：どちらの形式を選ぶべきかのガイドをご覧ください。

ステップバイステップ：FlipLinkでドキュメントを作成する

スクロール型ドキュメントビューアのセットアップは約2分で完了します。手順は以下の通りです。

ステップ1：PDFをアップロードする

FlipLinkのダッシュボードにログインし、新規作成をクリックします。形式としてDocumentを選択します。次にPDFをドラッグ＆ドロップするか、参照してアップロードします。FlipLinkはプランに含まれるサイズ制限までのPDFを受け付けます。

ステップ2：設定を構成する

PDFがアップロードされると、設定画面が表示されます。ここで以下を設定できます。

• タイトルと説明をSEOとソーシャル共有用に設定
• カスタムサムネイルを追加してリンクプレビューに表示
• パスワード保護を有効化してコンテンツを非公開にする場合
• リード獲得を有効化して閲覧前に読者情報を収集
• リンク有効期限を設定してドキュメントが指定日以降に自動的にアクセス不可になるように
• CTAボタンを追加して読者を次のステップに導く

ステップ3：公開して共有する

公開を押すと、FlipLinkが即座に共有可能なリンクを生成します。埋め込みコードを取得して、任意のウェブサイト、ランディングページ、またはLMSにビューアを配置することもできます。

以上です。PDFがスクロール可能で、検索可能で、追跡可能なオンラインドキュメントになりました。

Flipbook形式との主な違い

ドキュメントビューアとFlipbookビューアは異なる目的を果たし、内部の動作も異なります。

レンダリングエンジン： ドキュメントはPDF.jsを使用してピクセルパーフェクトなレンダリングとネイティブブラウザスクロールを実現します。FlipbookはThree.jsを使用してアニメーション付きの3Dページめくりエフェクトを作成します。

ナビゲーション： ドキュメントは連続的な流れで縦にスクロールします。Flipbookはスワイプまたはクリックでページごとにナビゲートします。

テキスト検索： ドキュメントはPDF.jsを通じてフルテキスト検索をネイティブにサポートします。Flipbookではビューア内テキスト検索は提供されません。

ズーム： ドキュメントはピンチズームとツールバーのズームコントロールをサポートします。Flipbookにもズーム機能はありますが、読書フローはページベースです。

モバイル体験： ドキュメントはネイティブモバイル閲覧体験のように動作します。下にスクロール、ピンチでズーム、非常に直感的です。Flipbookのモバイルではスワイプジェスチャーでページをめくります。

ドキュメントで利用可能な機能

ドキュメントビューアがシンプルだからといって、機能が制限されるわけではありません。FlipLinkの最も重要な機能にアクセスできます。

• 閲覧者分析 ── 誰がドキュメントを閲覧したか、いつ、どのくらいの時間閲覧したかを確認
• リード獲得 ── 閲覧前にメールフォームでアクセスをゲート
• パスワード保護 ── 承認された閲覧者のみにアクセスを制限
• リンク有効期限 ── 特定の日付後にドキュメントの有効期限を設定
• CTAボタン ── コンバージョンを促進するコールトゥアクションオーバーレイを追加
• カスタムドメイン（CNAME） ── 独自ドメインからドキュメントを提供
• 埋め込みコード ── iframeで任意のウェブページにビューアを配置
• カスタムブランディング ── ビューアにロゴとカラーを追加
• QRコード ── ドキュメントにリンクする印刷資料用QRコードを生成
• SEOメタデータ ── 検索エンジンとソーシャルプレビュー用にタイトル、説明、サムネイルを設定

これらの機能により、ドキュメント形式はゲーテッドコンテンツ、社内トレーニング、クライアント向け成果物、そしてトラッキングとアクセス制御が重要なあらゆるものに最適です。

ドキュメントで利用できない機能

いくつかの機能はFlipbook形式専用であり、Documentを選択した場合は利用できません。

• BGM ── Flipbookのみがアンビエントオーディオ再生をサポート
• スライドショー／オートフリップ ── 自動ページめくりはFlipbook専用機能
• 3Dページめくりアニメーション ── Three.jsのページめくりエフェクトはFlipbook専用

これらがプロジェクトに必須の場合は、代わりにFlipbook形式をお選びください。

ドキュメントとFlipbook：機能比較

ドキュメントビューアを使うべき人

スクロール型ドキュメント形式は、特定のユースケースで真価を発揮します。

• 人事・研修チーム ── 従業員ハンドブックやトレーニングマニュアルを共有
• 教育者 ── 教材や教育コンテンツを配布
• コンサルタント ── レポートや提案書をクライアントに提出
• SaaS企業 ── ヘルプドキュメント、オンボーディングガイド、変更履歴を公開
• 営業チーム ── 見込み客に価格表やケーススタディを共有

読者が情報をすばやく見つけたい、長文コンテンツをスクロールしたい、特定の用語を検索したい場合は、ドキュメントビューアが正しい選択です。

FlipLinkを始めましょう

PDFのスクロール型ドキュメントビューアの作成は2分もかかりません。ファイルをアップロードし、設定を構成し、リンクを共有するだけです。コーディング不要、プラグイン不要、ダウンロード不要です。

FlipLinkのライフタイムディールは1コードあたり129ドルで100のアクティブな出版物から始まります。繰り返し費用なしの1回限りの支払いです。さらに容量が必要な場合はコードをスタックできます。

**無料アカウントを作成してPDFをプロフェッショナルなドキュメントビューアに変換しましょう。または料金ページ**でニーズに合ったプランをご確認ください。