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 | 日付選択ライブラリ。ここでは月選択として使用している。 |