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

johshisha id:johshisha

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

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

ä»»æ„ã®ã‚µã‚¤ãƒˆã§ä»»æ„ã®JavaScriptã‚’è‡ªå‹•å®Ÿè¡Œã•ã›ã‚‹Chromeæ‹¡å¼µ - Qiita
ä»»æ„ã®ã‚µã‚¤ãƒˆã§ä»»æ„ã®JavaScriptã‚’è‡ªå‹•å®Ÿè¡Œã•ã›ã‚‹æ‹¡å¼µæ©Ÿèƒ½ã®ç´¹ä»‹ã§ã™ã€‚ nakajmg/ScriptAutoRunner ä½¿ã„é“ ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’å®Ÿè¡Œã•ã›ã¦ãŠããŸã„ã¨ãã« jQueryãªã©ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æŒ¿å…¥ã—ã¦ãŠããŸã„ã¨ãã« ãƒ‡ãƒãƒƒã‚°ã« devtools-snippets/ã«ã‚ã‚‹consoleã‚’æ‹¡å¼µã™ã‚‹ã‚¹ãƒ‹ãƒšãƒƒãƒˆãªã©ã€ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ã‚ã‚‰ã‹ã˜ã‚å®Ÿè¡Œã—ã¦ãŠãå¿…è¦ãŒã‚ã‚‹ã‚‚ã®ãªã©ã«ä½¿ãˆã¾ã™ã€‚ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆãªã©ã§æŒ¿å…¥ã—ã¦ã„ãŸjQueryãªã©ã‚‚è‡ªå‹•ã§æŒ¿å…¥ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ›ã‚¹ãƒˆåã§ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã§ãã‚‹ã®ã§ã€ãƒ‡ãƒãƒƒã‚°ã«ã‚‚ä½¿ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ ä½¿ã„æ–¹ ã¾ãšå®Ÿè¡Œã•ã›ãŸã„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’è¿½åŠ ã—ã¾ã™ã€‚ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®è¿½åŠ ã¯æ‹¡å¼µã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãƒšãƒ¼ã‚¸ã‹ã‚‰è¡Œã„ã¾ã™ã€‚ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãƒšãƒ¼ã‚¸ã¯æ¬¡ã®3ã¤ã®æ–¹æ³•ã§é–‹ãã“ã¨ãŒã§ãã¾ã™ã€‚ æ‹¡å¼µæ©Ÿèƒ½ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’æŠ¼ã—ã¦æ¯è»Šã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ æ‹¡å¼µæ©Ÿèƒ½ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’å³ã‚¯ãƒªãƒƒã‚¯ã—ã¦"ã‚ªãƒ—ã‚·ãƒ§ãƒ³"
johshisha 2018/01/31
JavaScript

æ‹¡å¼µæ©Ÿèƒ½

ã‚ã¨ã§èªã‚€

ä¾¿åˆ©
ãƒªãƒ³ã‚¯
react-router + é™çš„ãƒ•ã‚¡ã‚¤ãƒ«(css, js) ã®çµ„ã¿åˆã‚ã›ã®ç½ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
johshisha 2017/06/13
ãƒ‘ã‚¹

JavaScript
ãƒªãƒ³ã‚¯
ã‚‚ã†ã¯ã˜ã‚ã‚ˆã†ã€ES6~ECMAScript6ã®åŸºæœ¬æ§‹æ–‡ã¾ã¨ã‚(JavaScript)~ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
johshisha 2017/06/01
ã‚ã¨ã§èªã‚€

ES6

es2015

JavaScript
ãƒªãƒ³ã‚¯
ã‚¼ãƒã‹ã‚‰å§‹ã‚ã‚‹JavaScriptç”Ÿæ´» - Qiita
ï¼ˆè¨³è€…æ³¨: ã“ã‚Œã¯ã€JavaScript Stack from Scratchã‚’ç¿»è¨³ã—ã€ã¾ã¨ã‚ã¦èªã‚ã‚‹ã‚ˆã†ã«1ãƒ•ã‚¡ã‚¤ãƒ«ã«ã—ãŸã‚‚ã®ã§ã™ã€‚å…ƒã®ç¿»è¨³ã¨å„ç¨®ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¤ã„ã¦ã¯ã€æ—¥æœ¬èªžè¨³forkãƒªãƒã‚¸ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ã¾ãŸã€åŽŸæ–‡ãŒæ´»ç™ºã«æ›´æ–°ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€è¨³æ–‡ã‚‚è¿½å¾“ã—ã¦æ›´æ–°ã•ã‚Œã¾ã™ã€‚ã”äº†æ‰¿ãã ã•ã„ã€‚ï¼‰ ã‚¼ãƒã‹ã‚‰å§‹ã‚ã‚‹JavaScriptç”Ÿæ´» ãƒ¢ãƒ€ãƒ³JavaScriptã‚¹ã‚¿ãƒƒã‚¯ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ã‚¼ãƒã‹ã‚‰å§‹ã‚ã‚‹JavaScriptç”Ÿæ´»ã¸ã‚ˆã†ã“ãã€‚ âš ï¸ï¸ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆç‰ˆã‚’3æœˆåˆæ—¬ã«å…¬é–‹ã™ã‚‹äºˆå®šã§ã™ã€‚ã”æœŸå¾…ä¸‹ã•ã„! ã‚ˆã‚Šè©³ã—ã(è‹±èªž). ã“ã‚Œã¯JavaScriptã‚¹ã‚¿ãƒƒã‚¯ã‚’ä½¿ã„å§‹ã‚ã‚‹ãŸã‚ã®æœ€çŸæœ€é€Ÿã®ã‚¬ã‚¤ãƒ‰ã§ã™ã€‚ã“ã®ã‚¬ã‚¤ãƒ‰ã¯ä¸€èˆ¬çš„ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ã¨JavaScriptã®åŸºç¤Žã‚’å‰æã¨ã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚‰å…¨ã¦ã®ãƒ„ãƒ¼ãƒ«ã‚’ä¸€ç·’ã«ã¤ãªãŽåˆã‚ã›ã‚‹ã“ã¨ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ãŠã‚Šã€å„ãƒ„ãƒ¼ãƒ«ã«ã¤
johshisha 2017/05/24
ã‚ã¨ã§èªã‚€

JavaScript

react

å‹‰å¼·

lint

babel

webpack

redux
ãƒªãƒ³ã‚¯
ES2015 (ES6)ã«ã¤ã„ã¦ã®ã¾ã¨ã‚ - Qiita
##ECMAScriptã¨ã¯ ECMAScriptã¯JavaScriptã®ä¸æ ¸ä»•æ§˜ã‚’æŠœãå‡ºã—ã¦æ¨™æº–åŒ–ã—ãŸã‚‚ã® é–‹ç™ºå½“åˆã®Javascriptã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã‚‹ç‹¬è‡ªã®æ‹¡å¼µãŒå¤šãã€äº’æ›æ€§ãŒä½Žã‹ã£ãŸãŸã‚ã€Ecma InternationalãŒä¸å¿ƒã¨ãªã‚ŠECMAScriptãŒé–‹ç™ºã•ã‚ŒãŸ ES2015 (ES6)ã¨ã¯ å…ˆæ—¥ç–å®šã•ã‚ŒãŸã€ECMASCriptã®6th Editionã®ã“ã¨ã§ã‚ã‚Šã€å½“åˆã¯ES6ã¨å‘¼ã°ã‚Œã¦ã„ã‚‹ãŒã€æ£å¼åç§°ã‚’ECMASCript2015(ES2015ã¨å‘¼ã°ã‚Œã‚‹)ã¨ã—ã€ä»Šå¾Œã¯å¹´å˜ä½ã®ãƒªãƒªãƒ¼ã‚¹ã‚’äºˆå®šã—ã¦ã„ã‚‹ã¨ã®ã“ã¨ [å…¬å¼ã‚µã‚¤ãƒˆ]http://www.ecma-international.org/ecma-262/6.0/index.html ES2015ã§å¯èƒ½ã¨ãªã‚‹æ–°ãŸãªã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ letãƒ»constã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã«ã‚ˆã‚‹å¤‰æ•°å®£è¨€ classæ§‹æ–‡ é–¢æ•°ã®å¼•æ•°ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ï¼ˆD
johshisha 2017/05/19
JavaScript

es2015
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®JavaScriptã®é–‹ç™ºã¨ç’°å¢ƒã®åŸºæœ¬ã‚’ï¼‘ã‹ã‚‰Reactã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¾ã§ï¼‘ã‚¹ãƒ†ãƒƒãƒ—ãšã¤ä½“å¾—ã™ã‚‹ - Qiita
ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰: JavaScript, Babel, Webpack, Koa, React æœ€è¿‘ï¼ˆãŸã¶ã‚“ï¼‰ã®JavaScriptã®é–‹ç™ºã¨ç’°å¢ƒã®åŸºæœ¬ã‚’ï¼‘ã‹ã‚‰Reactã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¾ã§ï¼‘ã‚¹ãƒ†ãƒƒãƒ—ãšã¤ä½“å¾—ã™ã‚‹ãŸã‚ã®æ®´ã‚Šæ›¸ããƒãƒ¼ãƒ‰ãƒžãƒƒãƒ—ã§ã™ã€‚ äººãã‚Œãžã‚ŒJavaScriptç•Œéšˆã‚’æ•¬é ã—ã¦ããŸç†ç”±ã¯ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ç§ã¯åŠå¹´ã»ã©å‰ã«ã¡ã‚‡ã£ã¨è§¦ã£ã¦ã¿ã‚‹ã‹ã¨æ€ã„ç«‹ã£ã¦é‡Žè‰¯è¨˜äº‹ã‚’å‚è€ƒã«ç’°å¢ƒæ§‹ç¯‰ã—ã¦ã„ãŸã¨ã“ã‚ã€å½“ç„¶ã®ã‚ˆã†ã«æ›¸ã‹ã‚Œã¦ã„ãŸimport/exportæ–‡ãŒå‹•ã‹ãªã„ã¨ã“ã‚ã‹ã‚‰Babel->Gulp->Webpackã¨æ¬¡ã€…ã«ã‚¢ã‚¤ãƒ†ãƒ ãŒç¾ã‚Œã¦ã«ä¸€åº¦æ‰‹ã‚’å¼•ãã¾ã—ãŸã€‚ ä»Šå›žæ”¹ã‚ã¦æ€ã„ç«‹ã£ã¦å†ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã€æ¦‚å¿µã¨ãƒ„ãƒ¼ãƒ«ãŒä¸€ç·’ããŸã«ãªã£ãŸæ—¥æœ¬èªžã®ä¸Žå¤ªè¨˜äº‹ã«è¾Ÿæ˜“ã¨ã—ãªãŒã‚‰ã€ã²ã¨ã¤ãšã¤æ•´ç†ã—ã¦è©¦ã—ã¾ã—ãŸã®ã§ã€ãã®éš›ã®ãƒ¡ãƒ¢ã®å…±æœ‰ã§ã™ã€‚ãªãã‚Šæ›¸ãã§ã¯ã‚ã‚Šã¾ã™ãŒã€å‡ºæ¥åˆã„ã®ãƒ„ãƒ¼ãƒ«ã§æ¸ˆã¾ã›ã‚‹ãƒ†ã‚ãƒˆãƒ¼ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
johshisha 2016/11/10
JavaScript

react

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Maplace.js - è»½é‡ãªjQuery Ã— Googleãƒžãƒƒãƒ—ãƒ©ã‚¤ãƒ–ãƒ©ãƒª MOONGIFT
Googleãƒžãƒƒãƒ—ã‚’ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ã«çµ„ã¿è¾¼ã‚€ã®ã«è‰¯ã•ãã†ã§ã™ã€‚ Googleãƒžãƒƒãƒ—ã¯APIã®å¤šå½©ã•ã€æ©Ÿèƒ½ã®æŸ”è»Ÿã•ã‚‚ã‚ã£ã¦æ§˜ã€…ãªã‚µãƒ¼ãƒ“ã‚¹ã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ä½ç½®æƒ…å ±ã‚„åœ°å›³ã‚’æ‰±ãŠã†ã¨æ€ã£ãŸã‚‰ä¸€ç•ªã«è€ƒãˆã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ãã‚“ãªGoogleãƒžãƒƒãƒ—ã‚’ã•ã‚‰ã«æ‰‹è»½ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ã¦ãã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒMaplace.jsã§ã™ã€‚æ©Ÿèƒ½ã¯é™ã‚‰ã‚Œã¾ã™ãŒåºƒç¯„å›²ã«åˆ©ç”¨ã§ããã†ã§ã™ã€‚ ã¾ãšã¯ç°¡å˜ãªãƒ‡ãƒ¢ã€‚åœ°å›³ã®è¡¨ç¤ºã‚’è¡Œã„ã¾ã™ã€‚ã‚³ãƒ¼ãƒ‰ã¨ã—ã¦ã¯ãŸã£ãŸæ•°è¡Œã§ã™ã€‚ // JavaScript var maplace = new Maplace(); maplace.Load(); // or new Maplace().Load(); // HTML <div id="gmap"></div> ãã®çµæžœã¯æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªåœ°å›³è¡¨ç¤ºã€‚ æ¬¡ã¯ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã‚„ãƒªã‚¹ãƒˆã‚’ä½¿ã£ãŸãƒžãƒ¼ã‚«ãƒ¼ã®ãƒ‡ãƒ¢ã€‚ãƒžãƒ¼ã‚«ãƒ¼ã¯è‡ªå‹•çš„ã«ä¸å¤®ã«è¡¨
johshisha 2016/01/08
google maps

JavaScript
ãƒªãƒ³ã‚¯
1