クライアントサイド(React)ã§æ—¥æœ¬èªžPDFを出力ã™ã‚‹ã€‚å‰æ›¸ã Reactã®æ¡ˆä»¶ã®ä¸ã§æ—¥æœ¬èªžã®PDFを出力ã™ã‚‹å¿…è¦ãŒã‚り〠ãã®ãŸã‚ã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰(Reactå´)ã®ã¿ã§æ—¥æœ¬èªžPDFを出力ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ãŸã®ã§è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚ å‰æº–å‚™ 今回ã¯ã€pdfmakeã¨ã„ã†ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§PDFを出力ã™ã‚‹JavaScriptライブラリを利用ã—ã¾ã™ã€‚ npmパッケージã§ã‚‚å˜åœ¨ã™ã‚‹ã®ã§ã‚³ãƒžãƒ³ãƒ‰ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã‚‹ã®ã§ã™ãŒ 日本語フォントを利用ã™ã‚‹ãŸã‚ã€Githubã‹ã‚‰jsファイルをè½ã¨ã—ã¾ã™ã€‚ bpampuch/pdfmake 上記ã®ãƒªãƒã‚¸ãƒˆãƒªã‹ã‚‰ä»¥ä¸‹ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è½ã¨ã—ã¾ã™ã€‚ pdfmake.min.js vfs_fonts.js 日本語PDF出力ã®æº–å‚™ pdfmakeã¯ã€ãã®ã¾ã¾åˆ©ç”¨ã™ã‚‹ã¨æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆãŒåˆ©ç”¨ã§ãã¾ã›ã‚“。 ãã®ãŸã‚ã€ç‹¬è‡ªã«æ—¥æœ¬èªžã®ãƒ•ã‚©ãƒ³ãƒˆã‚’利用ã§ãるよã†ã«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã—ã¦ããŸã€vfs_fonts.jsã«æ—¥æœ¬èªžãƒ•
React基礎 · GitBook
{{#tags}}- {{label}}
{{/tags}}