Skip to main content
Interwork Corporation
IDR Solutions Product Support Portal
PDF開発用語集 モードの切替 ダーク/ライト/自動 モードの切替 ダーク/ライト/自動 モードの切替 ダーク/ライト/自動

View Mode

View Modeは、HTMLベースのPDFビューアにおける設定項目で、ブラウザインターフェース内でドキュメントページをどのように表示し、ナビゲーションするかを制御します。

キーワード: view mode, View Mode

概要

View Modeは、HTMLベースのPDFビューアにおける設定項目で、ブラウザインターフェース内でドキュメントページをどのように表示し、ナビゲーションするかを制御します。 ( Citation: N.A., (N.A.). (). Document management — Portable document format — Part 2: PDF 2.0 International Organization for Standardization Retrieved from https://www.iso.org/standard/75839.html ) はPDFドキュメントの構造とレンダリング要件を定義していますが、View Mode設定はWebベースビューアのプレゼンテーション層を決定し、単一ページ表示、連続スクロール、サムネイルナビゲーションなどのユーザーインタラクションパターンに影響を与えます。この設定は、PDFコンテンツをWeb形式に変換する際や、カスタムビューアインターフェースを実装する際に特に重要です。

定義

View Modeとは、HTMLまたはSVGベースのPDFビューアで利用可能な表示設定オプションで、ページのレイアウトとユーザーへの表示方法を決定します。一般的なView Modeには以下が含まれます:

  • Single Page(単一ページ): 一度に1ページを表示し、ページ間を移動するためのナビゲーションコントロールを提供
  • Continuous Scroll(連続スクロール): ページを垂直方向にスクロール可能なストリームとして配置
  • Two-Page Spread(見開き表示): 物理的な書籍を模倣して、見開きページを横並びに表示
  • Thumbnail View(サムネイル表示): 素早いナビゲーションのために、ページプレビューをグリッド表示
  • Fit-to-Width/Fit-to-Page(幅に合わせる/ページに合わせる): ビューポート寸法にコンテンツを調整する自動スケーリングモード

PDFのドキュメントカタログに定義されるネイティブなページ表示設定とは異なり、View ModeはPDFファイル内に埋め込まれたメタデータではなく、通常はWebビューアアプリケーションによって制御されるクライアント側のUI設定です。 ( Citation: N.A., (N.A.). (). Document management — Portable document format — Part 2: PDF 2.0 International Organization for Standardization Retrieved from https://www.iso.org/standard/75839.html ) はPDFコンテンツの構造化とレンダリング方法を規定していますが、Webベースの閲覧アプリケーションが使用するインターフェースパラダイムについては指定していません。

重要性

WebアプリケーションでPDF閲覧体験を構築する開発者にとって、View Modeの選択はユーザーエクスペリエンスとアプリケーションパフォーマンスに大きな影響を与えます。View Modeの選択は以下に影響します:

  • パフォーマンス特性: 連続スクロールモードは大きなドキュメントを処理するための効率的な遅延読み込み戦略を必要としますが、単一ページモードは現在のページのみをレンダリングすることで最適化できます
  • アクセシビリティの考慮事項: 支援技術に依存するユーザーは、スクリーンリーダーのナビゲーションパターンとより適合する特定のView Modeから恩恵を受ける可能性があります。特に ( Citation: N.A., (N.A.). (). Document management applications — Electronic document file format enhancement for accessibility — Part 1: Use of ISO 32000-1 (PDF/UA-1) International Organization for Standardization Retrieved from https://www.iso.org/standard/64599.html ) 標準に準拠したアクセシブルなPDFを扱う場合に重要です
  • モバイルレスポンシブ性: 異なるView Modeは、様々な画面サイズと向きでより良いパフォーマンスを発揮するため、クロスデバイス互換性のための適応戦略が必要です
  • ユーザーワークフローの最適化: ドキュメントのタイプとユースケース(読書vs参照検索)によって、有利なView Modeが異なります

柔軟なView Modeオプションを実装することで、開発者は単一のビューアアプリケーション内で多様なユーザー設定とドキュメントタイプに対応できます。

仕組み

HTMLベースのPDFビューアにおけるView Modeの実装には、複数の技術レイヤーが関与します:

レンダリングパイプライン: ビューアはPDFページをHTML/SVGまたはcanvas要素に変換し、View Modeがレイアウトコンテナ構造を決定します。単一ページモードは通常、プログラムによるページ切り替えを伴う絶対配置を使用し、連続モードはビューポートベースのレンダリング最適化を伴う標準的なドキュメントフローを使用します。

ビューポート管理: ビューアはスクロール位置とビューポート寸法を監視して、どのページをレンダリングする必要があるかを判断します。連続モードでは、コンテンツが可視領域に入る際にページレンダリングをトリガーするために、Intersection Observerやスクロールイベントハンドラーを実装することがよくあります。一方、単一ページモードは現在のページ状態を追跡し、ナビゲーションイベントに応答します。

レイアウト計算: 異なるView Modeには、それぞれ異なる測定および配置ロジックが必要です。見開き表示モードでは、ページのペアリング計算(多くの場合、奇数/偶数ページの区切りを考慮)、混在する向きのドキュメントの処理、ビューポートの中央配置管理が必要です。幅に合わせるモードでは、ウィンドウリサイズイベント時にスケーリング係数を再計算します。

状態の永続化: プロフェッショナルな実装では、ブラウザストレージAPIを使用してView Mode設定を保存し、ユーザーがセッション間で一貫した閲覧体験を維持できるようにします。この状態は、ズームレベルや現在のページ位置などの他のビューア設定と同期することがよくあります。

( Citation: , (). Retrieved from https://pdfa.org/resource/tagged-pdf-best-practice-guide-syntax/ ) のベストプラクティスに準拠したTagged PDFをレンダリングする際、View Modeの実装は、選択された視覚的なプレゼンテーションモードに関係なく、PDFのタグツリーに定義された論理的な読み順と構造的関係を保持する必要があります。

関連用語

  • Page Navigation – PDFビューアでページ間を移動するためのコントロールと方法
  • Zoom Level – ビューア内でPDFコンテンツをスケーリングする拡大設定
  • Responsive PDF Viewer – 異なる画面サイズとデバイスに適応するWebベースのPDF表示コンポーネント
  • Lazy Loading – 画面外のコンテンツのレンダリングを延期するパフォーマンス最適化技術
  • Tagged PDF – 論理的な読み順とドキュメント階層を定義する構造マークアップを持つPDF

出典

(N.A.) (2020)
(N.A.). (). Document management — Portable document format — Part 2: PDF 2.0 International Organization for Standardization Retrieved from https://www.iso.org/standard/75839.html
PDF Association (2023)
(). Retrieved from https://pdfa.org/resource/tagged-pdf-best-practice-guide-syntax/
(N.A.) (2014)
(N.A.). (). Document management applications — Electronic document file format enhancement for accessibility — Part 1: Use of ISO 32000-1 (PDF/UA-1) International Organization for Standardization Retrieved from https://www.iso.org/standard/64599.html