連載:Nuxtで作るPDF管理システム– category –
-
連載:Nuxtで作るPDF管理システム
【Nuxtで作るPDF管理システム 第11回】本番運用へ:S3への切り替えとデプロイ
Nuxt 4でPDF管理システムを作る連載の最終回。保存先をAmazon S3に切り替え、署名付きURLでのダウンロード、本番での起動と環境変数、バックアップを解説。全12回の目次と本番までの残作業も掲載します。 -
連載:Nuxtで作るPDF管理システム
【Nuxtで作るPDF管理システム 第10回】見積書・請求書をデータから生成する
Nuxt 4でPDF管理システムを作る連載の第10回。明細データから見積書・請求書PDFをpdf-libで生成します。税率ごとの消費税計算と単体テスト、改ページ、国税庁が示すインボイスの記載事項も確認します。 -
連載:Nuxtで作るPDF管理システム
【Nuxtで作るPDF管理システム 第9回】PDFフォーム(AcroForm)に入力する
Nuxt 4でPDF管理システムを作る連載の第9回。pdf-libでAcroFormの入力欄を一覧化し、日本語で入力して保存・フラット化します。日本語フォントでの外観更新や文字サイズ自動の落とし穴も実測で解説します。 -
連載:Nuxtで作るPDF管理システム
【Nuxtで作るPDF管理システム 第8回】注釈・スタンプ・署名画像を貼る
Nuxt 4でPDF管理システムを作る連載の第8回。画面の座標をPDFの座標に変換し、日本語テキスト・日付印・手書き署名をpdf-libで焼き込みます。fontkitのサブセット埋め込みで文字が欠ける問題の実測結果も紹介します。 -
連載:Nuxtで作るPDF管理システム
【Nuxtで作るPDF管理システム 第7回】PDFの結合と分割
Nuxt 4でPDF管理システムを作る連載の第7回。pdf-libのcopyPagesでPDFの結合・分割を実装し、元のPDFを上書きしない版管理と過去の版のダウンロード、pdf-libの限界までコード付きで解説します。 -
連載:Nuxtで作るPDF管理システム
【Nuxtで作るPDF管理システム 第6回】ブラウザでPDFをプレビューする
Nuxt 4でPDF管理システムを作る連載の第6回。pdfjs-distでPDFをCanvasに描画するプレビュー機能を、ワーカー設定、日本語PDF用のcMap配信、ページ送り・拡大縮小まで実装します。コード付きで解説。 -
連載:Nuxtで作るPDF管理システム
【Nuxtで作るPDF管理システム 第5回】権限管理と「認可つきダウンロード」
Nuxt 4でPDF管理システムを作る連載の第5回。閲覧のみ・編集可・管理者の3ロールによる権限管理、DBで最新の権限を確認する認可ヘルパー、日本語ファイル名に対応した認可つきダウンロードをコード付きで解説します。 -
連載:Nuxtで作るPDF管理システム
【Nuxtで作るPDF管理システム 第4回】ログイン機能を入れる
Nuxt 4でPDF管理システムを作る連載の第4回。nuxt-auth-utilsの暗号化Cookieセッションとパスワードハッシュでログイン機能を実装し、サーバーミドルウェアでAPIをログイン必須にする方法をコード付きで解説します。 -
連載:Nuxtで作るPDF管理システム
【Nuxtで作るPDF管理システム 第3回】検索・絞り込み・ページングをつける
Nuxt 4でPDF管理システムを作る連載の第3回。ファイル名・タグ・登録日での絞り込みとページングを、URLのクエリ文字列とzodでの検証、Drizzle ORMの安全な条件組み立てで実装する方法をコード付きで解説します。 -
連載:Nuxtで作るPDF管理システム
【Nuxtで作るPDF管理システム 第2回】ファイル情報をDBに持ち、一覧を表示する
Nuxt 4でPDF管理システムを作る連載の第2回。PDF本体とファイル情報を分け、Drizzle ORMとSQLiteでファイル名・サイズ・ページ数・登録日時を保存し、一覧APIと一覧画面を作る手順をコード付きで解説します。 -
連載:Nuxtで作るPDF管理システム
【Nuxtで作るPDF管理システム 第1回】PDFをアップロードして安全に保存する
Nuxt 4でPDF管理システムを作る連載の第1回。PDFアップロードをサーバー側でサイズ・拡張子・Content-Type・先頭バイトの4点で検証し、UUIDの保存名でローカルに保存する方法を、動くコード付きで解説します。 -
連載:Nuxtで作るPDF管理システム
【Nuxtで作るPDF管理システム 第0回】全体像とNuxt 4プロジェクトの土台づくり
Nuxt 4でPDF管理システムを作る連載の第0回。アップロード・検索・プレビュー・編集・帳票生成・権限管理までの全体像と目次、プロジェクト作成、共通レイアウト、runtimeConfigと.envの使い分けを解説します。
1
