[B! å…¥é–€][javascript] akira1908jpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

akira1908jp id:akira1908jp

å…¥é–€ã¨javascriptã«é–¢ã™ã‚‹akira1908jpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

å›½ç”£ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹CMSã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹microCMSã¨Next.jsã‚’ä½¿ç”¨ã—ãŸWebã‚µã‚¤ãƒˆã®ãƒ¢ãƒ€ãƒ³ãªåˆ¶ä½œæ–¹æ³•ã‚’å¦ã¹ã‚‹è§£èª¬æ›¸ -ãƒ¢ãƒ€ãƒ³Webã‚µã‚¤ãƒˆåˆ¶ä½œå…¥é–€
â€»æœ¬ãƒšãƒ¼ã‚¸ã¯ã€ã‚¢ãƒ•ã‚£ãƒªã‚¨ã‚¤ãƒˆåºƒå‘Šã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ å›½ç”£ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹CMSã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ã€ŒmicroCMSã€ã¨JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒNext.jsã€ã‚’ä½¿ã£ãŸãƒ¢ãƒ€ãƒ³Webã‚µã‚¤ãƒˆã®åˆ¶ä½œã«ã¤ã„ã¦åˆå¿ƒè€…ã§ã‚‚åˆ†ã‹ã‚Šã‚„ã™ãè§£èª¬ã—ãŸå…¥é–€æ›¸ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å½“ãƒ–ãƒã‚°ã¯WordPressã§ã™ãŒã€ã“ã“æ•°å¹´ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹CMSã«æ³¨ç›®ãŒé›†ã¾ã£ã¦ãã¦ã„ã¾ã™ã€‚ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹CMSã£ã¦ä½•ï¼Ÿã¨ã„ã†äººã‹ã‚‰Next.jsã¯ä½¿ã£ãŸã“ã¨ãŒãªã„ã¨ã„ã†äººã§ã‚‚æœ¬æ›¸ã§ã—ã£ã‹ã‚Šã¨å¦ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚ è‘—è€…é™£ã¯éžå¸¸ã«è±ªè¯ã§ã€microCMSã®é–‹ç™ºé™£ã§ã™ã€‚é–‹ç™ºè€…ã¨èžãã¨é–‹ç™ºå´ã®ç›®ç·šãªã®ã§ã¯ï¼Ÿã¨å¿ƒé…ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å®Ÿè£…è€…ç›®ç·šã®ã‚¹ãƒ†ãƒƒãƒ—ãƒã‚¤ã‚¹ãƒ†ãƒƒãƒ—ã§æž¶ç©ºã®ã‚³ãƒ¼ãƒãƒ¼ãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã‚’å®Ÿè£…ã—ãªãŒã‚‰microCMSã¨Next.jsã‚’ç”¨ã„ãŸWebã‚µã‚¤ãƒˆã®ãƒ¢ãƒ€ãƒ³ãªåˆ¶ä½œæ–¹æ³•ã‚’å¦ã¹ã¾ã™ã€‚ WordPressã¯ä½¿ã£ãŸã“ã¨ãŒã‚ã‚‹ã‘ã©ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹CMSã¯åˆ
akira1908jp 2024/07/12
CMS

å…¥é–€

web

wordpress

é–‹ç™º

javascript

æ›¸ç±
ãƒªãƒ³ã‚¯
å…¥é–€ç·¨ - JavaScript | MDN
ã“ã®ã‚¬ã‚¤ãƒ‰ã¯ã€ä»¥ä¸‹ã®åŸºç¤Žçš„ãªäºˆå‚™çŸ¥è˜ã‚’æŒã£ã¦ã„ã‚‹ã“ã¨ã‚’å‰æã¨ã—ã¦ã„ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã¨ World Wide Web (WWW) ã«ã¤ã„ã¦ã®ä¸€èˆ¬çš„ãªç†è§£ã€‚ HyperText Markup Language (HTML) ã«ã¤ã„ã¦ã®å®Ÿç”¨çš„ãªçŸ¥è˜ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çµŒé¨“ã€‚ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒåˆã‚ã¦ã®æ–¹ã¯ã€ JavaScript ã«ã¤ã„ã¦ã®ãƒ¡ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã«ã‚ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ãŠè©¦ã—ãã ã•ã„ã€‚ MDN ã«ã¯ä»¥ä¸‹ã® JavaScript é–¢é€£ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ã‚¦ã‚§ãƒ–é–‹ç™ºã‚’å¦ã¶ã§ã¯ã€åˆå¿ƒè€…ã«å‘ã‘ãŸæƒ…å ±ã‚’æä¾›ã—ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¨ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®åŸºæœ¬çš„ãªã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ JavaScript ã‚¬ã‚¤ãƒ‰ï¼ˆã“ã®ã‚¬ã‚¤ãƒ‰ï¼‰ã§ã¯ã€JavaScript è¨€èªžã¨ãã®å¯¾è±¡ã«é–¢ã™ã‚‹æ¦‚è¦ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ JavaScript ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¯ã€JavaScript ã®è©³ç´°ãªãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ç´ æã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚
akira1908jp 2023/11/24
javascript

è¨€èªž

ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

å…¥é–€
ãƒªãƒ³ã‚¯
TypeScriptå…¥é–€ã€Žã‚µãƒã‚¤ãƒãƒ«TypeScriptã€ã€œå®Ÿå‹™ã§ä½¿ã†ãªã‚‰æœ€ä½Žé™ã“ã“ã ã‘ã¯ãŠã•ãˆã¦ãŠããŸã„ã“ã¨ã€œ
æœ¬æ›¸ã€Žã‚µãƒã‚¤ãƒãƒ«TypeScriptã€ã¯å®Ÿå‹™ã§TypeScriptã‚’ä½¿ã†é–‹ç™ºè€…ã®ãŸã‚ã®å…¥é–€æ›¸ã§ã™ã€‚ãã—ã¦ã€ã“ã®ãƒšãƒ¼ã‚¸ã¯TypeScriptã®ç‰¹å¾´ã‚’æœ€é€Ÿã§æŠŠæ¡ã§ãã‚‹ã‚ˆã†ã€æ•°ç™¾ãƒšãƒ¼ã‚¸ã‹ã‚‰ãªã‚‹æœ¬æ›¸ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã¤ã¾ã¿é£Ÿã„ã—ãŸè¦ç´„ã§ã™ã€‚ Â» æœ¬æ›¸ã¤ã„ã¦è©³ã—ãçŸ¥ã‚‹ Â» ã¨ã«ã‹ãä»Šã™ãTypeScriptã‚’æ›¸ã„ã¦ã¿ãŸã„ TypeScriptã¨ã¯â€‹JavaScriptã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚»ãƒƒãƒˆã¨ãªã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€‚é™çš„åž‹ä»˜ã‘è¨€èªžã§ã‚ã‚Šã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®æ£ã—ã•ãŒé™çš„ã«æ¤œæŸ»ã§ãã‚‹ã€‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„IDEãªã©ã®é–‹ç™ºç’°å¢ƒãŒå……å®Ÿã—ã¦ãŠã‚Šã€å¤§ããªã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã‚’æŒã£ã¦ã„ã‚‹ã€‚MicrosoftãŒ2012å¹´ã«é–‹ç™ºã—ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§å…¬é–‹ã—ãŸã€‚Â» TypeScriptã®ç‰¹å¾´ã«ã¤ã„ã¦è©³ã—ãçŸ¥ã‚‹ Â» TypeScriptèª•ç”Ÿã®èƒŒæ™¯ã«ã¤ã„ã¦è©³ã—ãçŸ¥ã‚‹ TypeScriptã¯JavaScriptã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚»ãƒƒãƒˆâ€‹ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚»ãƒƒãƒˆã¨ã¯ã€å…ƒã®è¨€èªžã¨ã®
akira1908jp 2023/05/08
å¦ç¿’

è¨€èªž

é–‹ç™º

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

å…¥é–€
ãƒªãƒ³ã‚¯
JavaScriptå¦ç¿’ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ— - Qiita
JavaScriptè‹¦æ‰‹ãƒ»ãƒ»ã¨ã„ã†çŠ¶æ³ã‹ã‚‰JavaScriptå¥½ãã«ãªã‚Œã‚‹ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ—ï¼ˆå¤šåˆ†ï¼‰ å…¨ç·¨ã»ã¼å‹•ç”»ãªã®ã§ã€ã¨ã£ã¦ã‚‚è¦‹ã‚„ã™ã„ã€‚æŒ«æŠ˜ã—ã¥ã‚‰ã„ã€‚ å…¨ä½“çš„ãªæµã‚Œã¨ã—ã¦ã¯ã€å‹•ç”»è¦‹ã‚‹ â–¶ï¸Ž ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦å¦ç¿’ã®æµã‚Œã§ã™ å€‹äººçš„ã«å¥½ããªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ç³»Youtuberã®ãŠäºŒäººã®å‹•ç”»ãŒãƒ¡ã‚¤ãƒ³ã«ãªã‚Šã¾ã™ Yahoo!å‡ºèº«ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ã—ã¾ã¶ãƒ¼ã®ITå¤§å¦ã•ã‚“ Webä¸‡å±‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒãƒ£ãƒ³ãƒãƒ«ã•ã‚“ LEVEL â˜† JavaScriptã£ã¦ãªã«ï¼Ÿ ãã‚‚ãã‚‚JavaScriptã£ã¦ä½•ï¼Ÿãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã£ã¦ä½•ã—ã¦ã‚‹ã®ï¼Ÿã£ã¦ãƒ¬ãƒ™ãƒ«ã‚’è§£æ¶ˆ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰åŸºç¤Žç·¨ / ç´„40åˆ† LEVEL â˜… JavaScriptå…¥é–€ç·¨ JavaScriptã‚’ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹ãªã‚‰HTMLã‚’çŸ¥ã£ã¦ãŠã‹ãªã„ã‹ã‚“ by å¼Šç¤¾ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ HTMLã®åŸºç¤Žã‹ã‚‰ã€JavaScriptã®å…¨ä½“åƒã‚’å¦ç¿’ã§ãã¾ã™ã€‚ HTMLå…¥é–€ç·¨ / ç´„43åˆ† JavaScri
akira1908jp 2020/09/03
javascript

å¦ç¿’

å…¥é–€
ãƒªãƒ³ã‚¯
JavaScript Primer 2.0 - ECMAScript 2020ã«å¯¾å¿œã—ãŸå…¥é–€æ›¸ã‚’å…¬é–‹ã—ã¾ã—ãŸ
ECMAScript 2020ã®å¤‰æ›´ã«å¯¾å¿œã—ãŸJavaScriptã®å…¥é–€æ›¸ã¨ã—ã¦JavaScript Primer 2.0.0ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ JavaScript Primerã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‹ã‚‰é–²è¦§ã§ãã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆ: https://jsprimer.net/ ã‚µãƒžãƒªIssue: ECMAScript 2020ã®å¯¾å¿œ Â· Issue #1145 Â· asciidwango/js-primer å¤‰æ›´å†…å®¹ã®è©³ç´°ã¯ãƒªãƒªãƒ¼ã‚¹ãƒŽãƒ¼ãƒˆã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Release 2.0.0: ECMAScript 2020å¯¾å¿œ Â· asciidwango/js-primer 2.0.0ã®ç›®çš„ JavaScript Primerã¯ã€ç¶™ç¶šçš„ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã™ã‚‹ãŸã‚ã«OSSã¨ã—ã¦é–‹ç™ºã—ã¦ã„ã¾ã™ã€‚ ECMAScriptã®ä»•æ§˜ã¯å¹´ã«ä¸€åº¦ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚Œã¦ã„ã¦ã€ç¾å®Ÿã§ã®JavaScriptã®ä½¿ã‚ã‚Œæ–¹ã‚‚å¤‰åŒ–ã—ã¦ã„ã
akira1908jp 2020/09/01
javascript

ECMAScript

å…¥é–€

web
ãƒªãƒ³ã‚¯
ï¼‘ï¼åˆ†ã§åŸºç¤ŽãŒã‚ã‹ã‚‹Vue.js-å…¥é–€ - Qiita
ã¯ã˜ã‚ã« çš†ã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ï¼Webã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®è˜ã§ã™ï¼ ä»Šæ—¥ã¯Vue.jsã«ã¤ã„ã¦èªžã‚ŠãŸã„ã¨æ€ã„ã¾ã™ã€‚ æ˜”Webã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºæŠ€è¡“ãŒå§‹ã¾ã£ãŸæ™‚ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã¯PHPã‚„Rubyã‚’ä½¿ã„ç›´æŽ¥Oracleã‚„MySQLã®å†…éƒ¨ã®ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«SELECT,INSERT,UPDATE,DELETEã‚’å®Ÿè¡Œã—ã¦ãŸæ™‚ä»£ã§ã—ãŸã€‚ ãã‚ŒãŒä»Šã¯Saasã®æ™‚ä»£ã«ãªã‚Šã€å†…éƒ¨ãƒ‡ãƒ¼ã‚¿ã‚’ç›´æŽ¥å¼„ã‚‹ã ã‘ã§ã¯ãªãã€ ãƒ•ãƒãƒ³ãƒˆãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®åˆåŒ–ã€å¤–éƒ¨é€£æºã®æŸ”è»Ÿæ€§ãŒæ•´ã£ã¦ã‚‹ä¾¿åˆ©ãªREST APIãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆé–‹ç™ºãŒä¸»ã«ãªã‚Šã€ãƒ•ãƒãƒ³ãƒˆã§ã€Œã‚µã‚¤ãƒˆæ›´æ–°ã®é€Ÿåº¦ã€ã‚„ç›´æ„Ÿçš„ãªãƒªã€Œã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã®æ›´æ–°ã€ãŒã‚µã‚¤ãƒˆå“è³ªã«é–¢ã—ã¦ã‚‚ã¯ã‚„æ¬ ã‹ã›ãªã„ç‰©ã«ãªã‚Šã¾ã—ãŸã€‚ å‚è€ƒï¼šAPIãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã§é–‹ç™ºã™ã‚‹7ã¤ã®ãƒ¡ãƒªãƒƒãƒˆ ã‚„ã‚ŠãŸã„ã“ã¨ï¼šã€ã‚µã‚¤ãƒˆæ›´æ–°é€Ÿåº¦ã®å‘ä¸Šã€ç›´æ„Ÿçš„ãªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã®æ›´æ–°ã€‘ ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã¯ã‚µãƒ¼ãƒãƒ¼ã«å¯¾ã™ã‚‹ãƒªã‚¯ã‚¨ã‚¹ãƒˆã¯APIã§ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æ¸¡ã—ã€ ãƒ•ãƒ
akira1908jp 2020/08/26
é–‹ç™º

ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³

javascript

å…¥é–€
ãƒªãƒ³ã‚¯
ã¨ã»ã»ã®Vue.jså…¥é–€ - ã¨ã»ã»ã®WWWå…¥é–€
ã¯ã˜ã‚ã« Vue.js ã¨ã¯ Hello world! å®Ÿç”¨ä¾‹(ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ) Vue ã®åˆ©ç”¨æ–¹æ³• CDN ã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³• ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹æ–¹æ³• NPM ã‚’ä½¿ç”¨ã™ã‚‹æ–¹æ³• ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ– ãƒ†ã‚ã‚¹ãƒˆã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹(v-text) HTMLã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹(v-html) æ¡ä»¶ã«ã‚ˆã‚Šè¡¨ç¤ºã‚’åˆ¶å¾¡ã™ã‚‹(v-show) æ¡ä»¶ã«ã‚ˆã‚Šè¡¨ç¤ºã‚’åˆ¶å¾¡ã™ã‚‹(v-if) æ¡ä»¶ã«ã‚ˆã‚Šè¡¨ç¤ºã‚’åˆ¶å¾¡ã™ã‚‹(v-else) æ¡ä»¶ã«ã‚ˆã‚Šè¡¨ç¤ºã‚’åˆ¶å¾¡ã™ã‚‹(v-else-if) ãƒ«ãƒ¼ãƒ—ã™ã‚‹(v-for) ã‚¤ãƒ™ãƒ³ãƒˆã‚’å‡¦ç†ã™ã‚‹(v-on, @) HTMLã®å±žæ€§ã‚’æŒ‡å®šã™ã‚‹(v-bind, :) å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ¢ãƒ‡ãƒ«ã‚’å‰²ã‚Šå½“ã¦ã‚‹(v-model) ãƒ†ã‚ã‚¹ãƒˆã‚’ãã®ã¾ã¾å‡ºåŠ›ã™ã‚‹(v-pre) ç”»é¢è¡¨ç¤ºæ™‚ã« {{ ... }} ã‚’è¡¨ç¤ºã—ãªã„(v-cloak) ä¸€åº¦ã ã‘è¡¨ç¤ºã™ã‚‹(v-once) ã‚°ãƒãƒ¼ãƒãƒ«API ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ(Vue
akira1908jp 2020/08/25
vue.js

javascript

å…¥é–€
ãƒªãƒ³ã‚¯
ã¨ã»ã»ã®Reactå…¥é–€ - ã¨ã»ã»ã®WWWå…¥é–€
React ã¨ã¯ CDN ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆã¨å®Ÿè¡Œ ReactDOM.render() ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å®šç¾©ã™ã‚‹ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æ¸¡ã™ JSX ã®æ›¸ãæ–¹ ãƒªã‚¹ãƒˆã‚’è¡¨ç¤ºã™ã‚‹ ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã‚’å¤‰æ›´ã™ã‚‹ ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã§ãƒšãƒ¼ã‚¸ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ãƒ¦ãƒ¼ã‚¶ç®¡ç†ç”»é¢ã‚µãƒ³ãƒ—ãƒ« ãƒªãƒ³ã‚¯ React ã¨ã¯ SPA(Single-Page Application) ã‚’å®Ÿç¾ã™ã‚‹ JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä¸€ã¤ã§ã™ã€‚ Angular, Vue.js ã¨ã‚ˆãæ¯”è¼ƒã•ã‚Œã¾ã™ã€‚ Facebook ç¤¾ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã€Facebook ã® Web ã‚µã‚¤ãƒˆã§ã‚‚åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ 2020å¹´4æœˆç¾åœ¨ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ 16.13.1 ã§ã™ã€‚ MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€å•†ç”¨åˆ©ç”¨å¯èƒ½ã§ã™ã€‚ JavaScript ã®ä¸ã«ç›´æŽ¥ HTML/XML ã‚’è¨˜è¿°ã™ã‚‹ JSX ã¨ã„ã†æŠ€è¡“ã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ JavaScript
akira1908jp 2020/08/25
react

javascript

DOM

å…¥é–€
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰Vueã‚’å‹‰å¼·ã—ã‚ˆã†ã¨æ€ã£ã¦ã„ã‚‹äººã¸ã®é“ã—ã‚‹ã¹ï¼ˆå‹‰å¼·æ–¹æ³•ï¼‰ã‚’æ›¸ã - Qiita
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«èˆˆå‘³ãŒã‚ã£ã¦ã€Vueã‚’ã‚„ã£ã¦ã¿ãŸã„...!ã¨ã„ã†äººã€ãã£ã¨å¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ï¼ˆãã£ã¨ã€ãã£ã¨ãï¼‰ ãŸã ã€ã©ã†ã‚„ã£ã¦Vueã‚’å‹‰å¼·ã—å§‹ã‚ã‚Œã°ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã€ã¨ã„ã†äººã‚‚ã¾ãŸå¤šã„ã¯ãšã€‚Javascriptè‡ªä½“ã‚ã‚“ã¾ã‚Šè§¦ã£ãŸã“ã¨ãªã„ã—...ã£ã¦äººã‚‚ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ã“ã‚Œã‹ã‚‰Vueã‚’æ–°ãŸã«å‹‰å¼·ã™ã‚‹äººå‘ã‘ã«ã€ä½•ã‚’ã€ã©ã®é †ç•ªã§å‹‰å¼·ã™ã‚Œã°ã„ã„ã®ã‹ã®é“ã—ã‚‹ã¹çš„ãªã‚‚ã®ã‚’æ›¸ã„ã¦ã„ãã¾ã™ã€‚ å¯¾è±¡èªè€…ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ ãƒ»Rubyã‚„PHPã¯ã‚ˆãæ›¸ãã‘ã©ã€Javascriptã‚ã‚“ã¾ã‚ˆãã‚ã‹ã‚‰ãªã„ ãƒ»jQueryãƒãƒ§ãƒƒãƒˆæ›¸ã‘ã‚‹ ãœã²å‚è€ƒã«ã—ã¦ã‚‚ã‚‰ãˆã‚‹ã¨å¹¸ã„ã§ã™ã€‚ â€»ã‚‚ã¡ã‚ã‚“ã€ä»¥ä¸‹ã«æ›¸ãæ–¹æ³•ãŒæœ€è‰¯ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ã®ã§ã€å‚è€ƒç¨‹åº¦ã«è€ƒãˆã¦ãã ã•ã„ãã€‚ ES6ã®è¨˜æ³•ã‚’çŸ¥ã‚‹ PHPã‚„Rubyã‚’æ›¸ã‘ã‚‹ãªã‚‰ã€Javascriptè‡ªä½“ã®å‹‰å¼·ã¯ãã‚“ãªã«å¤§å¤‰ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ä¸€éƒ¨ã®ç‹¬ç‰¹ã®æŒ™å‹•ã‚’é™¤ã‘ã°ã€ã™ã‚“ãªã‚Šç†è§£ã§ã
akira1908jp 2019/07/08
å¦ç¿’

ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ

javascript

å…¥é–€

vue.js
ãƒªãƒ³ã‚¯
æ£çœŸæ£éŠ˜ã®Reactã ã‘ã®ä¸ç´”ç‰©ãªã—ã§Reactå…¥é–€
Reactã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã‚ˆãã€‚ã©ã‚Œã‚‚è³ªãŒé«˜ãã€ã©ã“ã‹ã‚‰æ‰‹ã‚’ã¤ã‘ã‚Œã°ã„ã„ã‹ã‚ã‹ã‚‰ãªããªã£ã¡ã‚ƒã„ã¾ã™ã€‚ ã§ã™ãŒã‚„ã¯ã‚Šå··ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«ã¯é¢å€’ãªå•é¡Œã‚‚ã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯é¢å€’ã”ã¨ã‚’å…¨éƒ¨ã™ã£é£›ã°ã—ã¦Reactã§ã®ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªä½œã‚Šã«å…¥é–€ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ Reactã‚’å§‹ã‚ã‚‹ã«ã¯ã€ã¾ãšã‚ã‚Œã¨ã“ã‚Œã¨ãã‚Œã¨ã©ã‚Œã¨â€¦â€¦ Reactã‚„ã‚‹ã«ã¯ã€ã¾ãšNode.jså…¥ã‚Œã¦babelå…¥ã‚Œã¦reactå…¥ã‚Œã¦react-routerå…¥ã‚Œã¦ã€ã¤ã„ã§ã«reduxå…¥ã‚Œã¦react-reduxå…¥ã‚Œã¦ã€redux-sagaå…¥ã‚Œã¦â€¦â€¦ Reactã‚ã‚“ã©ãã›ãˆï¼ï¼ï¼ã£ã¦ã®ãŒæ£ç›´ãªã¨ã“ã‚ã ã¨æ€ã„ã¾ã™ã€‚ã¯ã„ã€ç§ã‚‚ãã†æ€ã„ã¾ã™ã€‚ãŸã ã€ã¾ã‚ã€è‰²ã€…å¿…è¦ãªã®ã‚‚äº‹å®Ÿãªã®ã§â€¦â€¦ã€‚ ãã‚Œã§ã‚‚ã‚„ã£ã±ã‚Šã€ŒReactã‚„ã‚‹ãªã‚‰Reactã ã‘ã‚„ã‚ŠãŸã„ã€‚ä»–ã¯ã©ã†ã§ã‚‚ã„ã„ã€ã¨ã„ã†æ°—æŒã¡ã¯ç°¡å˜ã«æ¨ã¦ã‚‰ã‚Œã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãã“ã§ä»Šå›žã¯ãã†ã„ã†é¢å€’å…¨éƒ¨
akira1908jp 2019/02/20
react

é–¢æ•°

javascript

å…¥é–€

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ES2015ä»¥é™ã®æ–°ã—ã„æ©Ÿèƒ½ã‚’çŸ¥ã‚ŠãŸã„JavaScripté–‹ç™ºè€…ã¸ ã€Žå…¥é–€JavaScriptãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ç™ºå£²
ã€Žå…¥é–€JavaScriptãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ã¯ã€ES2015ä»¥é™ã«å°Žå…¥ã•ã‚ŒãŸæ–°ã—ã„æ©Ÿèƒ½ã‚’å¦ã¼ã†ã¨ã—ã¦ã„ã‚‹JavaScript ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®è§£èª¬æ›¸ã§ã™ã€‚ æ—¢ã«JavaScriptã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒè¡Œãˆã‚‹æ–¹ãŒå¯¾è±¡ã§ã™ãŒã€æ–°ã—ã„æ©Ÿèƒ½ã‚’ç”¨ã„ã¦ã‚ˆã‚ŠåŠ¹çŽ‡çš„ã«é–‹ç™ºã—ãŸã„æ–¹ã«ã¯ç‰¹ã«å½¹ç«‹ã¤1å†Šã€‚ç„¡é§„ãªãå¿…è¦ãªé …ç›®ã ã‘ã«çµžã£ã¦è§£èª¬ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã®ã‚ˆã†ã«æ´»ç”¨ã§ãã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ æœ¬æ›¸ã®æ§‹æˆï¼ˆæŠœç²‹ï¼‰ æœ¬æ›¸ã¯è¤‡æ•°ã®ãƒ¦ãƒ‹ãƒƒãƒˆã«ã‚ã‹ã‚Œã¦ã„ã‚‹ã€‚å„ãƒ¦ãƒ‹ãƒƒãƒˆã§ã¯ã€é–¢æ•°ã‚„éžåŒæœŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¨ã„ã£ãŸç‰¹å®šã®ãƒ†ãƒ¼ãƒžã‚’å–ã‚Šä¸Šã’ã‚‹ã€‚å„ãƒ¦ãƒ‹ãƒƒãƒˆã¯ç‰¹å®šã®ãƒˆãƒ”ãƒƒã‚¯ã‚’æ‰±ã†ãƒ¬ãƒƒã‚¹ãƒ³ã«ã‚ã‹ã‚Œã¦ãŠã‚Šã€å„ãƒ¬ãƒƒã‚¹ãƒ³ã¯ã‚¦ã‚©ãƒ¼ãƒŸãƒ³ã‚°ã‚¢ãƒƒãƒ—ã§å§‹ã¾ã‚‹ã€‚ã‚¦ã‚©ãƒ¼ãƒŸãƒ³ã‚°ã‚¢ãƒƒãƒ—ã¯ã€ãã®ãƒ¬ãƒƒã‚¹ãƒ³ã‚’å§‹ã‚ã‚‹å‰ã«ã‚®ã‚¢ã‚’å…¥ã‚Œã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦è¨è¨ˆã•ã‚Œã¦ã„ã‚‹ã€‚ å„ãƒ¬ãƒƒã‚¹ãƒ³ã«ã¯ã€æ¬¡ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã¸ç§»å‹•ã™ã‚‹å‰ã«ãã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ä¸å¿ƒçš„ãªæ¦‚å¿µã‚’ç†è§£ã§ããŸã‹ã©ã†ã‹ã‚’ç¢º
akira1908jp 2019/02/07
javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ã‚³ãƒ¼ãƒ‰

å…¥é–€
ãƒªãƒ³ã‚¯
1