WebViewer とは何ですか?
Apryse の WebViewer は、Web ブラウザで直接 PDF、Office ドキュメント、CAD ファイル、その他のファイル形式を表示、注釈付け、編集できるようにする強力な JavaScript PDF ライブラリです。
WebViewer は多くの場合、Web アプリケーションに組み込まれ、ユーザーが追加のソフトウェアをインストールすることなくこれらの機能を提供します。WebViewer は、テキスト検索、注釈、フォーム入力、デジタル署名などのさまざまな機能をサポートしています。
この機能は、プラットフォームに依存せず、複数の開発者フレームワークと互換性があり、主要なブラウザで動作するように設計されているため、Web アプリケーションにドキュメント処理機能を追加しようとしている開発者にとって柔軟なソリューションになります。
このブログでは、次のトピックについて説明します。
WebViewer の機能
表示機能: WebViewer は、PDF、Office ドキュメント、CAD ファイル、画像などを含むさまざまなファイル形式をサポートしています。高忠実度のレンダリングを提供し、ドキュメントがネイティブ アプリケーションと同じように表示されることを保証します。
リダクション: 公開または配布する前に、機密情報または機密情報を削除または隠蔽します。
DOCX 編集: 中間形式への変換、サーバー側の処理、サードパーティの依存関係の埋め込みを行わずに、Web アプリケーションで新しいネイティブ DOCX ドキュメントを作成または編集します。
注釈とコラボレーション: WebViewer を使用すると、ユーザーはハイライト、フリーハンド描画、コメント、およびカスタム注釈タイプを含むその他の多数の注釈を使用してドキュメントに注釈を付けることができます。これらの注釈は XFDF (標準 PDF 注釈形式) にシリアル化でき、後で保存したり、共同作業の目的で共有したりできます。
フォーム入力: WebViewer はインタラクティブなフォーム入力をサポートしており、ユーザーはビューア内で PDF フォーム フィールドに直接入力できます。
編集: テキスト編集機能とドキュメント アセンブリ機能も提供されます。ユーザーはテキストを変更したり、PDF ドキュメントを分割および結合したり、テキストのスタイルを編集およびリフローしたりできます。
測定と CAD の表示: WebViewer は、ブラウザでの CAD 図面の直接表示と測定をサポートしているため、エンジニアリングまたは建設のユースケースに役立ちます。
カスタマイズ可能なオープンソース UI: WebViewer のユーザー インターフェイスは、埋め込まれているアプリケーションのニーズに合わせてカスタマイズでき、ツールバーやテーマなどを変更するためのさまざまなすぐに使用できるオプションを提供します。
検索: 正規表現を含む全文ドキュメント検索機能により、ユーザーはドキュメント内を簡単に移動できます。
安全な署名: ドキュメントにはデジタル署名が可能で、ビューアは PDF の暗号化と権限をサポートしています。
クロスプラットフォームおよびクロスブラウザのサポート: WebViewer は JavaScript ベースのツールとして、プラットフォームに依存しないように設計されており、ほとんどの主要なブラウザと互換性があります。
これらの機能の実際の動作は WebViewer ショーケースでお試しください。
WebViewer の統合と他のシステムとの相互作用
WebViewer は、Web アプリケーションに埋め込むことができる JavaScript ベースのドキュメント ビューアであるため、主に、WebViewer が埋め込まれている Web アプリケーションを通じて他のシステムと統合されます。
WebViewer が他のシステムと相互作用する方法をいくつか紹介します。
REST API: WebViewer は RESTful API と相互作用し、他のシステムからドキュメントを取得したり、ドキュメントをそれらのシステムに保存したり、その他のインタラクションを実行したりできます。これにより、データベースからコンテンツ管理システムなどに至るまで、さまざまなバックエンド システムと組み合わせて使用することができます。
JavaScript インタラクション: WebViewer は、JavaScript ライブラリとして、ブラウザ内で実行されている他の JavaScript コードと相互作用することができます。これには、他の JavaScript ライブラリおよびフレームワークとの相互作用も含まれ、非常に柔軟になります。
サーバーサイドの操作: 一部の操作では、WebViewer は Apyse のサーバーサイド SDK を利用できます。たとえば、リアルタイム コラボレーション機能の場合、WebViewer で行われた変更を XFDF (PDF 注釈の標準形式) にシリアル化し、サーバーに送信して、他のユーザーに配布できます。
WebHooks: 特定の操作については、WebViewer で特定のイベントが発生したときに別のアプリケーションまたはシステムに通知するようにアプリケーションで WebHook を構成できます。
WebViewer と Web テクノロジー
WebViewer は Web ページのコンテキストで使用するように設計されているため、ユーザー インターフェイスには HTML5 と CSS3 が使用されます。JavaScript ライブラリとして、ページ上の他の JavaScript コードと相互作用することができ、JavaScript コードにアクセスできる任意の Web API を利用できます。
WebViewer は、Canvas API や Fetch API などの HTML5 機能を使用して、ドキュメントのレンダリングやデータのロードを行います。また、ユーザー インターフェイスのスタイルを設定し、応答性を高めるために CSS3 も使用されます。JavaScript を使用することで、フォームへの入力や注釈などのインタラクティブな機能を提供できます。
他の Web ベースのツールと同様、WebViewer が操作できる特定の API および Web テクノロジは、ユーザーのブラウザでサポートされている内容によって異なります。ただし、WebViewer は幅広い最新のブラウザで動作するように設計されているため、これらのブラウザがサポートする Web API と互換性がある必要があります。
WebViewer のフレームワーク
WebViewer は基本的に JavaScript ベースのライブラリであり、JavaScript と相互作用する任意のアプリケーションに組み込むことができます。これには、プレーンな JavaScript だけでなく、さまざまな JavaScript フレームワークで構築されたアプリケーションも含まれます。
React: React は、ユーザー インターフェイス、特にシングルページ アプリケーションを構築するための人気のある JavaScript ライブラリです。WebViewer を React とともに使用すると、複雑なドキュメントの表示と操作を React アプリケーション内に統合できます。
Angular: Angular は、Web アプリケーションを構築するためのプラットフォームです。クライアント側の MVC および MVVM アーキテクチャのフレームワークを提供します。Angular アプリケーションで WebViewer を使用して、ドキュメント表示機能を追加できます。
Vue.js : Vue.js は、ユーザー インターフェイスを構築するための JavaScript フレームワークです。他のフレームワークと同様に、Vue.js アプリケーションで WebViewer を使用できます。
この他にも、WebViewer は JavaScript ベースであるため、cordova、electron、svelte、nuxt-js、blazor、typescript、node.js などの他のフレームワークとスムーズに統合できます。
WebViewer のカスタマイズ
WebViewer は、ユーザー固有のニーズに合わせて完全にカスタマイズできます。カスタマイズできる項目は次のとおりです。
すぐに使えるカスタマイズ: WebViewer UI の外観と操作性を変更できます。ツールバーのボタンの追加、削除、再配置、カスタム コントロールの追加、テーマの変更などを行うことができます。
オープンソース UI カスタマイズ: ソース コードを変更するための無料のサンドボックス
ユーザー権限: ユーザーが使用できる機能を制御できます。たとえば、アプリケーションの要件に基づいて、注釈ツール、印刷、ダウンロードなどを有効または無効にすることができます。
カスタム注釈: WebViewer は、ドキュメントに注釈を付けるための豊富なツール セットを提供します。これらのツールをカスタマイズしたり、新しいカスタム注釈タイプを追加したり、既存の注釈タイプの動作を変更したりすることができます。
ローカリゼーション: WebViewer には、多数の言語翻訳が含まれています。含まれていないものについては、さまざまな言語への翻訳を提供することで、WebViewer インターフェイスをローカライズできます。
イベント処理: イベントを処理することで、WebViewer にカスタム動作を追加できます。たとえば、ユーザーがテキストを選択したり、注釈を追加したりするたびにカスタム コードを実行できます。
独自のコードとの統合: WebViewer は JavaScript ライブラリであるため、その API を使用して独自の JavaScript コードと対話できます。これにより、必要なカスタム動作を追加できます。
WebViewer の埋め込み
WebViewer は通常、高度なドキュメント処理機能を必要とする Web アプリケーションに組み込まれています。ここではいくつかの例を示します。
ドキュメント管理システム: ドキュメント管理システム (DMS) では、WebViewer を使用してさまざまな形式のドキュメント (Word Office、画像、PDF など) を表示し、ユーザーがファイルをダウンロードしたり外部アプリケーションを使用したりする必要がなく、表示および編集できます。また、ドキュメントにコメントを付けたりレビューしたりするために使用できる注釈ツールも提供します。
コラボレーション プラットフォーム: オンライン コラボレーション プラットフォームでは、WebViewer を使用してドキュメント上でリアルタイムのコラボレーションを行うことができます。複数のユーザーが同じドキュメントを表示して注釈を付けることができ、変更内容はリアルタイムで全員に表示されます。
教育プラットフォーム: e ラーニング システムでは、教師と生徒は WebViewer を使用して文書や教科書を表示、共有し、注釈を付けることができます。特に遠隔学習の場合に役立ちます。
ヘルスケア ポータル: 患者ポータルでは、医療提供者は WebViewer を使用して医療レポートやその他のドキュメントを患者と共有できます。注釈機能を使用して、重要なセクションを強調表示したり、説明メモを追加したりできます。
法務プラットフォーム: 法務ソフトウェア プラットフォームでは、弁護士は WebViewer を使用して契約書やその他の法的文書を確認できます。ドキュメントに直接注釈を付けることができ、機密情報を編集するためにそれを使用することもできます。
政府サービス: 政府機関は、オンライン サービスに WebViewer を組み込んで、ユーザーが PDF フォームに記入したり、文書に電子的に署名したり、公式文書や規制を閲覧したりできるようにすることができます。
不動産プラットフォーム: 不動産アプリケーションでは、エージェントとクライアントは WebViewer を使用して、物件文書、契約書、間取り図などを表示し、注釈を付けることができます。
建設またはエンジニアリング アプリケーション: 建設またはエンジニアリングに関連するアプリケーションでは、WebViewer を使用して Web アプリケーションで CAD 図面を直接表示し、注釈を付けることができます。
全体的に、WebViewer は Web アプリケーション内でのドキュメントの処理方法を変革することを目的とした堅牢かつ動的なツールです。WebViewer を使用すると、さまざまな種類のドキュメントをブラウザ内で表示、注釈付け、編集できるようになり、ファイルをダウンロードしたりアプリケーションを切り替えたりする必要がなくなり、ユーザー エクスペリエンスが向上します。
本製品に関するご質問、ご不明な点はエクセルソフトまでお気軽にお問い合わせください。
Apryse (旧 PDFTron) 製品の詳細は、弊社 Web サイトをご確認ください。
記事参照：
© 2023 Apryse
「All You Need To Know About WebViewer」
