[B! javascript] chlonoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

chlono id:chlono

javascriptã«é–¢ã™ã‚‹chlonoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (446)

${{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}}

2019å¹´ã«ãªã£ã¦ã‚‚ã¾ã jQueryã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ç†ç”±
ç¾åœ¨ã€jQueryã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹äººã€ãã—ã¦jQueryã‚’å–ã‚ŠåŽ»ã‚ã†ã¨ã—ã¦ã„ã‚‹äººãŒã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚jQueryã®ä½¿ç”¨ã«å¯¾ã™ã‚‹ä¸€ã¤ã®è€ƒãˆæ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Why I'm still using jQuery in 2019 by Martin Tournoij ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯å…ƒã‚µã‚¤ãƒˆæ§˜ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®å…ƒã€ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 2019å¹´ã«ãªã£ã¦ã‚‚ã¾ã jQueryã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã®ã¯ãªãœã§ã™ã‹ Hacker News ã§ã®è°è«– å¤šãã®äººãŒã€Œæ™®é€šã®JavaScriptã‚’ä½¿ãˆã°ã€jQueryã¯å¿…è¦ãªã„ã€ã¨ä¸»å¼µã—ã¦ã„ã¾ã™ã€‚ç§ã¯å¤šãã‚’å¿…è¦ã¨ã—ãªã„ã®ã§ã€jQueryã‚’å¿…è¦ã¨ã—ã¾ã›ã‚“ãŒã€ç¢ºã‹ã«ä¾¿åˆ©ã§ã™ã€‚ You might not need jQueryã®ã‚ˆã†ãªãƒšãƒ¼ã‚¸ã§ã¯ã€jQueryã‚’æ¨ã¦ã‚‹ã®ã¯ç°¡å˜ã ã¨ã„ã†ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å£²ã‚Šè¾¼ã‚‚ã†ã¨ã—ã¦ã„ã¾ã™ãŒã€é€†ã«ã“ã®ãƒšãƒ¼ã‚¸ã®æœ€åˆã®ä¾‹
chlono 2019/06/05
javascript

jquery
ãƒªãƒ³ã‚¯
ä¾¿åˆ©ãªã®ãŒç™»å ´ï¼ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚·ãƒ³ãƒ—ãƒ«ãªè¨˜è¿°ã§å®Ÿè£…ã§ãã‚‹è¶…è»½é‡JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª -v8n | ã‚³ãƒªã‚¹
Webã‚µã‚¤ãƒˆã‚„ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã®ã©ã®éƒ¨åˆ†ã«ã§ã‚‚ãƒ•ã‚©ãƒ¼ãƒ ã«å…¥åŠ›ã•ã‚ŒãŸå€¤ã‚’æ¤œè¨¼ã™ã‚‹ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã€ã‚ãšã‹2.29kBã®è¶…è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚ˆãä½¿ç”¨ã•ã‚Œã‚‹ãƒ«ãƒ¼ãƒ«ã‚‚ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§30å€‹ä»¥ä¸Šç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ãƒ«ãƒ¼ãƒ«ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦åˆ©ç”¨ã™ã‚‹ã®ã‚‚ç°¡å˜ã§ã™ã€‚ v8n -GitHub v8nã®ç‰¹å¾´ v8nã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ v8nã®ä½¿ã„æ–¹ v8nã®ç‰¹å¾´ v8nã®åç§°ã¯ã€ã€Œvalidationã€ã®ã€Œvã€ã¨ã€Œnã€ã®é–“ã«æ£ç¢ºã«8æ–‡å—ã‚ã‚‹ã¨ã„ã†æ„å‘³ã§ã™ã€‚ æµæš¢ã§ãƒã‚§ãƒ¼ãƒ³åŒ–å¯èƒ½ãªAPI ãƒã‚§ãƒ¼ãƒ³åŒ–å¯èƒ½ãªAPIã‚’ä½¿ç”¨ã—ã¦ã€ãƒ•ã‚©ãƒ¼ãƒ ã®æ¤œè¨¼ã‚’ç°¡å˜ã«ä½œæˆã§ãã¾ã™ã€‚ æœ‰ç”¨ãªæ¨™æº–æ¤œè¨¼ãƒ«ãƒ¼ãƒ« ãƒ•ã‚©ãƒ¼ãƒ ã®æ¤œè¨¼ã§ã‚ˆãä½¿ç”¨ã•ã‚Œã‚‹30å€‹ä»¥ä¸Šã®ãƒ«ãƒ¼ãƒ«ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ ãƒ•ã‚©ãƒ¼ãƒ ã®æ¤œè¨¼ç”¨ãƒ«ãƒ¼ãƒ«ã¯ã€ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã€‚ éžåŒæœŸæ¤œè¨¼ã‚’ã‚µãƒãƒ¼ãƒˆ ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã®æ¤œè¨¼ã®ã‚ˆã†ã«æ™‚é–“ã®ã‹ã‹ã‚‹ãƒ«
chlono 2018/10/26
javascript

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã“ã‚Œãªã‚‰ã™ã”ãç°¡å˜ï¼ãƒšãƒ¼ã‚¸ã‚’é«˜é€Ÿã«è¡¨ç¤ºã•ã›ã‚‹Lazy Loadã‚’å®Ÿè£…ã§ãã‚‹è¶…è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒª -Lazyestload.js | ã‚³ãƒªã‚¹
æœ€è¿‘ã¯Lazy Loadã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ã„ã¾ã™ãã€‚ Lazy Loadã¨ã¯ã€ç”»åƒã‚„iframeã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã©ãŒè¦‹ãˆã¦ã„ãªã„çŠ¶æ…‹ï¼ˆãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆå¤–ï¼‰ã¯ãƒãƒ¼ãƒ‰ã•ã›ãšã«ã€è¦‹ãˆã¯ã˜ã‚ãŸçŠ¶æ…‹ï¼ˆãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆå†…ï¼‰ã®æ™‚ã ã‘ãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã‚ˆã†ã«ã—ã¦ã€ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã‚’é€Ÿãã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ ãã‚“ãªLazy Loadã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨imgè¦ç´ ã«classã‚’åŠ ãˆã‚‹ã ã‘ã§ã€ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹è¶…è»½é‡JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Lazyestload.js -GitHub Lazyestload.jsã®ç‰¹å¾´ Lazyestload.jsã®ãƒ‡ãƒ¢ Lazyestload.jsã®ä½¿ã„æ–¹ Lazyestload.jsã®ç‰¹å¾´ Lazy Loadã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨imgè¦ç´ ã«classã‚’åŠ ãˆã‚‹ã ã‘ã§å®Ÿè£…ã€‚ ç”»åƒã¯ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆå†…ã«ã‚ã‚‹æ™‚ã€ãŠã‚ˆã³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåœæ¢ã—ãŸæ™‚ã«ãƒãƒ¼ãƒ‰ã€‚ ãƒãƒ¼ãƒ‰å‰ã®çŠ¶æ…‹ã¯ã€CSSã§ç°¡å˜ã«ã‚¹
chlono 2018/10/22
javascript

ç”»åƒ
ãƒªãƒ³ã‚¯
Appleã®ã‚ˆã†ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«é€£å‹•ã—ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚ã“ã‚Œãªã‚‰ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹1KBã®è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -ScrollOut | ã‚³ãƒªã‚¹
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãµã‚ã‚Šã¨è¡¨ç¤ºã•ã›ãŸã‚Šã€è¿½å¾“ã™ã‚‹ã‚ˆã†ã«è¡¨ç¤ºã•ã›ãŸã‚Šã€ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã«è¡¨ç¤ºã•ã‚Œã¦ãªã„ç”»åƒã‚’LazyLoadã•ã›ãŸã‚Šã€ãã†ã„ãˆã°ä»Šå›žã®Apple Watchã§ã‚‚é¢ç™½ã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒæŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã™ãã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚ˆã‚‹å¤‰åŒ–ã‚’æ¤œå‡ºã—ã€ãã‚Œã«åˆã‚ã›ã¦CSSã®ã•ã¾ã–ã¾ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«ä¸Žãˆã‚‹ã“ã¨ãŒã§ãã‚‹1KBã®è¶…è»½é‡JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ãªã®ã§ã€ä»–ã®JavaScriptã‚„CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ä¸€ç·’ã«ä½¿ç”¨ã™ã‚‹ã“ã¨ã‚‚ç°¡å˜ã§ã™ã€‚ å®Ÿè£…ãŒç°¡å˜ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å¤‰åŒ–ã‚’æ¤œå‡ºã—ã€CSSã®ã•ã¾ã–ã¾ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«ä¸Žãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ è¶…è»½é‡ 1KBã®è¶…è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ ä¾å˜ã¯ç„¡ã— ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å˜ä½“ã§å‹•ä½œã—ã€ä»–ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¸ã®ä¾å˜ã¯ä¸€åˆ‡ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µãƒãƒ¼ãƒˆ IE11ã‚’å«ã‚€ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ›ç”¨ã®ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆã€‚
chlono 2018/09/30
javascript
ãƒªãƒ³ã‚¯
Stylusã®ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„æ©Ÿèƒ½ - ãƒ¡ãƒ¢ã‚’æ‰ã‚
ã¨ã„ã†ã‚ˆã‚Šã€è‡ªåˆ†ãŒæœ€è¿‘çŸ¥ã£ãŸæ©Ÿèƒ½ã€‚ ãƒãƒƒã‚·ãƒ¥ã‚’CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£åã¨å€¤ã«å±•é–‹ã§ãã‚‹ Stylusã§ã¯ãƒãƒƒã‚·ãƒ¥ãŒä½¿ãˆã¾ã™ã€‚ ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã¯JSã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒªãƒ†ãƒ©ãƒ«ã¨ã»ã¼åŒã˜ã§ã™ãŒã€Stylusã®nodeã‚’ãã®ã¾ã¾å€¤ã«ä½¿ç”¨ã§ãã‚‹ç‚¹ãŒé•ã„ã¾ã™ã€‚ ä»¥ä¸‹ã®ã‚ˆã†ã«ã€å€¤ã«10pxã¨æ›¸ã„ã¦ã‚‚validã§ã™ã€‚ foo = { width: 10px } // JSã¨åŒã˜ã‚ˆã†ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã‚‹ bar = foo.width bar = foo['width'] // ä»£å…¥ã‚‚ã§ãã‚‹ foo.height = 20px foo['height'] = 20px ãƒãƒƒã‚·ãƒ¥ã‚’{foo}ã®ã‚ˆã†ã«ãƒ–ãƒ¬ãƒ¼ã‚¹ã§å›²ã‚€ã¨ã€ãƒãƒƒã‚·ãƒ¥ã®ã‚ãƒ¼ãƒãƒªãƒ¥ãƒ¼ãŒãã®ã¾ã¾Stylusã¨ã—ã¦è§£é‡ˆã•ã‚Œã€CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¨å€¤ã«å±•é–‹ã•ã‚Œã¾ã™ã€‚ ãƒãƒƒã‚·ãƒ¥ãŒãƒã‚¹ãƒˆã«ãªã£ã¦ã„ã‚‹éƒ¨åˆ†ã¯ã€Stylusã®ãƒã‚¹ãƒˆï¼ˆã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆï¼‰ã¨ã—ã¦è§£é‡ˆã•ã‚Œã‚‹ã®ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ã«&ã¯
chlono 2018/09/13
stylus

javascript
ãƒªãƒ³ã‚¯
jQuery A+ plugin
jQuery A+ is an unobtrusive script that adds useful features to 'A' tags allowing webpages to maintain compatibility with HTML standards. The script syntax is compatible with all HTML / XHTML standards. For example, you can open link in a new window/tab (like target="_blank") without invalidating the HTML code: <a href="index.htm" class="blank">Click Me</a> or open a popup window without using jav
chlono 2018/09/07
aã‚¿ã‚°ã«ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã„ã‚ã„ã‚å‹•ä½œã‚’å¤‰ãˆã‚‰ã‚Œã‚‹

jquery

javascript
ãƒªãƒ³ã‚¯
ç‰©ç†ã‚µãƒ¼ãƒã‚’é¸å®šã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆ â€“ Eureka Engineering â€“ Medium
Eureka EngineeringLearn about Eurekaâ€™s engineering efforts, product developments and more.
chlono 2018/09/05
javascript

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Hexo å…¥é–€#1 åŸºæœ¬
chlono 2018/09/04
hexo

pug

jade

javascript
ãƒªãƒ³ã‚¯
Getting Started â€“ Pug
Installation Â¶ Pug is available via npm: $ npm install pug Overview Â¶ The general rendering process of Pug is simple. pug.compile() will compile the Pug source code into a JavaScript function that takes a data object (called â€œlocalsâ€) as an argument. Call that resultant function with your data, and voilÃ !, it will return a string of HTML rendered with your data. The compiled function can be re-use
chlono 2018/09/04
ejsã‹ã‚‰ä¹—ã‚Šæ›ãˆã‚ˆã†ã‹ãªã£ã¦

pug

jade

javascript
ãƒªãƒ³ã‚¯
jadeãŒpugã«ãªã£ã¦å¤‰ã‚ã£ãŸæ‰€ã®ãƒ¡ãƒ¢ - ã‹ã‚‚ãƒ¡ãƒ¢
HTMLã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®éš›ã«jadeã‚’æ„›ç”¨ã—ã¦ã„ã¾ã™ã€‚ jadeãŒpugã«ãªã£ã¦ã‹ã‚‰ã€æ‰€ã€…ä»•æ§˜ãŒå¤‰ã‚ã£ã¦ã„ãŸã®ã§ãƒ¡ãƒ¢ Mixinã®å‘¼ã³å‡ºã—æ–¹ãŒå¤‰ã‚ã£ãŸ mixin é–¢æ•°å() ã§ã¯ãªã+é–¢æ•°å()ã«ãªã£ãŸã€‚ jade mixin foo('å¼•æ•°') â†“ pug +foo('å¼•æ•°') æ–‡å—åˆ—ä¸ã®å¤‰æ•°å±•é–‹ã®æ–¹æ³•ãŒå¤‰ã‚ã£ãŸ jadeã®æ™‚ã¯"ã§å›²ã¾ã‚ŒãŸæ–‡å—åˆ—ã®ä¸ã«#{å¤‰æ•°å}ã§æ–‡å—åˆ—å±•é–‹ãŒã§ãã¦ã„ã¾ã—ãŸãŒã€ pugã‹ã‚‰ã¯æ–‡å—åˆ—å±•é–‹ã‚’ã™ã‚‹å ´åˆã¯`ã§æ–‡å—åˆ—ã‚’å›²ã¿${å¤‰æ•°å}ã¨ã™ã‚‹ã‹ã€jadeã§ã‚‚ä½¿ãˆã¦ã„ãŸ+æ¼”ç®—åã§æ–‡å—åˆ—ã¨å¤‰æ•°ã‚’é€£çµã™ã‚‹ã‹ã«ãªã£ã¦ã¾ã—ãŸã€‚ ã“ã‚Œã¯ã¡ã‚‡ã£ã¨jadeã®ã¨ãã®æ–¹ãŒä¾¿åˆ©ã ã£ãŸæ„Ÿã˜ãŒã—ã¾ã™... jade a(href="#{link}") p(class="foo#{bar}hoge") p(class="foo" + bar + "hoge") â†“ pug a(href=`$
chlono 2018/09/04
jade

pug

javascript
ãƒªãƒ³ã‚¯
lodash
A modern JavaScript utility library delivering modularity, performance & extras.
chlono 2018/09/04
javascript

lodash
ãƒªãƒ³ã‚¯
MixItUp | KunkaLabs
MixItUp 3 A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more... MixItUp gives you beautiful animated DOM manipulation on top of native CSS layout.
chlono 2018/09/04
javascript

jquery

css3

css
ãƒªãƒ³ã‚¯
lodashã§ã‚ˆãä½¿ã†é–¢æ•°ã¾ã¨ã‚ - matsukaz's blog
lodash ã¯ underscore.js ã¨ã»ã¨ã‚“ã©åŒã˜æ©Ÿèƒ½ã‚’æŒã¤ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ä¼¼ãŸã‚ˆã†ãªé–¢æ•°åãŒã‚ã£ãŸã‚Šã€ç ´å£Šçš„ãƒ¡ã‚½ãƒƒãƒ‰ã ã£ãŸã‚Šã—ã¦ã€æ£ã—ã„ä½¿ã„æ–¹ã‚’ã¡ã‚‡ã„ã¡ã‚‡ã„å¿˜ã‚Œã¦ã—ã¾ã†ã®ã§ã€ã‚ˆãä½¿ã†é–¢æ•°ã‚’é€†å¼•ãå½¢å¼ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚æ—¥æœ¬èªžã®è¨˜äº‹ã‚‚ã‚ã‚“ã¾ã‚Šãªã‹ã£ãŸã®ã§ç´¹ä»‹ã®æ„å‘³ã§ã‚‚ã€‚ ä»–ã«ã‚‚ã„ã‚ã„ã‚æ©Ÿèƒ½ã¯ã‚ã‚‹ã®ã§ã€æ°—ã«ãªã‚‹äººã¯ lodashã®docs ã‚’è¦‹ã‚‹ã¨è‰¯ã„ã‹ã¨ã€‚ Arrayæ“ä½œ ãƒ‡ãƒ¼ã‚¿å–å¾— 2ã¤ã®é…åˆ—é–“ã§ã€ä¸€è‡´ã—ãªã„å€¤ã ã‘å–å¾—ã™ã‚‹ _.difference(array, array) _.difference([1, 2, 3, 4, 5], [5, 2, 10]); // â†’ [1, 3, 4] è¤‡æ•°ã®é…åˆ—ã®ç©é›†åˆï¼ˆå…±é€šã™ã‚‹å€¤ï¼‰ã‚’å–å¾—ã™ã‚‹ _.intersection(array...) _.intersection([1, 2, 3], [5, 2, 1, 4],
chlono 2018/09/04
javascript

lodash
ãƒªãƒ³ã‚¯
Pug(Jade)ã§åŠ¹çŽ‡çš„ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ç’°å¢ƒã‚’ä½œã‚‹ ï½œ Tips Note by TAM
HTMLã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã™ã‚‹ã¨ãã€ãƒ¡ã‚¿æƒ…å ±ã‚„ãƒ˜ãƒƒãƒ€ãƒ¼ã®ã‚ˆã†ãªå…±é€šéƒ¨åˆ†ã‚’åŠ¹çŽ‡çš„ã«ç®¡ç†ã™ã‚‹ãŸã‚ã«Pugã¨ã„ã†ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’ã‚ˆãä½¿ã£ã¦ã„ã¾ã™ã€‚æœ€åˆã¯ã€Œå°Žå…¥ã‚³ã‚¹ãƒˆãŒé«˜ã„ã€ã¨è€ƒãˆã¦ã„ã¾ã—ãŸãŒã€ãã‚Œä»¥ä¸Šã®ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã¨æ„Ÿã˜ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ä»Šå›žã¯Pugã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã£ãŸã®ã§ã€ãã®ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä»Šå›žã¯Pugã®è¨˜æ³•ã«ã¤ã„ã¦ã¯ç´°ã‹ãèª¬æ˜Žã§ãã¾ã›ã‚“ã®ã§ã€è©³ã—ã„ä»•æ§˜ã¯å…¬å¼ã‚µã‚¤ãƒˆã‚’ç¢ºèªã—ã¦ãã ã•ã„ã€‚ Getting Started â€“ Pug ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¨Pugã«ã¤ã„ã¦ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¨ã„ã†ã®ã¯ã€ç‰¹å®šã®å‡¦ç†ã‚’ãŠã“ãªã†ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«è¡¨ç¤ºã•ã›ãŸã„ãƒ‡ãƒ¼ã‚¿ï¼ˆæ–‡å—åˆ—ã‚„ã‚¿ã‚°ãªã©ï¼‰ã‚’æ¸¡ã™ã“ã¨ã§ã€ç„¡é§„ãªãHTMLã‚’ä½œæˆã—ã¦ã„ãä»•çµ„ã¿ã®ã“ã¨ã§ã™ã€‚CSSã«ãŠã‘ã‚‹Sassã®ã‚ˆã†ãªã‚‚ã®ã¨è€ƒãˆã¦ã‚‚ã„ã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žä½¿ç”¨ã™ã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã®Pugã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ é–‰ã˜ã‚¿ã‚°ï¼ˆ
chlono 2018/09/01
jade

pug

javascript
ãƒªãƒ³ã‚¯
Jade ã«ã¤ã„ã¦ã€‚
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
chlono 2018/09/01
jade

pub

javascript
ãƒªãƒ³ã‚¯
https://blog.mismithportfolio.com/web/20160326pugbegin
chlono 2018/09/01
jade

pug

javascript
ãƒªãƒ³ã‚¯
HTML 2 Jade - a converter for HTML
HTML HTML: <!doctype html> <html> <head> <link type="text/css" rel="stylesheet" href="/site.css" /> <title>Hello</title> </head> <body> <h1>Hello world!</h1> </body> </html> Jade Jade: Convert!
chlono 2018/09/01
jade

pug

javascript

webãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
JADE LANGUAGE Node Template Engine
!!! 5 html(lang="en") head title= pageTitle(car insurance montana) :javascript | if (foo) { | bar() | } body h1 Jade - node template engine #container - if (youAreUsingJade) You are amazing - else Get on it! Get on it! Get on it! Get on it! <!DOCTYPE html> <html lang="en"> <head> <title>Jade</title> <script type="text/javascript"> //<![CDATA[ if (foo) { bar() } //]]> </script> </head> <body> <h1>J
chlono 2018/09/01
javascript

jade

pug
ãƒªãƒ³ã‚¯
ã€jQueryã€‘ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼»Infinite Scrollï¼½ã‚’æ¥µé™ã¾ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€‚ - ONZE
ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’å®Ÿè£…ã™ã‚‹ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ï¼»Infinite Scrollï¼½ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ãƒšãƒ¼ã‚¸ã®æœ€ä¸‹éƒ¨ã¾ã§ç§»å‹•ã™ã‚‹ã¨ã€æ¬¡ã®ãƒšãƒ¼ã‚¸ã®æƒ…å ±ã‚’è‡ªå‹•ã§èªã¿è¾¼ã¿ã€ãƒšãƒ¼ã‚¸ã®é·ç§»ç„¡ã—ã§æ¬¡ã€…ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ ã”å˜çŸ¥ã®ã¨ãŠã‚ŠFacebookã®ãƒ•ã‚£ãƒ¼ãƒ‰ã‚„Twitterã®ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã€Tumblrã®UIãªã©ã€è¶…æœ‰åSNSã‚µã‚¤ãƒˆã‚„ãƒ¢ãƒã‚¤ãƒ«ç‰ˆã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚‚å°Žå…¥ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãã®æŒ™å‹•ã¯èª°ã‚‚ãŒä¸€åº¦ã¯ä½“é¨“ã—ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã€‚ æœ€è¿‘ã§ã¯ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ç³»ã®ãƒ–ãƒã‚°ã§ã‚‚æ¯”è¼ƒçš„å¤šãå®Ÿè£…ã•ã‚Œã¦ã„ã¦ã€éœ€è¦ã‚‚é«˜ã¾ã£ã¦ã„ã‚‹ã®ã§ã€ã‚¦ã‚§ãƒ–ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æ–¹ã€…ã¯ãƒžã‚¹ã‚¿ãƒ¼ã—ã¦ãŠãã¹ãæŠ€è¡“ã®1ã¤ã ã¨è¨€ãˆã¾ã™ã€‚ ã•ã¦ã€‚ä»Šæ—¥ã¯ã€å˜ã«ï¼»Infinite Scrollï¼½ã®å®Ÿè£…æ–¹æ³•ã‚’ç´¹ä»‹ã™ã‚‹ã ã‘ã§ãªãã€å¼Šç¤¾ã‚ªãƒ³ã‚ºãŒå®Ÿéš›ã«è¡Œã£ãŸæ¥µé™ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®æ–¹æ³•ã‚‚ä¼æŽˆã—ã¾ã™ã€‚ ä»¥ä¸‹ã‚ˆã‚Šæœ¬ç·¨ã‚’ã©ã†ãžã€‚ åŸºæœ¬ã®å°Žå…¥æ–¹æ³•ï¼»Infi
chlono 2018/09/01
javascript

jquery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
remark
compliant â€” 100% to CommonMark, 100% to GFM or MDX with a pluginASTs â€” inspecting and changing content made easypopular â€” worldâ€™s most popular markdown parserplugins â€” 150+ plugins you can pick and choose from remark is an ecosystem of plugins that work with markdown as structured data, specifically ASTs (abstract syntax trees). ASTs make it easy for programs to deal with markdown. We call those p
chlono 2018/09/01
javascript

markdown
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸