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

IDRViewer(JSビューア)

IDRViewerは、IDRの変換ツール(BuildVuなど)によってHTML5形式に変換されたPDF文書をレンダリングするJavaScriptベースのビューアコンポーネントです。

キーワード: idrviewer, IDRViewer(JSビューア)

概要

IDRViewerは、IDRの変換ツール(BuildVuなど)によってHTML5形式に変換されたPDF文書をレンダリングするJavaScriptベースのビューアコンポーネントです。変換されたPDFページをナビゲートするためのインタラクティブなインターフェースを提供し、テキスト検索、サムネイル、ページナビゲーションなどの機能を備えています。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 ) のような文書構造の標準規格に準拠していますが、IDRViewerはこのコンテンツを標準的なブラウザからアクセス可能なWeb ネイティブ形式で表示します。

定義

IDRViewerは、IDRのサーバーサイド変換APIによってHTML5、SVG、JavaScriptに変換されたPDF文書を表示するクライアントサイドJavaScriptアプリケーションです。ネイティブPDFファイルをレンダリングする従来のPDFビューアとは異なり、IDRViewerは事前に変換されたコンテンツのみを扱い、ページをWeb標準のマークアップとして表示します。このビューアはプレゼンテーション層を処理し、ページめくり、ズーム、検索、サムネイルナビゲーションといった使い慣れたPDFナビゲーション機能をユーザーに提供します。すべての処理はブラウザ内で完結し、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ファイルを直接扱う埋め込みPDFビューアやブラウザネイティブのPDF表示機能との違いです。

重要性

PDFコンテンツを表示する必要があるWebアプリケーションを構築する開発者にとって、IDRViewerは重要な導入課題を解決します。クライアントサイドのPDFプラグインやビューアへの依存を排除し、すべての最新ブラウザとデバイスで一貫したレンダリングを保証します。変換されたコンテンツは純粋なHTML5とSVGであるため、本質的にレスポンシブであり、標準的なCSSとJavaScriptを使用して既存のWebアプリケーションとスタイリングや統合が可能です。このアプローチは、埋め込みPDFと比較してアクセシビリティの向上も実現します。変換されたHTML構造は、 ( 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 ) のようなガイドラインに従ったTagged PDFの意味情報を保持できるため、スクリーンリーダーや支援技術にとってコンテンツがよりアクセシブルになります。エンタープライズアプリケーションにおいては、ページのレンダリングがユーザーのブラウザで行われるため、このクライアントサイドアーキテクチャによりサーバー負荷が軽減されます。

仕組み

IDRViewerは、複数のコンポーネントから構成されるJavaScriptフレームワークとして動作します。ロード時に、サーバーサイドの変換プロセスで生成された変換済みページアセット(HTML、SVG、画像、メタデータ)を要求します。ビューアはブラウザのDOM内に仮想的な文書構造を構築し、メモリ使用量を最適化するためにページをオンデマンドでレンダリング管理します。通常、表示中のページとその近接ページのみをロードします。テキスト検索機能は、元のPDFから抽出されたテキストレイヤーをインデックス化することで動作します。このテキストレイヤーには、で説明されているTagged構造のコンテンツが含まれる場合があります。ビューアは、現在のページ位置、ズームレベル、表示モード(単一ページ、連続スクロールなど)の状態を維持し、開発者がビューアをプログラムで制御したり、ユーザーインタラクションに応答したりできるJavaScript APIを公開しています。サムネイルやブックマークなどのナビゲーション機能は、変換時にPDFの内部構造から生成され、ビューアがその表示とインタラクションを管理します。

関連用語

  • BuildVu – IDRViewerで使用するためにPDFファイルをHTML5形式に変換するIDRのサーバーサイド変換API
  • Tagged PDF – 変換時のアクセシビリティ向上とコンテンツ抽出を可能にする構造マークアップを持つPDF文書
  • HTML5 Canvas – PDF表示のための代替レンダリング技術。IDRViewerはDOMベースのHTMLとSVGを使用
  • PDF.js – ネイティブPDFファイルを扱うMozillaのJavaScript PDFレンダラー。IDRViewerの変換済みコンテンツアプローチとは対照的
  • Responsive Web Design – IDRViewerがHTML5ベースの出力を通じてサポートするWeb開発アプローチ

出典

(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
(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