マルチタブPDFビューアー

マルチタブPDFビューアー｜画像生成と会話するAIの魅力と可能性
https://note.com/chat_gpt777/n/ne0025383ac12?app_launch=false

Zoom、プレゼンテーション、講座などでPDF資料を皆さんに見せる場合、通常のpdfリーダーなどは枠が邪魔をしてみずらい。そこで中身を90%以上見えるビューアーを開発しました。

マルチタブPDFビューアー取扱説明書
「マルチタブPDFビューアー」は、ブラウザ上で複数のPDFファイルを同時に開き、タブで切り替えながら閲覧できるシンプルかつ高機能なPDFビューワーです。インストール不要で、HTMLファイルをブラウザで開くだけですぐに使用できます。

1. 主な機能
マルチタブ管理: 複数のPDFファイルを同時に読み込み、上部のタブで素早く切り替えられます。
ページ操作: 前後のページへの移動がスムーズに行えます。
柔軟なズーム: 拡大・縮小・100%表示に加え、マウスホイールによる直感的なズームも可能です。
ドラッグ移動: 表示中のPDFをマウスで掴んで自由な位置に移動できます。
ツールバーの非表示: 閲覧エリアを広げるために、上部のツールバーを折りたたむことができます。
複数ファイル一括読み込み: ファイル選択時に複数のPDFを一度に選択して開くことができます。

2. 各部名称と使い方
A. ツールバー（上部）
「＋」ボタン: ファイル選択ダイアログを開きます。PDFファイルを選択（複数可）すると、新しいタブとして追加されます。
タブ: 開いているファイル名が表示されます。
クリック：表示ファイルを切り替えます。
「×」ボタン：そのタブを閉じます。
ナビゲーションボタン:
◀ 前へ / 次へ ▶: ページをめくります。
縮小 - / 拡大 +: 表示サイズを調整します。
100%: 標準の大きさに戻します。
B. ビューアーエリア（中央）
ドラッグ操作: PDFの上でマウスを左クリックしたまま動かすことで、表示位置を自由に調整できます。
マウスホイール: ホイールを上下に回すことで、表示の拡大・縮小ができます。
C. ツールバー表示切替（右上）
「☰」ボタン: クリックするたびに、上部のツールバー（タブと操作ボタン）の表示・非表示を切り替えます。
3. 基本的な操作手順
ファイルを読み込む:
画面上部の「＋」ボタンをクリックし、閲覧したいPDFファイルを選択します。
ページを閲覧する:
「前へ」「次へ」ボタンでページを移動します。
表示を調整する:
拡大・縮小ボタン、またはマウスホイールで読みやすい大きさに調整し、ドラッグして位置を微調整します。
ファイルを切り替える:
別のPDFを開いている場合は、上部のタブをクリックすることで瞬時に表示を切り替えられます。
4. 特徴と注意点
プライバシーに配慮: 本アプリはブラウザ内（クライアントサイド）で処理を行うため、読み込んだPDFファイルがサーバーへアップロードされることはありません。オフラインでも動作可能です。
メモリ消費: 非常に多くのPDFを一度に開くと動作が重くなる場合があります。不要になったタブは「×」ボタンで閉じてください。
推奨ブラウザ: Google Chrome, Microsoft Edge, Firefox などの最新のモダンブラウザ。
5. キーボード・マウスショートカット一覧
操作アクション
マウスドラッグ PDF表示位置の移動（パン）
マウスホイール拡大・縮小
左クリック（タブ）ファイルの切り替え
このソフトウェアは、Mozillaの「PDF.js」ライブラリを使用して構築されています。