[B! template] k_oshimaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

k_oshima id:k_oshima

templateã«é–¢ã™ã‚‹k_oshimaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Re: ãªã‚“ã§ä»Šã•ã‚‰å¸³ç¥¨ã‚¨ãƒ³ã‚¸ãƒ³ã‚’æ–°è¦é–‹ç™ºã—ã¦ã„ã‚‹ã®ã‹
pdfmeã¨ã¯ Website: https://pdfme.com/ TypeScriptã§æ›¸ã‹ã‚ŒãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®ç„¡æ–™ã®å¸³ç¥¨ã‚¨ãƒ³ã‚¸ãƒ³ã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½¿ã£ã¦å®£è¨€çš„ã«PDFã‚’ä½œæˆã§ãã€ã‚µãƒ¼ãƒãƒ¼ã€ãƒ–ãƒ©ã‚¦ã‚¶ã©ã¡ã‚‰ã§ã‚‚å‹•ä½œã™ã‚‹ã€‚ 2022å¹´2æœˆã«betaç‰ˆã¨ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã‹ã‚‰ç¾åœ¨ Version3ã§ GitHubã§ã¯StartãŒ1500ã€npmã§ã¯ãƒãƒ©ãƒ„ã‚ã¯ã‚ã‚‹ãŒé€±é–“1ä¸‡ä»¶ãã‚‰ã„ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒã‚ã‚‹ã€‚ è‡ªåˆ†ãŒæŠŠæ¡ã—ã¦ã„ã‚‹ã ã‘ã§ã€ä¸–ç•Œä¸ã§æŽ¡ç”¨äº‹ä¾‹ãŒã‚ã‚Šã€é›»åã‚«ãƒ«ãƒ†ä½œæˆã€å·¥å ´ã®æ‰‹é †æ›¸ä½œæˆã€ECã®ã‚«ã‚¹ã‚¿ãƒ ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸åˆ¶ä½œã‚½ãƒ•ãƒˆãªã©ã€ã™ã§ã«ã„ã‚ã‚“ãªã‚µãƒ¼ãƒ“ã‚¹ã«çµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã©ã®ã‚ˆã†ãªãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã§pdfmeã‚’é–‹ç™ºã—ã¦ã„ã‚‹ã®ã‹ã¨ã„ã†ã“ã¨ã‚’èª¬æ˜Žã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªã‚“ã§å¸³ç¥¨ã‚¨ãƒ³ã‚¸ãƒ³ã‚’æ–°è¦é–‹ç™ºã™ã‚‹ã®ã‹ PDFãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆãƒ»ç·¨é›†ã™ã‚‹ã¨ã„ã†è¦³ç‚¹ã§ã¯pdfkitã¨ã„ã†ç´ æ™´ã‚‰ã—ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒ20
k_oshima 2023/12/06
PDF

template

engine
ãƒªãƒ³ã‚¯
ç„¡æ–™ã§ã—ã‹ã‚‚é«˜å“è³ªï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ç¾Žã—ã„Webãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ãŸã‚ã®HTML5/CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ç¸¦é•·ãƒšãƒ¼ã‚¸ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã€ãƒ–ãƒã‚°ãªã©ã€ä»Šæ™‚ã®ã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸHTML5+CSS3ã®ç„¡æ–™ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å˜ã«ä½¿ã†ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„HTML5/CSS3ã®å‹‰å¼·ã¨ã—ã¦ã‚¹ã‚ãƒ«ã‚¢ãƒƒãƒ—ã«ã‚‚ã„ã„ã§ã™ãã€‚
k_oshima 2015/05/15
CSS

styling

design

html5

css3

template
ãƒªãƒ³ã‚¯
å®Œç’§ãªJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ±‚ã‚ã¦ Part 2 | POSTD
ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒHTMLå†…ã«å˜åœ¨ã—ã¦ãŠã‚Šã€ã‚ˆãä½¿ã‚ã‚Œã‚‹æ‰‹æ³•ã§ã™ã€‚è¦‹ãŸç›®ãŒãƒŠãƒãƒ¥ãƒ©ãƒ«ã§ã€HTMLãŒè‡ªç„¶ã«ã‚¿ã‚°ã‚’å†…åŒ…ã—ã¦ã„ã‚‹ã®ã§ç†ã«ã‹ãªã£ã¦ã„ã¾ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ãŒ <script> è¦ç´ ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ãªã„ãŸã‚ã€ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã¾ã›ã‚“ã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒAjaxã‚’ç”¨ã„ã¦ãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ Backbone.View.extend({ 'template': 'my-view-template', 'render': function() { $.get('/templates/' + this.template + '.html', function(template) { var html = $(template).tmpl(); }); } }); ã‚³ãƒ¼ãƒ‰ã¯å¤–éƒ¨HTMLãƒ•ã‚¡ã‚¤ãƒ«ã«è¨˜è¿°ã•ã‚Œã€ <script> ã‚¿ã‚°ã‚’è¿½åŠ ã—ãªãã¦ã‚‚æ¸ˆã‚€ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ã—ã‹ã—HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã®
k_oshima 2015/03/20
ã‚ã¨ã§èªã‚€

JavaScript

template

Framework
ãƒªãƒ³ã‚¯
å®Œç’§ãªJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ±‚ã‚ã¦ Part 1 | POSTD
æœ€è¿‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã§ã¯ã€å¤šãã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒåˆ©ç”¨ã§ãã¾ã™ã€‚ãŸã ã—çŽ‰çŸ³æ··æ·†ã§ã€è‰¯ã„ç‰©ã‚‚ã‚ã‚Œã°æ‚ªã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªã‚ã‘ã§å¤šãã®å ´åˆã€ç§ãŸã¡ã¯ç‰¹å®šã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¾ãŸã¯æ§‹æ–‡ã«å‚¾å€’ã—ãŒã¡ã§ã™ã€‚ã§ã‚‚ã€ãã‚ŒãŒä¸‡èƒ½ã‹ã¨è¨€ã†ã¨ãã†ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã®æŠ•ç¨¿ã§ã¯ã€å°†æ¥çš„ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã¤ã¾ã‚Šã¾ã å˜åœ¨ã—ã¦ã„ãªã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦è©±ã‚’ã—ã¦ã„ããŸã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ç¾çŠ¶ã§åˆ©ç”¨å¯èƒ½ãªJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®åˆ©ç‚¹ã‚„æ¬ ç‚¹ã‚’ã¾ã¨ã‚ã¦ã€å®Œç’§ãªã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ€ã„æã„ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ æŠ½è±¡åŒ–ã¯å±é™º ç§ãŸã¡ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ„ãƒ¼ãƒ«ãŒå¥½ãã§ã™ã‚ˆãã€‚è¤‡é›‘ã•ã¯ã‚ã‚‹æ„å‘³ã€å‘½å–ã‚Šã§ã™ã€‚ä½œæ¥ãŒé›£ã—ããªã‚Šã€ä¸€å®šæ™‚é–“å†…ã§å¤šãã®ã“ã¨ã‚’è¦šãˆãªã‘ã‚Œã°ãªã‚‰ãªããªã‚‹ï¼ˆæ€¥å‹¾é…ã®å¦ç¿’æ›²ç·šãŒæ±‚ã‚ã‚‰ã‚Œã‚‹ï¼‰ã‚ˆã†ãªã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ãƒ—ãƒã‚°ãƒ©ãƒžã¯ä»•çµ„ã¿ã‚’ç†è§£ã™ã‚‹ã¾ã§æ°—ã‚‚ä¼‘ã¾ã‚‰ãªã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚è¤‡é›‘ãªã‚·ã‚¹ãƒ†ãƒ ã§ä½œæ¥ã‚’ã™
k_oshima 2015/03/20
ã‚ã¨ã§èªã‚€

JavaScript

Framework

template
ãƒªãƒ³ã‚¯
1