資料を見る相談する
IDEA / NAYUTA Labo2026-09-28検証中執筆:NAYUTA

ブラウザ内でPDFを結合・分割する実験:pdf-libを用いたクライアントサイド処理の検証

社外秘の営業資料や社内報の差し替えで、PDFの一部ページだけを抜き出したり複数ファイルを結合したりしたい場面は頻繁にあります。しかし、端末へのアプリ自由インストールが禁じられており、機密保持の観点から一般的なオンライン変換サイトの利用も制限されている環境では、手作業での迂回や対応の遅れが課題になりがちです。

01 / FOR WHOM

こんな方のための実験です

Web・SNS・広報・営業資料などで、日常的な変換や整理作業を行う担当者

02 / SITUATION

現状と課題

広報、営業、SNS運用などの業務では、日常的に配布資料の整理や結合、特定ページのみの抜粋作業が発生します。一般的なウェブ変換サービスを利用するとPDF実データが外部サーバーへ送信されるリスクがあり、セキュリティポリシー上アップロードが許可されないケースが少なくありません。一方で、専用ソフトウェアを新規導入するための稟議や承認には時間がかかり、日々の細かな編集作業が滞る原因となっていました。

03 / IDEA

解決のアイデア

なぜ作ったか

複数PDFの結合と、必要ページだけの分割をブラウザ上で完結させる。 NAYUTA Laboとして小さく実装し、実際の操作で成立するかを検証する。

どう作ったか

使用したAI・制作環境:Gemini / Browser JavaScript(予定)

要件を整理 → Geminiへ初期指示 → MVPを実装 → 実データで操作確認 → Error / Fixを記録 → Complete / Resultを撮影

今回の検証

外部送信を行わないクライアントサイド処理の構成

今回の実験では、Google Apps Script(HtmlService)から配信されるHTML/JavaScript上で、軽量なPDF操作ライブラリ「pdf-lib」を利用する構成を採用しました。

ユーザーがドラッグ&ドロップしたPDFファイルは、ブラウザ内のメモリ(ArrayBuffer)に直接読み込まれます。ページの解析、複数ファイルのページ統合、特定ページの複製といった処理はすべて閲覧中のブラウザ環境内で実行され、ファイルをバックエンドのサーバーへ送信することなく完結します。

  • pdf-lib(CDN経由)による純粋なクライアントサイドPDF再構築
  • ファイルの外部サーバー送信を排したメモリ上でのバイナリ処理
  • Google Apps Scriptを静的UI配信基盤として活用

実装した2つの操作機能(結合・分割抽出)

業務で頻出する「2つ以上のPDFを1本にまとめる(結合)」と「不要なページを除いて必要な範囲だけを取り出す(分割・抽出)」の2モードをタブ切り替えで実装しました。

結合モードでは、追加したファイルの並び替えやページ総数の集計を即座に確認できます。分割モードでは「1, 3-5」のような範囲指定や、奇数・偶数ページをワンクリックで選択できるプリセット機能を備えています。

  • 結合モード:複数ファイルの一括追加、上下の順序入れ替え、合計ページ数・容量の算出
  • 分割モード:カンマおよびハイフン区切りによるページ範囲パース、奇数/偶数抽出プリセット
  • 処理状態の視覚表示:ドラッグ&ドロップ受領、メモリ内処理スピナー、ダウンロード導線

検証状況と現時点での制約事項

本ツールは現在、検証中(IN_VERIFICATION)ステータスです。基本構造とUIの動作検証を進めている段階であり、特定ブラウザでの動作速度や高負荷処理の限界については継続調査が必要です。

ブラウザのメモリのみを使用するため、数十メガバイトを超える巨大なPDFや極端にページ数が多いファイルを扱う場合、ブラウザタブのクラッシュや処理遅延が生じる可能性があります。また、パスワード保護されたファイルや特殊な暗号化が施されたファイルは読み込みエラーとなります。

  • 暗号化やパスワードロックが施されたPDFは対象外(読み込み時にエラー表示)
  • 端末の空きメモリに依存するため、大規模ドキュメント処理時の安定性は要検証
  • HTMLやCDNスクリプトの取得自体にはネットワーク接続が必要

実際の操作画面

04 / TRY IT

自分の業務で、試してみる

MEMBERS ONLY

会員登録で、制作プロンプトとコードを受け取る

このアプリをGeminiでつくったときのプロンプトと、GASのコードをお渡しします。無料の会員登録で受け取れます。登録はメール配信や営業連絡への同意ではありません。

無料で会員登録して受け取るすでに会員の方はログイン上に見えているのは表示イメージで、この記事の実際のコードではありません。
05 / SCOPE

NAYUTAが実装・支援する範囲

最初は担い、判断基準と運用を会社に残します。

  1. 01複数PDFファイルの単一ファイルへの結合
  2. 02指定ページ範囲(個別指定、範囲指定)の新規PDF抽出
  3. 03奇数ページ・偶数ページのクイック選択
  4. 04ブラウザメモリ内での完結処理(外部ファイルアップロードなし)
06 / EXPECTED CHANGE

期待できる効果と条件

ここに書くのは期待できる変化です。実際に確認できた変化はお客様の声に分けて記載します。

  1. 01外部サービスへのファイル送信を回避した一次編集作業の効率化
  2. 02専用ソフトウェアのインストールが不要な環境での作業負担軽減
  3. 03配布資料のページ差し替えや不要ページ削除の即時対応

前提条件:パスワード保護されていない標準的なPDFファイルであること。ブラウザがJavaScript実行およびメモリ確保を正常に行える環境であること。

SUPERVISION / 監修
岸 和伸

監修:岸 和伸

住宅会社で注文住宅の営業を経験した後、Web・SNS・販促・マーケティングへと仕事を広げ、注文住宅に加えて分譲・不動産仲介・リフォームのWeb制作・運用に携わってきました。その後、大手不動産会社で広報・PR、ブランディング、オウンドメディアなどを担当。SNSやAI活用にも取り組んできました。住宅・不動産に携わって、約15年。

監修範囲

住宅・不動産の業務での使い方、手順、試した内容の書き方に関する確認。社内の環境や使い方による結果の違い、法律・税務・情報セキュリティ等の個別専門判断を代替しない。

CONSULTATION / IDEA

このアイデアについて相談する

「ブラウザ内でPDFを結合・分割する実験:pdf-libを用いたクライアントサイド処理の検証」について、30分相談でお話を伺います。自社の仕事でも使えそうか。必要な準備や、取り入れ方から一緒に考えます。

30分相談を予約する

住宅・不動産会社の事業についての初回相談は、約30分・無料です。現状の見立て、優先して確かめること、最初の一歩をお伝えします。詳しい調査・分析、提案書の作成、制作・実装は別途のご依頼です。