GNB PDF Calendar

概要

A4の紙全面を使ったカレンダーを作るためのページ。
PDFをダウンロードできるので、ダウンロード後に印刷してください。


余白
後書き

開発当初、PDFの生成はサーバー側でしかできないと思っていたので、Deno Deploy上でpdf-libを動かすように書いていたが、pdf-libはクライアント側(ブラウザ)でもPDFを生成できることに気づき、プログラムをすべてHTML上に移した。

Deno Deployである必要は?…ない。

使用ライブラリ・技術 コメント
Deno PDFを生成するプログラム全部がHTML側に移動したため、ファイルホスティングをするプログラムだけとなった。
ぶっちゃけ3行。
Deno Deploy ファイルのホスティング用途としても便利。Githubにpushするとすぐ公開される。
Pico.css CSSライブラリは多数あるが、そこまで機能が必要ないならこれで十分。
PDF.js PDFを表示する。HTMLのCANVAS要素に描画するので、表示レイアウトなどを調整しやすい。
PDF-LIB PDFを生成する。npmを使わなくてもCDNを使えばクライアントサイド(ブラウザ)でPDFを生成できることに気づいた。
Store.js PDFの余白や、テーマといった設定をブラウザに記録させている。
flatpicker 日付選択ライブラリ。ここでは月選択として使用している。