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

touhumog id:touhumog

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

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

ä¸€ä¼‘.comãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æ¤œç´¢ãƒšãƒ¼ã‚¸ãŒSPAã«ãªã‚Šã¾ã—ãŸ - ä¸€ä¼‘.com Developers Blog
ä¸€ä¼‘.com ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã¯ä»Šå¹´ã® 7 æœˆ 18 æ—¥ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘æ¤œç´¢ãƒšãƒ¼ã‚¸ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’è¡Œã„ã¾ã—ãŸã€‚ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€ãã®ä¸èº«ã«ã¤ã„ã¦å°‘ã—ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ æ¤œç´¢ãƒšãƒ¼ã‚¸ã®èª²é¡Œ ä¸€ä¼‘.com ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘æ¤œç´¢ãƒšãƒ¼ã‚¸ã«å¯¾ã—ã¦ã€Œé…ã„ã€ã¨ã„ã†èª²é¡Œæ„è˜ãŒã‚ã‚Šã¾ã—ãŸã€‚ã“ã‚Œã¯æŠ€è¡“é¢ã§å°‘ã—ãƒ–ãƒ¬ã‚¤ã‚¯ãƒ€ã‚¦ãƒ³ã™ã‚‹ã¨; ãƒ‘ãƒ¼ã‚½ãƒŠãƒ©ã‚¤ã‚ºãƒ‰ã‚’å«ã‚€è¤‡é›‘ãªå‡¦ç†ã‚’è¡Œã£ã¦ã„ã‚‹ãŸã‚ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰å‡¦ç†ãŒé‡ã„ã€‚ UI ä¸Šç„¡é§„ãªé…å»¶å‡¦ç†ã‚’è¡Œã£ã¦ã„ã‚‹ãŸã‚ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®æç”»ãŒé…ã„ã€‚ ã¨ã„ã†ã‚µãƒ¼ãƒãƒ¼å´ã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ä¸¡æ–¹ã®èª²é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ã€Œç„¡é§„ãªé…å»¶å‡¦ç†ã€ã¨ã„ã†ã®ã¯; æ¤œç´¢çµæžœå–å¾—ãŒ REST API åŒ–ã•ã‚Œã¦ã„ã‚‹ã«ã‚‚é–¢ã‚ãšã€å†æ¤œç´¢ã®åº¦ã«ãƒšãƒ¼ã‚¸ãƒªãƒãƒ¼ãƒ‰ã‚’è¡Œã„ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®æç”»ã‹ã‚‰ã‚„ã‚Šç›´ã—ã¦ã„ã‚‹ã€‚ ã¨ã„ã†å®Ÿè£…ã«å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ä¸‹å›³ãŒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«å‰ã®ãƒšãƒ¼ã‚¸æç”»ã®æ§˜åã§ã™
touhumog 2018/10/10
ã“ã‚Œã¯ã‚ˆã„ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹

Nuxt.js

vue.js

SPA

javascript

programming
ãƒªãƒ³ã‚¯
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
touhumog 2018/10/04
TypeScript

javascript

programming
ãƒªãƒ³ã‚¯
ç¸¦æ›¸ãã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ–ãƒã‚°ã‚’ä½œã£ãŸ - yuhei blog
è¶£å‘³ã§ä¼šç¤¾ã®äººã®ã‚µã‚¤ãƒˆã‚’ä½œã£ãŸã€‚ç¸¦æ›¸ãã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ–ãƒã‚°ã€‚prismic.ioã¨Next.jsã§ä½œã£ãŸã€‚ ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç¸¦æ›¸ãã‚’æ´»ã‹ã™ã“ã¨ã¯é›£ã—ã„ã€‚éƒ¨åˆ†çš„ã«å–ã‚Šå…¥ã‚Œã‚‹ã“ã¨ã¯ã§ãã¦ã‚‚ã€ç¸¦æ›¸ãã®æ–‡ç« ã‚’ä¸»è¦ãªè¦ç´ ã¨ã—ã¦æ‰±ã†ã®ã¯ã‹ãªã‚Šé›£ãŒã‚ã‚‹ã€‚ã¨ã„ã†ã®ã‚‚ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯ç¸¦ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã ã‘ã©ã€æ™®é€šã«ç¸¦æ›¸ãã§å®Ÿè£…ã™ã‚‹ã¨æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ãªã‚‹ã‹ã‚‰ã ã€‚ æ¨ªæ›¸ãã§ã¯æ–‡ç« ã¯ä¸Šã‹ã‚‰ä¸‹ã«æµã‚Œã€ãƒšãƒ¼ã‚¸ã¯ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ãªã‚‹ã€‚å¯¾ã—ã¦ç¸¦æ›¸ãã®å ´åˆã€æ–‡ç« ã¯å³ã‹ã‚‰å·¦ã«æµã‚Œã‚‹ãŸã‚ã€æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ãªã‚‹ã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ“ä½œãŒä¸è‡ªç„¶ã ã¨ç›®ã«è¦‹ãˆã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ“ãƒªãƒ†ã‚£ãŒä½Žä¸‹ã™ã‚‹ã®ã§ã€ã©ã†ã—ã¦ã‚‚å½“ãŸã‚Šå‰ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒã§ãã‚‹ã‚ˆã†ã«ã—ãŸã„ã€‚ å¹¸ã„ã€ç¸¦æ›¸ãã«ã—ãªãŒã‚‰ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã™ã‚‹æ–¹æ³•ã¯ã²ã¨ã¤ã‚ã‚‹ã€‚æ–°èžã‚„é›‘èªŒã®ã‚ˆã†ã«æ®µçµ„ã«ã™ã‚‹ã“ã¨ã ã€‚ ãã‚Œã¯columnsã‚’åˆ©ç”¨ã™ã‚Œã°ã€ä¸€è¦‹ç°¡å˜ã«ã§ããã†ãªæ„Ÿã˜ã¯ã™ã‚‹ã€‚ã‘ã©ã€åƒ•ãŒæœ›ã‚€ä»•æ§˜ã‚’å®Ÿç¾ã—ã‚ˆã†
touhumog 2017/05/12
javascript

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã®UIé–‹ç™ºæ™‚ã«èµ·ããŒã¡ãªå¯†çµåˆãƒ»è¤‡é›‘åŒ–å•é¡Œã‚’Storeãƒ‘ã‚¿ãƒ¼ãƒ³ã§è§£æ±ºã™ã‚‹
Vue.jsã‚’ç”¨ã„ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ãŠã„ã¦å¼Šç¤¾ãŒå°Žå…¥ã—ãŸStoreãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚
touhumog 2016/10/13
ã‚ã¨ã§èªã‚€

js

JavaScript

vue.js

ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘

Storeãƒ‘ã‚¿ãƒ¼ãƒ³
ãƒªãƒ³ã‚¯
é»’é”è¡“ï¼ˆJavaScriptï¼‰ã¾ã¨ã‚ - Qiita
ã¾ãˆãŒã JavaScriptã€æ›¸ã„ã¦ã¾ã™ã‹ï¼Ÿ JavaScriptã¯ä»Šã‚„ä¸–ç•Œä¸ã®äººã€…ã«æ„›ã•ã‚Œã¦ã„ã¾ã™ã€‚ stackoverflowã®2016å¹´ã®èª¿æŸ»ã«ã‚ˆã‚‹ã¨JavaScriptã¯åœ°çƒä¸Šã§æœ€ã‚‚ä¸€èˆ¬çš„ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã ãã†ã§ã™ã€‚ JavaScript is the most commonly used programming language on earth. Even Back-End developers are more likely to use it than any other language. link ã—ã‹ã—JavaScriptã¯æ„›ã•ã‚Œã™ãŽã¦ã„ã‚‹ãŒæ•…ã€ã—ã°ã—ã°é»’é”è¡“ã®ã‚ˆã†ã ã¨æ¯”å–©ã•ã‚Œã‚‹ã“ã¨ã‚‚å°‘ãªãã‚ã‚Šã¾ã›ã‚“ã€‚ æ„›ã¨æ†Žã—ã¿ãŒç´™ä¸€é‡ã¨ã¯ã“ã®ã“ã¨ã§ã™ãã€‚ ã¨ã„ã†ã“ã¨ã§ãã‚“ãªã“ã‚“ãªã¯ã©ã†ã§ã‚‚ã„ã„ã®ã§ã™ãŒã€è‡ªåˆ†ã‚‚JavaScriptã¯å¤§å¥½ãã§ã™ã€‚ ä»Šå›žã¯é»’é”è¡“ã¾ã¨
touhumog 2016/10/09
javascript
ãƒªãƒ³ã‚¯
https://i.gyazo.com/120caaa2e88d55348fd556f7304ab535.png
touhumog 2016/10/09
javascript
ãƒªãƒ³ã‚¯
JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã®å‹•çš„èªã¿è¾¼ã¿ã¨å®Œäº†çŠ¶æ…‹ã‚’å–å¾—ã™ã‚‹
å¤–éƒ¨JSãƒ•ã‚¡ã‚¤ãƒ«ã®å‹•çš„èªã¿è¾¼ã¿ å¤–éƒ¨JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä»»æ„ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§èªã¿è¾¼ã¿ãŸã„ã¨ãã€scriptã‚¿ã‚°ã‚’ç”Ÿæˆã—ã¦documentã«è¿½åŠ ã™ã‚Œã°ãƒãƒ¼ãƒ‰ã—ã¦ãã‚Œã¾ã™ã€‚ function loadScript(src, callback) { var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.src = src; head.appendChild(script); callback(); } loadScript("path/to/script.js", function() { console.log('script loaded'); }); ãŸã ã—ã€èªè¾¼ã¿ãŒçµ‚ã‚ã£ãŸé †ã«å®Ÿè¡Œã•ã‚Œã‚‹ãŸã‚ã€ ä¸Šè¨˜ã®æ§˜ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’è¨å®šã—ã¦ã‚‚è¿½åŠ ã—
touhumog 2016/09/28
js

javascript

console.log
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿æ™‚ã«å®Ÿè¡Œã™ã‚‹javascriptã«ã¤ã„ã¦ã®Tips | Tips Note
ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿æ™‚ã«å®Ÿè¡Œã™ã‚‹javascriptã¯ æŒ‡å®šæ–¹æ³•ãŒã„ãã¤ã‚‚å˜åœ¨ã™ã‚‹ãŸã‚ã€ è¤‡é›‘ã«ãªã‚Šã‚„ã™ãã€åº¦ã€…ã‚¨ãƒ©ãƒ¼ã®åŽŸå› ã«ãªã‚Šã¾ã™ã€‚ ã€æŒ‡å®šæ–¹æ³•ã®ç¨®é¡žã€‘ â– onloadã‚¤ãƒ™ãƒ³ãƒˆ ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿æ™‚ã«å®Ÿè¡Œã—ãŸã„å‡¦ç†ãŒã‚ã‚‹å ´åˆã€ é€šå¸¸ã¯javascriptã®onloadã‚¤ãƒ™ãƒ³ãƒˆã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ BODYè¦ç´ ã«onloadå±žæ€§ã‚’è¿½åŠ ã—ãŸã‚Šã€ ä¸‹è¨˜ã®ã‚ˆã†ãªjavascriptã®æŒ‡å®šã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ãŒã‚ˆãè¦‹ã‚‰ã‚Œã¾ã™ã€‚ window.onload = function(){ // ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿æ™‚ã«å®Ÿè¡Œã—ãŸã„å‡¦ç† } â– jQueryã®readyãƒ¡ã‚½ãƒƒãƒ‰ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦jQueryã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹å ´åˆã¯ã€ readyãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ç”¨ã—ã¦ã€ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿æ™‚ã«javascriptã‚’å®Ÿè¡Œã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ $(document).ready( function(){ // ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿æ™‚ã«å®Ÿè¡Œã—ãŸã„å‡¦ç† }); ã€
touhumog 2016/09/28
ã‚ã¨ã§èªã‚€

javascript

js

jQuery
ãƒªãƒ³ã‚¯
é–¢æ•°ã®å ´åˆã®å¤‰æ•°ã®å·»ãä¸Šã’å•é¡Œã«ã¤ã„ã¦ - Qiita
ä¸€è¦‹æ£ã—ãå‹•ä½œã—ãªã„ã¨æ€ã‚ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã‹ã‘ã‚‹äº‹ãŒã‚ã‚Šã¾ã™ã€‚ ä¸å¹¸ã«ã‚‚ãã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’ä¿å®ˆã—ãªã‘ã‚Œã°ãªã‚‰ãªããªã£ãŸéš›ã«ã€æ…Œã¦ãªã„ã‚ˆã†ã«ç†è§£ã—ã¦ãŠã‹ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ ã‚ˆãã‚ã‚‹ã€Œå¤‰æ•°ã®å·»ãä¸Šã’å•é¡Œã€ã«ã¤ã„ã¦ æ¬¡ã®ã‚³ãƒ¼ãƒ‰ã‚’å®Ÿè¡Œã—ãŸéš›ã«ã€ReferenceError: x is not definedã®ä¾‹å¤–ãŒç™ºç”Ÿã—ã¾ã™ã€‚
touhumog 2016/09/27
ãƒ†ã‚¹ãƒˆæ™‚ã«æ³¨æ„ã—ãŸã„ã€ãƒ¡ãƒ¢

javascript

js
ãƒªãƒ³ã‚¯
1