[B! JavaScript] ShineSparkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ShineSpark id:ShineSpark

JavaScriptã«é–¢ã™ã‚‹ShineSparkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (64)

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

querySelectorAllã—ã¦mapã—ãŸã„ã¨ã[...ã™ã‚‹ã¨çŸã„ - hitode909ã®æ—¥è¨˜
è¡¨ç¤ºä¸ã®HTMLã‹ã‚‰æƒ…å ±ã‚’é›‘ã«æŠœãå‡ºã—ã¦åˆ©ç”¨ã™ã‚‹ãŸã‚ï¼Œãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ„ãƒ¼ãƒ«ãªã©ã§querySelectorAllã—ã¦mapã—ãŸã„ï¼Žã—ã‹ã—ï¼ŒquerySelectorAllã¯NodeListã‚’è¿”ã™ã®ã§ï¼Œmapã™ã‚‹ã«ã¯Arrayã«å¤‰æ›ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ï¼Ž NodeListã‚’Arrayã«å¤‰æ›ã™ã‚‹ã¨ãã«çŸãæ›¸ãæ–¹æ³•ãªã„ã§ã™ã‹ã£ã¦åŒåƒšã«èžã„ãŸã‚‰ã„ã‚ã„ã‚æ•™ãˆã¦ã‚‚ã‚‰ãˆãŸã®ã§ãƒ¡ãƒ¢ï¼Ž Array.prototype.slice.callã™ã‚‹ ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªæ‰‹æ³•ï¼Žæ˜”ã‹ã‚‰ã“ã‚Œã‚’æ›¸ã„ã¦ã„ã¦ï¼Œé•·ãã¦å›°ã£ã¦ã„ãŸï¼Žæœ€è¿‘ã¯ã‚¢ãƒãƒ¼é–¢æ•°ã‚’ä½¿ãˆã‚‹ã®ã§ã¡ã‚‡ã£ã¨çŸããªã£ãŸã‘ã©é•·ã„ï¼Ž Array.prototype.slice.call(document.querySelectorAll('a')).map(a => a.href) [].slice.callã™ã‚‹ Array.prototypeã®ã‹ã‚ã‚Šã«[]ã§æ›¸ãï¼Žã¡ã‚‡ã£ã¨çŸã„
ShineSpark 2021/05/10
javascript
ãƒªãƒ³ã‚¯
ä¸€ä¼‘.comãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒžãƒ›ç‰ˆã‹ã‚‰jQueryä¾å˜ã‚’å–ã‚Šé™¤ããŸã‚ã«ã‚„ã£ãŸã“ã¨ - ä¸€ä¼‘.com Developers Blog
ä¸€ä¼‘.comã§Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’é–‹ç™ºã—ã¦ã„ã‚‹å®‡éƒ½å®®ã§ã™ã€‚ å…ˆæ—¥ã€ä¸€ä¼‘.comãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒžãƒ›ç‰ˆã‹ã‚‰ã€jQueryã‚’å–ã‚Šé™¤ãã¾ã—ãŸã€‚jQueryã‚’å–ã‚Šé™¤ã„ãŸçµŒç·¯ã€ã‚„ã£ãŸã“ã¨ã€çµæžœã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ ã¡ãªã¿ã«ã€ãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ã«ã¯ä»¥ä¸‹ã®URLã§ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ï¼ˆã‚¹ãƒžãƒ›ã§é–‹ãã‹ã€PCã®å ´åˆã¯UAã‚’ã‚¹ãƒžãƒ›ã«å½è£…ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ï¼‰ https://www.ikyu.com/sd/00001290/ ãªãœjQueryã‚’å–ã‚Šé™¤ã„ãŸã®ã‹ï¼Ÿ ã©ã†ã‚„ã£ãŸã®ã‹ ä½•ã‚’ã‚„ã£ãŸã®ã‹ jQuery.ajax() => fetch ã«ç½®ãæ›ãˆ fetchã®polyfillã‚’æŽ¡ç”¨ã—ãŸç†ç”± DOMæ“ä½œã‚’æ¨™æº–APIã«ç½®ãæ›ãˆ è¦ç´ ã®å–å¾— show/hide addClass/removeClass html/text ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ $.ready() ã‚¤ãƒ™ãƒ³ãƒˆãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚° jQueryã®ä½¿ç”¨ã‚’é˜²ãç›®å° jQueryå‰Š
ShineSpark 2019/01/17
jQuery

javascript
ãƒªãƒ³ã‚¯
TypeScriptå…¥é–€ä»¥å‰ã‚¬ã‚¤ãƒ‰ - mizchi's blog
æŸç¤¾ã§è‡ªåˆ†ãŒ React/Redux + TypeScript ãªã©ã®è¬›ç¿’ã‚’ã‚„ã£ã¦ã¿ãŸçµæžœã€TypeScript å…¥é–€ç”¨è³‡æ–™ãŒå¿…è¦ã ã¨æ€ã£ã¦æ›¸ã„ãŸã‚„ã¤ã§ã™ã€‚ ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆ TypeScript ã§æ›¸ã‹ã‚ŒãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å‚åŠ ã™ã‚‹äºº TypeScript ã‚’å°Žå…¥ã™ã‚‹ãŸã‚ã«ã€ãã®äº‹å‰çŸ¥è˜ãŒå¿…è¦ãªäºº ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®èªã¿æ–¹ ES2015 for Beginners ES2015 for ES5 Programmers ES Modules éžåŒæœŸè¡¨ç¾: Promise ã¨ async/await TypeScript ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ç·¨ è‡ªåˆ†ãŒ React/Redux ãªã©ã®è¬›ç¿’ã§ã„ã‚ã„ã‚ã‚„ã£ã¦ã¿ãŸçµæžœã€ ES2015 ã¨ TypeScript ã‚’åŒæ™‚ã«æ•™ãˆã‚‹ã¨ã€åˆå¦è€…ã¯ä½•ãŒã©ã®æ¦‚å¿µã«ç”±æ¥ã™ã‚‹ã‹ã®åŒºåˆ¥ãŒå‡ºæ¥ãšã«æ··ä¹±ã—ã¾ã™ã€‚ãªã®ã§ã€ES5 -> ES2015, ES2015 -> Ty
ShineSpark 2018/10/04
javascript
ãƒªãƒ³ã‚¯
æ—¥çµŒé›»åç‰ˆã‚’æ”¯ãˆã‚‹åºƒå‘ŠæŠ€è¡“ â€” HACK The Nikkei
æœ¬ç¨¿ã§ã¯ã€ç¾åœ¨ã®æ—¥çµŒé›»åç‰ˆãƒ¢ãƒã‚¤ãƒ« Webï¼ˆä»¥ä¸‹ã€æ—¥çµŒé›»åç‰ˆï¼‰ã«ãŠã‘ã‚‹åºƒå‘ŠæŽ²ç¤ºã®æŠ€è¡“ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã€‚ åºƒå‘Šã¨ã‚µã‚¤ãƒˆãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®é–¢ä¿‚ dev.to ã«ä»£è¡¨ã•ã‚Œã‚‹ã‚ˆã†ãªã€Œé«˜é€Ÿã€ã¨è¨€ã‚ã‚Œã‚‹ Web ã‚µã‚¤ãƒˆã¯ã€CDN ã‚„ ServiceWorker ãªã©ã‚’é§†ä½¿ã—ã¦è¡¨ç¤ºã«é–¢ã—ã¦é©åˆ‡ãªãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’è¡Œã£ã¦ãŠã‚Šã€æ—¥çµŒé›»åç‰ˆã‚‚ã»ã¼åŒã˜æ€æƒ³ã®å…ƒãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’è¡Œã£ã¦ã„ã‚‹ãŒã€ä¸€ç‚¹å¤§ããªé•ã„ã‚’æŒ™ã’ã‚‹ã¨ã™ã‚‹ãªã‚‰ã°ã€åºƒå‘Šè¡¨ç¤ºã®æœ‰ç„¡ãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã€‚ ç¾åœ¨ã®æ—¥çµŒé›»åç‰ˆã§ã¯ 7 ã‚¿ã‚¤ãƒ—ã®åºƒå‘Šã‚’è¡¨ç¤ºã—ã¦ãŠã‚Šã€ã†ã¡ 4 ã‚¿ã‚¤ãƒ—ã¯å¤–éƒ¨ DSP ã‹ã‚‰ã®é…ä¿¡ã‚’è¡Œã£ã¦ã„ã‚‹ã€‚ ãã®ä»–ã«ã‚‚æ§˜ã€…ãªã‚µã‚¤ãƒˆãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã®ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å°Žå…¥ã—ã¦ã„ã‚‹ãŒã€ã”å˜çŸ¥ã®é€šã‚Šã“ã‚Œã‚‰ã¯ãƒ¡ã‚¤ãƒ³ã¨ã—ã¦æ‰“ã¡å‡ºã—ãŸã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã¯ã»ã¼é–¢é€£æ€§ã¯ãªãã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹è¦³ç‚¹ã‹ã‚‰è¦‹ã‚Œã°åŠ£åŒ–ã•ã›ã‚‹è¦å› ã§ã—ã‹ãªã„ã€‚åºƒå‘ŠãŒç„¡ã‘ã‚Œã°ã‚‚ã£ã¨é€Ÿãè¡¨ç¤ºã§ãã‚‹ã®ã«â€¦ã¨æ€ã£ãŸã“ã¨
ShineSpark 2018/04/24
åºƒå‘Š

javascript
ãƒªãƒ³ã‚¯
Modern JavaScriptæ¦‚è¦³ã€ãã—ã¦Electronã¸ | ã•ã«ã‚ã‚‰ãš
ã“ã®ä¸€ã‹æœˆåˆ†ã®å¦ç¿’æˆæžœã‚’æ•´ç†ã—ãŸãƒªãƒã‚¸ãƒˆãƒªã‚’ä½œã£ãŸã®ã§ã€ãã®æˆæžœã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠãã€‚ ä½œã£ãŸã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã ã‘ã‚’æ‰‹è»½ã«æ¬²ã—ã‘ã‚Œã°ã€ã“ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’ clone ã—ã¦ã»ã—ã„ã€‚ taichi/js-boilerplate master ãƒ–ãƒ©ãƒ³ãƒã«ã¯ã€ãƒŸãƒ‹ãƒžãƒ ãª JavaScript é–‹ç™ºç’°å¢ƒãŒã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ä»˜ãã§å…¥ã£ã¦ã„ã‚‹ frontend ãƒ–ãƒ©ãƒ³ãƒã«ã¯ã€React/Redux/webpackãªã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ã®é–‹ç™ºç’°å¢ƒãŒå…¥ã£ã¦ã„ã‚‹ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ–ãƒ©ãƒ³ãƒã«ã—ã¦ã‚ã‚‹ electron ãƒ–ãƒ©ãƒ³ãƒã«ã¯ã€frontend ãƒ–ãƒ©ãƒ³ãƒã®å†…å®¹ã«åŠ ãˆã¦Electronã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ãŸã‚ã®ç’°å¢ƒãŒå…¥ã£ã¦ã„ã‚‹ ã¯ã˜ã‚ã«â€‹ æœ€è¿‘ã® JavaScript ã«ã¤ã„ã¦â€‹ åƒ•ã¯ä»•äº‹ã¨ã—ã¦ JavaScript ã‚’æ›¸ã„ã¦ã„ã‚‹è¨³ã§ã¯ãªã„ã‘ã©ã‚‚ã€ã“ã®åŠå¹´ãã‚‰ã„ã®é–“ã«ã¡ã‚‡ã£ã¨ã—ãŸãƒ„ãƒ¼ãƒ«ãªã‚‰ã„ãã¤ã‹ä½œã£ãŸã€‚
ShineSpark 2017/01/24
JavaScript
ãƒªãƒ³ã‚¯
æŽ²ç¤ºæ¿ã®JavaScriptã“ã†ã„ã†é¢¨ã«æœ€é©åŒ–ã—ã¾ã—ãŸ - âœ˜â•¹â—¡â•¹âœ˜
æœ€è¿‘Railsã§æŽ²ç¤ºæ¿ã¤ãã£ã¦ã¦ã€ã‚µãƒœã£ã¦å¾Œå›žã—ã«ã—ã¦ã„ãŸJavaScriptã®æœ€é©åŒ–ã‚’ã‚„ã‚Šã¾ã—ãŸã€‚ æŽ²ç¤ºæ¿ã®æ§‹æˆ Webpackã‚’ä½¿ã£ã¦ã„ã‚‹ Reactã‚’ä½¿ã£ã¦ã„ã‚‹ Server-Side Renderingã‚’ã‚„ã£ã¦ã„ã‚‹ Railsã‚’ä½¿ã£ã¦ã„ã‚‹ Sprocketsã‚’ä½¿ã£ã¦ã„ãªã„ ä½œæ¥å†…å®¹ webpack-bundle-size-analyzerã§å®¹é‡ã®å¤§ãã„packageã‚’èª¿æŸ» HTTPã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«åˆ©ç”¨ã—ã¦ã„ãŸjQueryã‚’æ’¤å»ƒ HTTPã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«axiosã‚’æŽ¡ç”¨ lodashã‚’ä¸€éƒ¨ã—ã‹èªã¿è¾¼ã¾ãªã„ã‚ˆã†ã«å¤‰æ›´ moment.jsã®ä¸è¦ãªlocaleã‚’èªã¿è¾¼ã¾ãªã„ã‚ˆã†ã«è¨å®š å¤‰æ›´çµæžœ ã“ã‚Œã§minifyå¾Œã®å®¹é‡ãŒ770KBâ†’476KBã«ã€‚gzipåœ§ç¸®çŠ¶æ…‹ã§ã¯202KBâ†’125KBã€‚ $(npm bin)/webpack --profile --json | webpack-bundl
ShineSpark 2016/10/04
JavaScript
ãƒªãƒ³ã‚¯
è¤‡é›‘ãªJavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è€ƒãˆãªãŒã‚‰ä½œã‚‹è©±
autoscale: true theme: Plain Jane,5 è¤‡é›‘ãªJavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è€ƒãˆãªãŒã‚‰ä½œã‚‹è©± è‡ªå·±ç´¹ä»‹ Name : azu Twitter : @azu_re Website: Web scratch, JSer.info #jsprimerã‚’æ›¸ã„ã¦ã„ã¾ã™ JavaScriptå…¥é–€æ›¸ã«èˆˆå‘³ã‚ã‚‹äººã¯ã‚¦ã‚©ãƒƒãƒ :star: :warning: æ³¨æ„ :warning: ä½œæˆã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦å¿…è¦ãªæ§‹é€ ã¯ç•°ãªã‚Šã¾ã™ ä»Šå›žã®è©±ã¯ã‚ã‚‹ç¨‹åº¦ã®è¦æ¨¡ã§è¤‡é›‘æ€§ã‚’æŒã¤ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªæŠœãã§æ•°ä¸‡LOC >= é•·æœŸçš„ã«ãƒ¡ãƒ³ãƒ†ãƒ³ãƒŠãƒ³ã‚¹ã‚„å¤‰æ›´ãŒç™ºç”Ÿã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¯ã—ãªã„ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ 3è¡Œã§OK è¤‡é›‘ãªJavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã«ã‚ãŸã‚Šãƒ‰ãƒ¡ã‚¤ãƒ³ãƒ¢ãƒ‡ãƒ«ã‚’ã©ã†å®Ÿè£…ã™ã‚‹ã‹æ‚©ã‚“ã è‰²ã€…ã¨è©¦è¡ŒéŒ¯èª¤ã—ãŸ
ShineSpark 2016/09/28
JavaScript
ãƒªãƒ³ã‚¯
10å¹´ã®ãƒ„ã‚±ã‚’æ”¯æ‰•ã£ãŸãƒ•ãƒãƒ³ãƒˆç•Œéšˆã«ãŠã‘ã‚‹JavaScripté–‹ç™ºç’°å¢ƒï¼ˆ2016å¹´4æœˆç¾åœ¨ï¼‰ã€‚ - æ—¥ã€…ã€ã¨ã‚“ã¯èªžã‚‹ã€‚
2015å¹´ã¯CSSãŒæ™®åŠã—ãŸä»¥æ¥ã¨ãªã‚‹10å¹´ã«1åº¦ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å¤§å¤‰é©æœŸã§ã€ãã‚Œã¾ã§ã®ãƒ„ã‚±ãŒä¸€æ°—ã«å›žã£ã¦ããŸã¨å€‹äººçš„ã«æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚ç›®ã¾ãã‚‹ã—ãçŠ¶æ³ãŒå¤‰åŒ–ã—ã¦ã„ãã¾ã—ãŸãŒã€2016å¹´ã«ãªã‚Šã€å€‹äººçš„ã«ã ã„ã¶è½ã¡ç€ã„ã¦ããŸã¨æ„Ÿã˜ã¦ã„ã‚‹ã®ã§ã€ã“ã“ã‚‰ã¸ã‚“ã§ã¾ã¨ã‚ã¦ãŠããŸã„æ€ã„ã¾ã™ã€‚ æœ€åˆã«çµè«–ã‚’æ›¸ã„ã¦ãŠãã¨ã€ ã€ŽReact + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guideã€ ã¨ã„ã†çµ„ã¿åˆã‚ã›ãŒã€ã„ã¾åƒ•ã®æŽ¡ç”¨ã—ã¦ã„ã‚‹JavaScriptã®ç’°å¢ƒã§ã™ã€‚ ä¸»è¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ React A JavaScript library for building user interfaces | React åŽ»å¹´ã€ä¸€æ°—ã«æ™®åŠã—ãŸReact
ShineSpark 2016/04/03
JavaScript
ãƒªãƒ³ã‚¯
VOYAGE GROUPã€€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚° : ä»Šã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JavaScriptã‚’æ›¸ãå‰ã«çŸ¥ã£ã¦ãŠããŸã„ã“ã¨ ~ 2014å¹´ãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚
2015å¹´02æœˆ05æ—¥16:34 ã‚«ãƒ†ã‚´ãƒª ä»Šã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JavaScriptã‚’æ›¸ãå‰ã«çŸ¥ã£ã¦ãŠããŸã„ã“ã¨ ~ 2014å¹´ãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚ çš†ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚adingoã«ã¦Fluctã¨ã„ã†åºƒå‘Šé…ä¿¡ã‚·ã‚¹ãƒ†ãƒ ã®ç®¡ç†ç”»é¢ã‚’ä¸å¿ƒã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®é–‹ç™ºã‚’è¡Œã£ã¦ãŠã‚Šã¾ã™ã€å¤§é–¢ã§ã™ã€‚ ä»Šå›žã¯ã€å…ˆæ—¥ã€ç¤¾å†…ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ã«é–‹å‚¬ã—ãŸã€Œ2014å¹´ã®JavaScriptã®ãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚ã€ã¨ã„ã†ã‚³ãƒ³ã‚»ãƒ—ãƒˆã®å‹‰å¼·ä¼šã®å†…å®¹ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ JavaScriptãƒˆãƒ¬ãƒ³ãƒˆã‚™ç·æ‹¬ï¼ˆ2014ï¼‰ from Tetsuharu OHZEKI ãã‚Œã§ã¯ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã«æ›¸ããã‚Œãªã‹ã£ãŸå‰æäº‹é …ã«ã¤ã„ã¦ã€ä½•ç‚¹ã‹è£œè¶³ã¨è§£èª¬ã‚’ã—ã¾ã™ã€‚ è£œè¶³ã¨è§£èª¬ å‰æ: ãªãœã€Œ2014å¹´ã€ãªã®ã‹ JavaScriptã‚’ç”¨ã„ãŸé–‹ç™ºã€ç‰¹ã«Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ã‚‚å‘¼ç§°ã•ã‚Œã‚‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰JSã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¯ã€éžå¸¸ã«é€Ÿã„ã‚µã‚¤ã‚¯ãƒ«ã§ã®é€²åŒ–ã‚’è¦‹ã›ã¦
ShineSpark 2015/02/06
JavaScript
ãƒªãƒ³ã‚¯
èŒ¨åŸŽçœŒã¨æ ƒæœ¨çœŒã®ãƒ‡ãƒ¼ã‚¿ãŒãŠã‹ã—ã„ã¨ãã«ç¢ºã‹ã‚ã‚‹ã“ã¨ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ShineSpark 2014/10/22
åŸºæ•°ã‚’æŒ‡å®šã—ã¾ã—ã‚‡ã†ã¨ã„ã†ãŠè©±

JavaScript
ãƒªãƒ³ã‚¯
AltJSã®é¸ã³æ–¹ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆ - Qiita
JavaScriptã‚ã‹ã‚‹ - YES åž‹ãŒã»ã—ã„ - YES Flash/ActionScript3ãŒé’æ˜¥ã ã£ãŸ - YES Haxe - NO DeNAã«å‹¤ã‚ã¦ã„ã‚‹ - YES JSX - NO TypeScript - NO Ruby or Python ãŒå¥½ã - YES coffee-script - NO ã‚¯ãƒ©ã‚¹ã¯ã»ã—ã„ - YES EcmaScript6(Traceur Compiler) or CoffeeScript - NO JavaScriptã®æ–‡æ³•ã«ä¸æº€ãŒã‚ã‚‹ - YES https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS - NO JavaScriptæ›¸ã‘ã‚ˆ - NO é–¢æ•°åž‹ã‚ã‹ã‚‹ - YES è‡ªåˆ†ã®å¥½ããªè¨€èªžã«æ·±ãç²¾é€šã—ã¦ã„ã‚‹ - YES å¥½ããªè¨€
ShineSpark 2014/09/12
JavaScript
ãƒªãƒ³ã‚¯
03 | 1æœˆ | 2013 | nacika.com
æ—¥é ƒã‹ã‚‰Javascriptã§é–‹ç™ºã‚’ã—ã¦ã„ã‚‹ã®ã«ã‚‚é–¢ã‚ã‚‰ãšã‚ã¾ã‚Šãƒ†ã‚¹ãƒˆã‚’æ›¸ã‹ãªã„ã®ã§ã€ã“ã“ã¯æœ¬æ ¼çš„ã«ãƒ†ã‚¹ãƒˆã‚’æ›¸ã“ã†ã¨èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚Javascriptã®ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã£ãŸã‚‰JsUnitãªã®ã‹ãªãƒ¼ã¨æ€ã£ã¦ã„ãŸãŒã€èª¿ã¹ã¦ã¿ã‚‹ã¨çµæ§‹ã„ã‚ã‚“ãªç¨®é¡žã®ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚ã£ãŸã‚Šã—ã¦ã€ãã®ä¸ã§å¾—ã«äººæ°—ãªã®ã‹ã©ã†ã‚„ã‚‰Jasmineã‚‰ã—ã„ã€‚ Jasmine ï½ž JavaScript Test ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ã‚ˆã‚Šå¼•ç”¨: ä»Šå›žã¯, JavaScript ã®ãƒ†ã‚¹ãƒˆã‚’è¡Œã†ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Jasmine ã®ç´¹ä»‹ã§ã™ã€‚ JavaScript ã®ãƒ†ã‚¹ãƒˆã¨ã„ãˆã°, JSUnit ãŒæœ‰åã§ã™ã€‚ JSUnit ã¯, JUnit ã¨ã«ä¼¼ãŸã‚ˆã†ãª, Matcher ãŒåˆ©ç”¨ã§ããŸã‚Šã—ã¦ã‚ã‹ã‚Šã‚„ã™ã„ã®ã§ã™ãŒ, é–‹ç™ºã‚„ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒã‚¹ãƒˆãƒƒãƒ—ã—ã¦ãŠã‚Š, ã¾ãŸWebãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«çµ„ã¿è¾¼ã¾ãªã„ã¨åˆ©ç”¨ã§ããªã„ã“ã¨ãŒ ã¡ã‚‡ã£
ShineSpark 2014/07/09
JavaScript

jasmine
ãƒªãƒ³ã‚¯
pjax ã‚’åˆ©ç”¨ã—ãŸã‚µã‚¤ãƒˆå‘ã‘ã® Chrome Extension ã®æ›¸ãæ–¹ - @kyanny's blog
Chrome Extension ã® Content Scripts ã‚’ä½¿ã†ã¨ Greasemonkey ã®ã‚ˆã†ã«ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’åŠ å·¥ã§ãã¦ä¾¿åˆ©ã ãŒã€ Content Scripts ã¯ãƒšãƒ¼ã‚¸ã®ãƒãƒ¼ãƒ‰å¾Œã«ä¸€åº¦ã ã‘å®Ÿè¡Œã•ã‚Œã‚‹ã®ã§ã€ github.com ã®ã‚ˆã†ã« pjax ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã¯ãƒšãƒ¼ã‚¸é·ç§»å¾Œã«æœŸå¾…é€šã‚Šå®Ÿè¡Œã•ã‚Œãªã„ã“ã¨ãŒã‚ã‚‹ã€‚ pjax ã¯ pjax:success ãªã©ã®ç‹¬è‡ªã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºç«ã™ã‚‹ãŒã€ Content Scripts ã¯ã‚µãƒ³ãƒ‰ãƒœãƒƒã‚¯ã‚¹ç’°å¢ƒã§å®Ÿè¡Œã•ã‚Œã‚‹ã®ã§ pjax ãŒç™ºç«ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚’ Listen ã™ã‚‹ã“ã¨ãŒã§ããªã„ã€‚ã—ã‹ã— DOM ã®å¤‰æ›´æ™‚ã«ç™ºç”Ÿã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚’ Listen ã™ã‚‹ã“ã¨ã¯ã§ãã‚‹ã€‚ DOM ã®å¤‰æ›´ã‚’æ¤œçŸ¥ã™ã‚‹ãŸã‚ã«ã¯ DOMSubtreeModified ãŒåˆ©ç”¨ã§ãã‚‹ãŒã€ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã¯ DOM Level 3 ã§ deprecated ã«ãªã£ã¦ã—ã¾ã£
ShineSpark 2014/06/10
JavaScript
ãƒªãƒ³ã‚¯
å¤©ä¸‹ä¸€altJSæ¦é—˜ä¼š - è³‡æ–™ä¸€è¦§ - connpass
- Gist is a simple way to share snippets of text and code with others. Read more >>
ShineSpark 2014/06/09
javascript

altJS
ãƒªãƒ³ã‚¯
ãƒãƒƒã‚«ã‚½ãƒ³ã§kintoneã‚’ä½¿ãŠã†ï¼ â€“ cybozu developer network
ï¼”ä¸‡ç¤¾*1ã®æ¥å‹™èª²é¡Œã‚’ ã‚µã‚¤ãƒœã‚¦ã‚ºã®ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã§è§£æ±ºã—ã‚ˆã† API ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã€è¨è¨ˆãƒ»é–‹ç™ºãƒ»é‹ç”¨ã®ãƒŽã‚¦ãƒã‚¦ã‚„ã€ã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ãªã©ã€ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æˆæžœã‚’æœ€å¤§åŒ–ã™ã‚‹æŠ€è¡“æƒ…å ±ã‚’ç™ºä¿¡ã—ã¦ã„ã¾ã™ã€‚ *1 2025å¹´10æœˆæ™‚ç‚¹ã§ã®kintoneå°Žå…¥ç¤¾æ•°
ShineSpark 2014/05/13
å¾Œã§èˆã‚ã‚‹ã‚ˆã†ã«è¦‹ã‚‹

javascript
ãƒªãƒ³ã‚¯
JavaScriptãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®æ˜¨ä»Š
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã‚’å‚è€ƒã«ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’å†è€ƒã™ã‚‹ / TypeScript ã«ã‚ˆã‚‹ GraphQL ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰é–‹ç™º
ShineSpark 2014/05/07
JavaScript
ãƒªãƒ³ã‚¯
Jasmine Documentation
FAST Low overhead, jasmine-core has no external dependencies. NO MAGIC Jasmine specs are just JavaScript. Jasmine doesn't change the way your code loads or runs.
ShineSpark 2014/04/17
Behavior-Driven JavaScript

JavaScript
ãƒªãƒ³ã‚¯
JavaScriptãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ç´¹ä»‹
ç´¹ä»‹ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ å…¨ã¦ Node.js ã«å¯¾å¿œã—ã¦ã„ã¾ã™ $npm install underscore $ npm install underscore.string $ npm install moment $ npm install sugar
ShineSpark 2014/04/15
ãŸã‚ã—ã¦ã¿ã‚ˆ

JavaScript
ãƒªãƒ³ã‚¯
AngularJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚¬ã‚¤ãƒ‰
Webé–‹ç™ºè€…ã«ã„ã¾æœ€ã‚‚æ”¯æŒã•ã‚Œã¦ã„ã‚‹JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒAngularJSã€ã®è§£èª¬æ›¸ã€‚å®šåž‹çš„ãªå˜ç´”ä½œæ¥ãŒç¹°ã‚Šè¿”ã•ã‚ŒãŒã¡ãªWebé–‹ç™ºã‚’ã‚ˆã‚Šã‚·ãƒ³ãƒ—ãƒ«ã§æ¥½ã—ã„ã‚‚ã®ã«ã—ã‚ˆã†ã¨ã„ã†ã®ãŒAngularJSã®è©¦ã¿ã§ã™ã€‚æœ¬æ›¸ã§ã¯ã¾ãšAngularJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ§‹æˆè¦ç´ ã‚’æŠ¼ã•ãˆãŸä¸Šã§ã€AngularJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã€ãƒ†ã‚¹ãƒˆã€å®Ÿè¡Œæ‰‹é †ã‚’è§£èª¬ã—ã¾ã™ã€‚ã‚µãƒ¼ãƒé€šä¿¡ã®APIã‚„è€ƒæ…®ã™ã‚‹ã¹ãç‚¹ã€ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã®ä»•çµ„ã¿ã«ã¤ã„ã¦è§£èª¬ã—ã€æœ€å¾Œã«AngularJSã®ã•ã¾ã–ã¾ãªæ´»ç”¨ä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚GoogleãŒã‚µãƒãƒ¼ãƒˆã™ã‚‹AngularJSã«ã¯ã€é–‹ç™ºãƒ¡ãƒ³ãƒãƒ¼ãŒGoogleã®ãƒ¡ãƒ¼ãƒ«ã‚„ãƒžãƒƒãƒ—ã€ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã¨ã„ã£ãŸå¤§è¦æ¨¡Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’é€šã—ã¦å¦ã‚“ã æ•™è¨“ãŒå‡ç¸®ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãˆãŒã 1ç« ã€€ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ 1.1ã€€ã‚³ãƒ³ã‚»ãƒ—ãƒˆ 1.1.1ã€€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ 1.1.2ã€€MV
ShineSpark 2014/04/10
Ebooksç‰ˆå¾…ã¡ã€‚

JavaScript
ãƒªãƒ³ã‚¯
html2canvas - Screenshots with JavaScript
<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4> </div> html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) });
ShineSpark 2014/04/04
canvas

javascript
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸