[B! javascript][é–‹ç™º] d4-1977ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

d4-1977 id:d4-1977

javascriptã¨é–‹ç™ºã«é–¢ã™ã‚‹d4-1977ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (94)

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

ç§ãŸã¡ã¯ãªãœ SPA ã§é–‹ç™ºã™ã‚‹ã®ã‹ / Why you choose SPA
2019.11.02 ã« FRONTEND CONFERENCE 2019 (#frontkansai) ã«ã¦ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚
d4-1977 2019/11/06
ã„ã„è³‡æ–™ã€‚ã‚ã¨ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®åŠ›é‡ã‚’ç§è‡ªèº«ãŒé«˜ã‚ãªã„ã¨è©±ã«ã¤ã„ã¦ã„ã‘ãªã„æ°—ãŒã™ã‚‹â€¦

javascript

é–‹ç™º

SPA
ãƒªãƒ³ã‚¯
https://developers.google.com/web/tools/setup/workspace/setup-devtools
Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.
d4-1977 2019/10/19
JavaScript

é–‹ç™º

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
2019å¹´ç‰ˆ æœ€å…ˆç«¯ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã«ãªã‚‹ãŸã‚ã«å¦ã¶ã¹ãã“ã¨ - Qiita
ã“ã¡ã‚‰ã®è¨˜äº‹ã¯ã€ã€ŽLearn to become a modern Frontend Developer in 2019ã€ã®å’Œè¨³ã«ãªã‚Šã¾ã™ã€‚ æœ¬æŠ•ç¨¿ã¯è»¢è¼‰ã§ã‚ã‚Šã€æœ¬è¨˜äº‹ã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ ã¯ã˜ã‚ã« æ–°å¹´ã«ãªã£ã¦ä»¥å‰æ›¸ã„ãŸè¨˜äº‹ã‚’å°‘ã—ç°¡æ½”ã«ã—ã¦ç†è§£ã—ã‚„ã™ã„ã‚ˆã†ã«æ›¸ãç›´ã—ã¦ã¿ã¾ã—ãŸã€‚ã“ã®æ–‡ç« ã«ä»¥å‰ç§ãŒæ›¸ã„ãŸæ–‡ç« ã¨é•ã£ãŸã“ã¨ãŒæ›¸ã„ã¦ã‚ã£ãŸã‚Šã€å°‘ã—çŸ›ç›¾ã™ã‚‹å†…å®¹ãŒè¦‹ã¤ã‹ã£ã¦ã‚‚ã‚ã¾ã‚Šæ°—ã«ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ æ˜¨å¹´ç§ãŒæ›¸ã„ãŸè¨˜äº‹ã¯GitHubã§å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ Webé–‹ç™ºã¯çµ¶ãˆãšå¤‰åŒ–ã™ã‚‹åˆ†é‡Žã§ã™ - ä»Šæ—¥ç§ãŸã¡ãŒWebã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹æ–¹æ³•ã¯ã€2ï½ž3å¹´å‰ã®ã‚„ã‚Šæ–¹ã¨ã¯å…¨ãé•ã£ã¦ãã¦ã„ã¾ã™ã€‚åˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ãŒæ²¢å±±ã‚ã‚Šã€æ–°ã—ã„ãƒ„ãƒ¼ãƒ«ã‚‚æ¯Žæ—¥å‡ºã¦ãã‚‹ã®ã§ã€ã‚¦ã‚§ãƒ–é–‹ç™ºè€…ã¯ã„ã¤ã‚‚ã©ã®ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ãˆã°ã‚ˆã„ã®ã‹è¿·ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ç§ã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã«ä¿‚ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã€ã¾ãŸã¯é‹ç”¨ã‚’å¦ã³ãŸã„ã¨æ€ã†äººã‚’å¯¾è±¡ã«ã—ãŸãƒ„
d4-1977 2019/08/11
ã‚ã¨ã§èªã‚€

webpack

é–‹ç™º

JavaScript
ãƒªãƒ³ã‚¯
Expert led courses for front-end web developers. | egghead.io
Learn Modern Web Development in a Fraction of the TimeSharpen your skills and stay current with the modern stack. Start Today. Your deep catalog of byte-sized courses Get access to 1000s of to the point, practical video lessons on modern web development. egghead courses are focused and don't waste your time. There's no meandering, no fluff, no filler. Just the best, most relevant content for moder
d4-1977 2019/05/26
javascript

é–‹ç™ºç’°å¢ƒ

é–‹ç™º

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
JavaScript å¯ºåå±‹ 9 / ãƒ†ã‚¹ãƒˆé§†å‹•é–‹ç™ºã¸ã®èª˜ã„
Console ã®ä¸¦ã³ã«ã‚ã‚‹ Test ã£ã¦ãªã‚“ã ä»Šæ—¥ã®å‚è€ƒã‚³ãƒ¼ãƒ‰ https://codesandbox.io/s/kwp513y8mv CodeSandbox ã®ä¸‹ã®æ–¹ã«ã€Console ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚¿ãƒ–ãŒã‚ã‚Šã¾ã™ã‚ˆãã€‚ãã®ä¸¦ã³ã« Test ã¨ã„ã†ã‚¿ãƒ–ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã¯ãªã‚“ã ï¼ï¼ ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã¿ã‚ˆã†ï¼ï¼ï¼ ãƒ†ã‚¹ãƒˆç”¨ã®ç”»é¢ãŒã§ãŸï¼ï¼ï¼ ã§ãŸï¼ï¼ ã“ã“ã§ãƒ†ã‚¹ãƒˆãŒã§ãã¾ã™ï¼ï¼ï¼ ãƒ†ã‚¹ãƒˆã¨ã¯ãªã‚“ã å¹³ãŸãã„ã†ã¨ã€è‡ªåˆ†ãŒä½œã£ãŸé–¢æ•°ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ£å¸¸ã«å‹•ã„ã¦ã„ã‚‹ã®ã‹ã€ã„ã‚ã‚“ãªãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’è©¦ã—ã«å®Ÿè¡Œã—ã¦ã€ãã®çµæžœãŒè‡ªåˆ†ã®å¸Œæœ›ã—ã¦ã‚‹ã‚‚ã®ã‹ã©ã†ã‹ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹æ‰‹æ³•ã®ã“ã¨ã§ã™ã€‚ ã¾ãšã¯å®Ÿè¡Œã—ã¦ã¿ã¾ã—ã‚‡ã†ï¼ï¼ ãƒ†ã‚¹ãƒˆã‚’å®Ÿè¡Œã—ã¦ã¿ã‚ˆã†ï¼ ã§ã¯æ—©é€Ÿå®Ÿè¡Œã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ã‚„ã‚Šæ–¹ã¯ç°¡å˜ã§ã€test.spec.js ã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œã£ã¦ã€ãã®ä¸ã«ãƒ†ã‚¹ãƒˆã®å†…å®¹ã‚’æ›¸ãã ã‘ã§ã™ã€‚ ã‚ã¨ã¯ã€å‹æ‰‹ã« CodeSandb
d4-1977 2018/11/22
javascript

ã‚ã¨ã§èªã‚€

é–‹ç™º
ãƒªãƒ³ã‚¯
æ–°äººã«ãƒ‰ãƒ¤é¡”ã§èª¬æ˜Žã§ãã‚‹ã‹ã€ä»Šé¢¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãƒãƒ³ã‚ºã‚ªãƒ³(git/node.js/ES6/webpack4/babel7) - Qiita
æ¦‚è¦ ä»Šé¢¨ã®æ‰‹æ³•ã§JavaScriptã‚¢ãƒ—ãƒªã‚’ä½œã‚ã†ã¨ã™ã‚‹ã¨è‰²ã€…ãƒ„ãƒ¼ãƒ«ãŒã‚ã£ã¦ä¾¿åˆ©ãªåé¢ã€è¤‡é›‘ã§ã‚ã‹ã‚‰ãªã„ã“ã¨ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ ã‚ã‹ã‚‰ãªã„ã“ã¨ãŒã‚ã£ãŸã‚‰ã€ãã‚Œã‚’æ”¾ç½®ã›ãšã€ã—ã£ã‹ã‚Šç†è§£ã—ã¦å¤§ã„ã«å¯„ã‚Šé“ã—ã¤ã¤ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã™ã‚‹JavaScriptã‚¢ãƒ—ãƒªã‚’ã‚¼ãƒã‹ã‚‰ä½œã£ã¦ã„ãã¾ã™ ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ä½œã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¢ãƒ—ãƒªã‚’ä½œã£ãŸã‚‰ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªåŒ–ã—ã¦npmãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¨ã—ã¦å…¬é–‹ã—ã¾ã™ å¯¾è±¡èªè€…ï¼ä»Šé¢¨ã®JavaScripté–‹ç™ºã®å…¥é–€è€…ã€åˆå¿ƒè€… 11å¹´å‰ã‹ã‚‰ã‚¿ã‚¤ãƒ ãƒˆãƒ©ãƒ™ãƒ«ã—ã¦ããŸã²ã¨ ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã‚¢ãƒ—ãƒªã‚’ä½œã‚ŠãŸã„ãŒä»Šé¢¨ã®æ‰‹æ³•ã®åˆå¿ƒè€…(jQueryã ã‘ã§ãªã‚“ã¨ã‹ç”Ÿãã¦ããŸäººã¨ã‹ï¼‰ Node.jsã®ç’°å¢ƒã‚’ã¤ã‹ã£ã¦ãƒ•ãƒãƒ³ãƒ‰ã‚¨ãƒ³ãƒ‰ã‚¢ãƒ—ãƒªã‹ã„ã¦ã„ã‚‹ã‘ã©ã€ã€Œä½•ã¨ãªãã€ç†è§£ã—ã¦ã„ã‚‹äºº æ¥å¹´ã®æ–°äººæ•™è‚²ä¿‚ ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ æœ¬æŠ•ç¨¿ã§ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãŒå‡ºã¦ãã¾ã™ã€‚ Node.jsã€npmã€ES6(ECMAScript6
d4-1977 2018/11/18
ãªã‹ãªã‹ãªé‡ã«ãªã‚‹ã‚ˆãã‡

ã‚ã¨ã§èªã‚€

webpack

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
d4-1977 2018/10/04
webpack

javascript

é–‹ç™º

é–‹ç™ºç’°å¢ƒ

React
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¬ã‚·ãƒ¼ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚³ãƒ¼ãƒ‰ã‚’æ•´ç†ã™ã‚‹ãŸã‚ã«ã©ã†ç«‹ã¡å‘ã‹ã£ãŸã‹ - Misocaé–‹ç™ºè€…ãƒ–ãƒã‚°
2ã‚¨ãƒ³ãƒˆãƒªé€£ç¶šã§ã“ã‚“ã«ã¡ã¯ã€@mugi_unoã§ã™ã€‚ åå¤å±‹ã«ã¯å°æ¹¾ ãƒ©ãƒ¼ãƒ¡ãƒ³ã‚¤ã‚¿ãƒªã‚¢ãƒ³ã¨ã„ã†åç‰©ãŒã‚ã‚‹ãã†ã§ã™ã€‚ å¯Œå±±çœŒæ°‘ã®ç§ã«ã¯ç†è§£ãŒè¿½ã„ã¤ãã¾ã›ã‚“ã§ã—ãŸã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã®é‡‘é¡è¨ˆç®—å‡¦ç† ã•ã¦ã€Misocaã¯è«‹æ±‚æ›¸ä½œæˆã‚µãƒ¼ãƒ“ã‚¹ãªã®ã§ã€é‡‘é¡è¨ˆç®—å‡¦ç†ãŒæ¬ ã‹ã›ã¾ã›ã‚“ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚‚ä¾‹å¤–ã§ã¯ãªãã€æ¶ˆè²»ç¨Žé¡ã‚„åˆè¨ˆé¡ã‚’ç®—å‡ºã™ã‚‹ãƒã‚¸ãƒƒã‚¯ãŒå˜åœ¨ã—ã¾ã™ã€‚ æ©Ÿèƒ½å¤‰æ›´ãŒå¿…è¦ã«ãªã£ãŸ!! è«¸äº‹æƒ…ã«ã‚ˆã‚Šã€ãã®ãƒã‚¸ãƒƒã‚¯ã«å¤‰æ›´ã‚’åŠ ãˆã‚‹å¿…è¦ãŒç”Ÿã˜ã¾ã—ãŸã€‚ é•·ããƒ—ãƒãƒ€ã‚¯ãƒˆã‚’æ”¯ãˆã¦ãã‚Œã¦ã„ãŸå˜åœ¨ã§ã™ãŒã€å†…å®¹çš„ã«ã¯ã„ã‚ã‚†ã‚‹ãƒ¬ã‚¬ã‚·ãƒ¼ãªã‚³ãƒ¼ãƒ‰ã§ã€ãŸã³ãŸã³é–‹ç™ºè€…ãƒŸãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã§ã‚‚èª²é¡Œã¨ã—ã¦æŒ™ã’ã‚‰ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã—ãŸã€‚ git log ã§ç¢ºèªã—ã¦ã¿ã‚‹ã¨ã€è©²å½“ã‚³ãƒ¼ãƒ‰ã«å¯¾ã—ã¦ã®æ©Ÿèƒ½çš„ãªå¤‰æ›´ã¯2015å¹´ã®å†¬ã‹ã‚‰è¡Œã‚ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ ä½•ãŒå•é¡Œã ã£ãŸã®ã‹ï¼Ÿ DOMæ“ä½œã¨è¨ˆç®—ãƒã‚¸ãƒƒã‚¯ã®æ··åœ¨ Misocaã§ã¯ã€æ–°ã—ãã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãéš›ã¯Vueã‚„Re
d4-1977 2018/09/27
javascriptã§ã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã®è©±ã€‚è‰²åˆ†ã‘ã§è€ƒãˆã‚’ã€ç¤ºã™ã®ã„ã„æ–¹æ³•

javascript

é–‹ç™º

jQuery
ãƒªãƒ³ã‚¯
JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯é¸å®šã®è°è«– - Qiita
ç›¸è«‡å†…å®¹ æ—¢å˜ã®ç®¡ç†ãƒ„ãƒ¼ãƒ«ã‚’æ–°ã—ãä½œã‚Šç›´ã™ãŸã‚ã«æ–°ã—ã„JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯/è¨€èªžä½¿ã„ãŸã„ã®ã§ã™ãŒã€ä½•ã‚’é¸ã‚“ã ã‚‰ã‚ˆã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã“ã“ã§é¸ã‚“ã ã‚‚ã®ã¯ä»Šå¾Œæ–°ã—ãä½œã‚‹æ™‚ã«ã‚‚ä½¿ç”¨ã—ã¦ã„ãäºˆå®šã®ãŸã‚ã€å¦ç¿’ã‚³ã‚¹ãƒˆã‚ˆã‚Šãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã‚„ã™ã„ã‚‚ã®ã‚’é¸ã³ãŸã„ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ åˆ©ç”¨è€…ã¯ç¤¾å†…å¤–ã§ç‰¹å®šã®æ¨©é™ã‚’æŒã£ãŸäººã®ã¿ã§ã‚ã‚‹ãŸã‚ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¯ã—ãªã„äºˆå®šã§ã™ã€‚ è¨€èªžã¯åž‹ãŒã‚ã‚‹ã‚‚ã®ã‚’åˆ©ç”¨ã—ãŸã„ã®ã§ã™ãŒã€TypeScriptã¨Flowã®ã©ã¡ã‚‰ãŒã‚ˆã‚ã—ã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ æ™‚é–“ã«ä½™è£•ãŒã‚ã‚Œã°ã€ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã«ã¤ã„ã¦ã‚‚ãŠèžãã—ãŸã„ã§ã™ã€‚ ç¾åœ¨ã®ãƒšãƒ¼ã‚¸/ãƒãƒ¼ãƒ jQueryãªã©ã§æ›¸ã‹ã‚Œã¦ã„ã‚‹éƒ¨åˆ†ãŒå¤šã„ã§ã™ãŒã€å¤‰æ›´ã‚’åŠ ãˆã‚‹ã“ã¨ãŒé›£ã—ããƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆãŒé«˜ã„ã§ã™ã€‚ ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’ã‚„ã£ã¦ã‚‹äººãŒç‰‡æ‰‹é–“ã§æ›¸ãJavaScriptã¨ã„ã£ãŸçŠ¶æ³ã§ã™ã€‚ ä»Šå›žæ–°è¦ã§æ•°ãƒšãƒ¼ã‚¸ã‚’è¿½åŠ ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã€ä½•ã‚’åˆ©ç”¨ã™ã‚Œã°è‰¯
d4-1977 2018/09/27
å¤§ä½“è¿·ã†ã®ã§ã€æ•´ç†ã•ã›ã‚Œã¦é¸æŠžã®ãƒã‚¤ãƒ³ãƒˆãŒæ›¸ã‹ã‚Œã¦ã¦è‰¯ã„

javascript

é–‹ç™º

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
webpack4å¯¾å¿œwebpack-dev-serverã®ä¸»è¦ãªè¨å®šã‚ªãƒ—ã‚·ãƒ§ãƒ³(CLI,webpack.config.js)ã®æ„å‘³ã¨æŒ™å‹• - Qiita
æ¦‚è¦ Webpack 4ã‚’åˆ©ç”¨ã—ãŸé–‹ç™ºã«ä¾¿åˆ©ãª webpack-dev-server ã®è¨å®šãƒ¡ãƒ¢ã§ã™ã€‚ webpack-dev-serverã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¨å…¬å¼wikiã€å…¬å¼Docã‚’å‚è€ƒã«å®Ÿå‹•ç¢ºèªã—ãŸçµæžœã‚’æ›¸ãã¾ã™ã€‚ HMRç‰ã‚ªãƒ¼ãƒˆãƒªãƒãƒ¼ãƒ‰ç³»ã®è¨å®š(--hotã¨ã‹ã¨ã‹--inlineã¨ã‹)ã‚„ã‚ˆãä½¿ã„ãã†ãªCLIã‚ªãƒ—ã‚·ãƒ§ãƒ³ãªã©ç†è§£ã—ã¦ãŠããŸã‚ã®ãƒ¡ãƒ¢ã§ã™ã€‚ ç’°å¢ƒ æœ¬æŠ•ç¨¿ã§ä½¿ã£ã¦ã„ã‚‹ç’°å¢ƒã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ webpack-dev-server:3.1.7 webpack:4.17.1 webpack-cli:3.1.0 webpack-dev-server ã¨ã¯ webpack-dev-serverã¯webpackã‚’ç”¨ã„ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®ã¨ãã«åˆ©ç”¨ã§ãã‚‹é–‹ç™ºç”¨ã®webã‚µãƒ¼ãƒãƒ¼ã€‚ *.jsãƒ•ã‚¡ã‚¤ãƒ«ã‚„ãƒªã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ›´æ–°ã™ã‚‹ã¨å³åº§ã«åæ˜ ã—ã¦ãã‚Œã‚‹æ©Ÿèƒ½ã‚’ã‚‚ã£ã¦ã„ã‚‹ã€‚ webpack-dev-serv
d4-1977 2018/09/18
webpack

javascript

é–‹ç™º
ãƒªãƒ³ã‚¯
JavaScriptã®åå‰ç©ºé–“ã®æ›¸ãæ–¹
JavaScriptã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®ã²ã¨ã¤ã§ã™ã€‚ãƒãƒƒãƒˆã‚¹ã‚±ãƒ¼ãƒ—ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºã§é–‹ç™ºã•ã‚Œã¾ã—ãŸã€‚ é–‹ç™ºå½“åˆã¯LiveScriptã¨å‘¼ã°ã‚Œã¦ã„ã¾ã—ãŸãŒã€æ¥å‹™ææºã—ã¦ã„ãŸã‚µãƒ³ãƒ»ãƒžã‚¤ã‚¯ãƒã‚·ã‚¹ãƒ†ãƒ ã‚ºãŒé–‹ç™ºã—ãŸJavaãŒè„šå…‰ã‚’æµ´ã³ã¦ã„ãŸã“ã¨ã‹ã‚‰ã€JavaScriptã¨æ”¹åã•ã‚Œã¾ã—ãŸã€‚ å‹•ãã®ã‚ã‚‹Webãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ã“ã¨ã‚’ç›®çš„ã«é–‹ç™ºã•ã‚ŒãŸã‚‚ã®ã§ã€ä¸»è¦ãªWebãƒ–ãƒ©ã‚¦ã‚¶ã®ã»ã¨ã‚“ã©ã«æè¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚
d4-1977 2018/09/08
åå‰ç©ºé–“ã®è©±

javascript

é–‹ç™º
ãƒªãƒ³ã‚¯
ä»Šæ—¥ã‹ã‚‰ç°¡å˜ï¼Webpacker å®Œå…¨è„±å‡ºã‚¬ã‚¤ãƒ‰ - pixiv inside
ã“ã‚“ã«ã¡ã¯ã€@f_subal ã§ã™ã€‚æ™®æ®µã¯ãŠã‚‚ã« pixivFACTORY ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’è¦‹ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ pixivFACTORY ã«ãŠã„ã¦ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ãƒ«ãƒ‰ã« Webpacker ã‚’åˆ©ç”¨ã™ã‚‹ã®ã‚’ã‚„ã‚ãŸè©±ã‚’ã—ã¾ã™ã€‚ Webpacker ã‚’ã‚„ã‚ã‚ˆã† rails/webpacker ã¯ Ruby on Rails ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã« webpack ã‚’å°Žå…¥ã™ã‚‹éš›ã«ç”¨ã„ã‚‰ã‚Œã‚‹ gem ã§ã™ã€‚å¿…è¦ãª webpack ã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã®ç”Ÿæˆã‚„ã€Rails ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‹ã‚‰ãƒ“ãƒ«ãƒ‰æ¸ˆã¿ã® JavaScript ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿å‡ºã™ãŸã‚ã«ç”¨ã„ã‚‹ãƒ˜ãƒ«ãƒ‘ãƒ¼é–¢æ•°ãªã©ã€å¤šæ•°ã®æ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚ çµè«–ã‹ã‚‰è¨€ã†ã¨ã€Webpacker ã‚’å…¥ã‚Œã¦ã‚‚ã‚ã¾ã‚Šè‰¯ã„ã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚å˜ã«å¿…è¦ãŒç„¡ã„ã¨ã„ã†ã‚ˆã‚Šã€ã‚ã‚‹ã“ã¨ã«ã‚ˆã£ã¦é¢å€’ãŒå¢—ã—ã¦ã„ã‚‹ã¨æ„Ÿã˜ãŸã®ã§ã€å‰¥ãŒã—ã¾ã—ãŸã€‚ä»¥ä¸‹ Webpacker ãŒå°Žå…¥ã•ã‚ŒãŸ Ra
d4-1977 2018/08/16
webpack

Rails

javascript

é–‹ç™º

webpacker
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãŒ ä¾¿åˆ©ã«ãªã‚Šãã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒª
All slide content and descriptions are owned by theirÂ creators.
d4-1977 2018/06/01
é–‹ç™º

ã‚ã¨ã§èªã‚€

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

javascript
ãƒªãƒ³ã‚¯
ã€Œã¯ã˜ã‚ã¦ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã€ã¨ã„ã†æœ¬ã‚’æ›¸ãã¾ã—ãŸ - massa142's blog
å…±è‘—è€…ã¨ã—ã¦å‚åŠ ã—ã¦ã„ãŸæ›¸ç±ã€ŽReactï¼ŒAngularï¼ŒVue.jsï¼ŒReact Nativeã‚’ä½¿ã£ã¦å¦ã¶ ã¯ã˜ã‚ã¦ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã€ãŒã€2018/5/9ã«æŠ€è¡“è©•è«–ç¤¾ã•ã¾ã‚ˆã‚Šç™ºå£²ã¨ãªã‚Šã¾ã—ãŸã€‚ Reactã€Angularã€Vue.jsã€React Nativeã‚’ä½¿ã£ã¦å¦ã¶ ã¯ã˜ã‚ã¦ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º ä½œè€…: åŽŸä¸€æµ©,taisa,å°æ¾å¤§è¼”,æ°¸äº•å,æ± å†…åå•“,æ–°äº•æ£è²´,æ©‹æœ¬å®‰å¸,æ—¥é‡Žæ´‹ä¸€éƒŽå‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: æŠ€è¡“è©•è«–ç¤¾ç™ºå£²æ—¥: 2018/05/09ãƒ¡ãƒ‡ã‚£ã‚¢: å˜è¡Œæœ¬ï¼ˆã‚½ãƒ•ãƒˆã‚«ãƒãƒ¼ï¼‰ã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚°ã‚’è¦‹ã‚‹ ã©ã‚“ãªæœ¬ã‹ Reactã€Angularã€Vue.jsã€React Nativeãã‚Œãžã‚ŒãŒã€åŒã˜ã‚µãƒ¼ãƒã®APIã‚’å‚ç…§ã—ã€åŒæ§˜ã®æ©Ÿèƒ½ã‚’æŒã£ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦ä½œæˆã—ã¾ã™ã€‚React Nativeã¯ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªãŸã‚ã€SPAï¼ˆSingle-page
d4-1977 2018/05/13
é–‹ç™º

æ›¸ç±

javascript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã‚µãƒãƒ¼ã‚¿ãƒ¼ã‚ºCoLab - ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã›
d4-1977 2018/03/12
javascript

é–‹ç™º

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã€ã®çµ‚ç„‰ | POSTD
å…ƒè¨˜äº‹ã®è‘—è€…ã‚ˆã‚Šï¼šã“ã®è¨˜äº‹ã¯ä¸»ã«åŒ—ç±³æ–‡åŒ–ã§ç§ãŒè¦‹ãŸã“ã¨ã‚’åæ˜ ã—ã¦ã„ã¾ã™ã€‚ èª°ã‹ã«è·æ¥ã‚’ãã‹ã‚ŒãŸã‚‰ã€ç§ã¯ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã§ã™ã€ã¨ç”ãˆã¾ã™ï¼ˆç”ãˆã¯ç›¸æ‰‹ã«ã‚ˆã£ã¦å¤‰ã‚ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ï¼‰ã€‚10å¹´ã‹20å¹´å‰ã¯ã€è‡ªåˆ†ã®ä»•äº‹ã«å¿…ç„¶çš„ã«ä¼´ã†ã‚‚ã®ãŒä½•ãªã®ã‹ã¯ã€ã‹ãªã‚Šæ˜Žçžã§ã—ãŸã€‚ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ç”¨ã«HTMLã‚„CSSã‚’æ›¸ãã€JavaScriptã‚‚å¤šå°‘ã¯æ›¸ã„ã¦ã„ã¾ã—ãŸã€‚é§†ã‘å‡ºã—ã®é ƒã€PHPã‚„MySQLã®ä½œæ¥ã«è·å‹™ã®å¤§åŠã‚’è²»ã‚„ã—ã¦ã„ãŸã¨ã¯ã„ãˆã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã¨ã—ã¦è¦‹ã‚‰ã‚Œã‚‹æ–¹ãŒå¥½ãã§ã™ï¼ˆã“ã‚Œã«é–¢ã—ã¦ã¯ã€å¾Œã«è©³ã—ãèª¬æ˜Žã—ã¾ã™ï¼‰ã€‚ã“ã®çŠ¶æ³ã¯ã€2010å¹´ã®åˆé ã«å¤‰ã‚ã‚Šå§‹ã‚ã¾ã—ãŸã€‚JavaScriptãŒã€é‡è¦ã§ã€éžå¸¸ã«å¤§ããªå˜åœ¨ã«ãªã£ã¦ããŸã®ã§ã™ã€‚æ˜¨å¹´ã®åˆã‚é ƒã‹ã‚‰ã€ãŸãã•ã‚“ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã«ä¼šã†ã‚ˆã†ã«ãªã‚Šã€ã‚ã‚‹ã“ã¨ã«æ°—ä»˜ãã¾ã—ãŸã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã¯ã€ã‚‚ã¯ã‚„ã€ç§ãŒä»¥å‰ã‹ã‚‰çŸ¥ã£ã¦ã„ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã§ã¯ãª
d4-1977 2018/01/20
æ‚©ã¾ã—ã„ã€‚

HTML

CSS

JavaScript

é–‹ç™º
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®æ¦‚è¦ã«ã¤ã„ã¦
ã“ã“ã§ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®æ¦‚è¦ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ ï¼Šå…ƒè¨˜äº‹ã¯ã“ã¡ã‚‰ã§ã™ã€‚(è‹±èªž) ã“ã®è¨˜äº‹ã§ã‚«ãƒãƒ¼ã—ã¦ã„ã‚‹ã‚‚ã®ã«ã¤ã„ã¦Single-page Apps (SPAs)New-age JavaScriptUser InterfaceState ManagementCoding with StyleTestingLinting JavaScript Linting CSSTypesBuild SystemPackage ManagementContinuous IntegrationHostingDeploymentSingle-page Apps (SPAs)ã‹ã¤ã¦ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨ã„ã†ã€åˆ¥ã®URLã‚’é–‹ãã”ã¨ã«ãƒšãƒ¼ã‚¸ã‚’ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ã—ã¦ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰æ–°ãŸãªHTMLãƒšãƒ¼ã‚¸ã‚’é€ã‚‹æ‰‹æ³•ãŒä¸»æµã§ã—ãŸãŒã€æœ€è¿‘ã®SPAsã§ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨ã„ã†ã‚‚ã®ãŒä¸»æµã«ãªã£ã¦ã„ã¾ã™ã€‚
d4-1977 2017/10/22
ã‚ã¨ã§èªã‚€

HTML

javascript

CSS

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

é–‹ç™º
ãƒªãƒ³ã‚¯
ãƒã‚°ã‚’ã©ã®ã‚ˆã†ã«è¦‹ã¤ã‘ã‚‹ã‹
ç§‹ã®JavaScriptç¥ã€€in mixi ã€œç§‹ã®JavaScriptåŽç©«ç¥ã€œ 2016-10-15 https://javascript-fes.doorkeeper.jp/events/52089
d4-1977 2017/06/05
javascript

é–‹ç™º

ãƒ†ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
Railsãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã®ä»Šã¨ã“ã‚Œã‹ã‚‰
å¾…æœ›ã•ã‚ŒãŸYarnã‚µãƒãƒ¼ãƒˆã®å…¥ã£ãŸRails5.1ãŒ2017å¹´4æœˆã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ Ruby on Rails 5.1 Release Notes â€” Ruby on Rails Guides ä»–ã«ã‚‚jQueryãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆdependencyã‹ã‚‰å¤–ã•ã‚ŒãŸã‚Šã€Optionalã§webpackã‚µãƒãƒ¼ãƒˆãŒå…¥ã£ãŸã‚Šã—ã¦ãŠã‚Šã€Railsã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯å¤§ããªè»¢æ›ç‚¹ã‚’è¿ŽãˆãŸã¨è¨€ã£ã¦ã‚ˆã„ã§ã—ã‚‡ã†ã€‚æœ¬ã‚¨ãƒ³ãƒˆãƒªã§ã¯Railsã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã®ä»Šã‚’æŒ¯ã‚Šè¿”ã‚Šã€ä»Šå¾Œã©ã†ãªã£ã¦ã„ãã‹ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Disã‚‰ã‚Œã¦ããŸRails ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ Railsã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã‚¹ã‚¿ãƒƒã‚¯ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’å°‚æ¥ã¨ã™ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«Disã‚‰ã‚Œã‚‹ã‚‚ã®ã§ã—ãŸã€‚å…·ä½“çš„ã«ã¯ä¸‹è¨˜ã®æŠ€è¡“è¦ç´ ã§ã™ã€‚ jQueryCoffeeScriptAssets Pipeline (sprockets)gemã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã«ä¹—ã£
d4-1977 2017/05/28
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å‹•ãã¯ã€è¿½ã£ã¦ã„ããŸã„

Rails

Ruby on Rails

JavaScript

é–‹ç™º
ãƒªãƒ³ã‚¯
FRONTEND CONFERENCE 2017ã§Reactãƒãƒ³ã‚ºã‚ªãƒ³ã‚’é–‹å‚¬ã—ã¾ã—ãŸ - ãƒžãƒ«ã‚·ãƒ†ã‚¤ã‚¢
speakerdeck.com 2017-03-18 (åœŸ) æ¢…ç”°ã§é–‹å‚¬ã•ã‚ŒãŸ FRONTEND CONFERENCE 2017 ã§ã€Reactã®ãƒãƒ³ã‚ºã‚ªãƒ³ã‚’é–‹å‚¬ã—ã¾ã—ãŸã€‚ kfug.jp ä»Šå›žã®ãƒãƒ³ã‚ºã‚ªãƒ³ã§ã¯ Reactã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã‚’èº«ä½“ã§è¦šãˆã‚‹ Reacté–‹ç™ºç’°å¢ƒã«ãŠã‘ã‚‹ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ä½“é¨“ã™ã‚‹ ã®2ã¤ã‚’ç›®æ¨™ã«ã€Next.jsã‚’åˆ©ç”¨ã—ãŸç°¡å˜ãªReactã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãƒãƒ³ã‚ºã‚ªãƒ³é–‹å‚¬ã«ã‚ãŸã£ã¦è€ƒãˆãŸã“ã¨ã‚„ã€å·¥å¤«ã—ãŸç‚¹ãªã©ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ã€‚ ãƒãƒ³ã‚ºã‚ªãƒ³ã®æ–¹å‘æ€§ Next.jsã‚’æŽ¡ç”¨ ãƒãƒ³ã‚ºã‚ªãƒ³ã®æµã‚Œ å·¥å¤«ã—ãŸç‚¹ ãŠæ‰‹æœ¬ãƒ–ãƒ©ãƒ³ãƒã‚’ç”¨æ„ã™ã‚‹ ã‚³ãƒ¼ãƒ‰ä¿®æ£ã®æŒ‡ç¤ºã‚’diffå½¢å¼ã§æ›¸ã è‡ªå·±ç´¹ä»‹ã‚ˆã‚Šã‚‚å‰ã«ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã‚’ãŠé¡˜ã„ã™ã‚‹ åçœã—ãŸç‚¹ gitãŒæ‰‹å…ƒã«ãªã„äººã¯ git checkout ã§ããªã„ ãŠæ‰‹æœ¬ãƒ–ãƒ©ãƒ³ãƒä½œã‚‹ã®ã—ã‚“ã©ã„â€¦â€¦ çš†æ§˜ã®åå¿œ ãƒãƒ³ã‚ºã‚ªãƒ³ è³‡æ–™ æ„Ÿæƒ³
d4-1977 2017/04/03
ã‚ã¨ã§èªã‚€

React

JavaScript

é–‹ç™º
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸