JavascriptでPDFを生成できるプラグインpdfmakeの紹介ですhttps://github.com/bpampuch/pdfmakeサーバーサイドプログラムが使えない環境で、どうしてもPDFを作りたい場合ってありませんか?pdfmakeをダウンロードでは、早速下記からpdfmakeをダウンロードしましょう。releaseの最新のzipファイルを落としましょう。実は日本語フォントを設定しないと文字化けしてしまいます。下記などを参考にするかと良いと思います。https://github.com/bpampuch/pdfmake/wiki/Custom-Fonts—client-sideひとまず、今回は飛ばしてすでに有志(naoaさん)が生成してくれたフォントファイルを使いましょう!https://github.com/naoa/pdfmake/blob/master/build/vfs_fonts.jsこのファイルを「build」フォルダにある「vfs_fonts.js」と差し替えましょう。試してみるダウンロードpdfmakeを解凍した後にある「build」フォルダをコピーしてきます。"\n\nテーブルの後ろに追加してみました。'GenShin'//ここでデフォルトのスタイル名を指定しています。}).download("ファイル名.pdf");</script></body></html>このHTMLにアクセスすると、PDFがダウンロードされると思います。いかがでしたでしょうか。気になる対応ブラウザWindows:IE11、IEedge、Chrome最新、Firefox最新Max:Chrome最新、Safari最新で確認をしましたが、問題なさそうです。(某案件で使用したので、旧ブラウザを利用しない限り問題ないかと思います。)サーバサイドの動作ではないので、サーバに負荷をかけないのでメリットも大きいですよね。クライアントサイドなので、意図しないPDFが生成されることも考慮しないといけません。postsよく読まれている記事です。1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。posts1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。XDイラストお知らせ運用Fireworksクリエーターフォントまとめ初心者サーバ用語PHPスマホアプリjQuery息抜きDreamWeaverWebディレクターJavaScriptプログラミング仕事効率PhotoshopAdobeWordPress作業効率コーディング便利ツールHTML・CSSWEB制作現場デザイン。