ã³ãŒãã£ã³ã°åºç€ãæã€æåŸã®ç« 03ã
æž©ããJavaScriptïŒ
Webç°å¢ã§å©çšå¯èœãªããã°ã©ãã³ã°èšèªãšããŠæã匷åãªJavaScriptã
åŠã°ãªãçç±ã¯ãªãã§ãããïŒ
[æž©ããJavaScript]ã¯ã§ãâš
ðð» JavaScriptã§ã³ãŒããæžããšãã¯ãã²ïŒç¥ã£ãŠããã¹ãé§ååçãšç¥èãäŒããŸãã
ðð»èªåã§äœããäœããåºç€ãåºããŸãããã
ðð» ããŸããŸãªãã¬ãŒã ã¯ãŒã¯ã©ã€ãã©ãªãååšããã ãã«ãããŸããŸãªæ¹åã«äŒžã³ãŠããããšãã§ããåºç€ãåºããŸãã
ðð»åçŽã«èŠããæ©èœã®è€éãªããžãã¯ãçŽæ¥çè§£ããéçºã®ããã®ã³ãŒãã£ã³ã°èœåãšã³ã³ãã¥ãŒã¿çæèèœåãçºéãããããšãã§ããŸãã
äœã§ãåããŠåŠç¿ãããšã
æ©ãçè§£ã䌎ãã¹ãã§ããð
Step 01.
åºç€ããå
¥å¿µã«ãã£ããïŒ

JavaScriptã¯ãããŸããŸãªæ¹åã«åºããèšèªã§ããã ãã«ãã³ãŒããèªç±ã«æžãããšãã§ãããšããç¹åŸŽãæã£ãŠããŸãããã®ãããããã«ãã®åºç€ãéèŠã§ãã
ãã®ã¬ãã¹ã³ã§ã¯ãJavascriptãåäœããåºæ¬çãªåçãã³ãŒãã®æžãæ¹ãªã©ããã®åºç€ãéç¹çã«åãäžããŠããŸãã宿ããåãåãåãã®ã§ã¯ãªããåãç¯ãæ¹æ³ãåŠã¶ã®ã§ãã
ãŸããChromeã®éçºè
ããŒã«ãdebuggerãvscodeã䜿ã£ãŠãèªåã§åãç¯ãããã«å¿
èŠãªããŒã«ãäžç·ã«ç¥ã£ãŠãããŸãã
Step 02.
ããŒã¿ãæ±ãæ¹æ³ãåŠã³ãŸãããã

D-day Counterãäœãããã«æ°åãæåãªã©ã®ããŒã¿ãæ±ãæ¹æ³ãéç¹çã«åŠç¿ããŸãããããŠã1ã€ã®æ©èœãäœæããããã®ããŒã«ã颿°ãå®çŸ©ããŠäœ¿çšããæ¹æ³ã«ã€ããŠåŠã³ãŸãã
ç§ãã¡ãèªåã§äœã£ãããŒã«ã§ãã颿°ãçµã¿ç«ãŠãŠD-day Counterã宿ãããããšã«ãªããŸãã
ç§ãã¡ã¯ãããŸããŸãªåé¡ã«çŽé¢ãã解決ã§ããæŠå¿µãåŠã³ãã³ãŒãã«é©çšããªãããçè«çã«èŠãæŠå¿µãå®éã«ã©ã®ããã«åäœããããç¥ãããšãã§ããããã«ãªããŸãã
Step 03.
JavaScriptã®é§ååçã調ã¹ãŠãçŽæ¥å©çšããŠãã ããã

Javascriptã§HTMLãæäœã§ããçç±ãåŠã³ãTodo listãäœãããã«Javascriptã®é§ååçãã³ã³ãã¥ãŒã¿ã®éä¿¡æ¹åŒãªã©æ§ã
ãªå®ç¿ãéããŠçŽæ¥åŠã³ãŸãã
ãããã®æŠå¿µãçµã¿åãããŠãopenWeatherMapãšGeolocationãªã©ãéããŠå€©æ°ããŒã¿ãåãåã£ãŠããå®ç¿ãäžç·ã«é²è¡ããŸããããã«ãããç§ãã¡ã®ç®ã«èŠããªãããŒã¿ã®éä¿¡ãã©ã®ããã«è¡ãããããçŽæ¥ç¢ºèªããããšãã§ããŸãã
ãã®åŸãéä¿¡ãéããŠåãåã£ãããŒã¿ãJavascriptã®é§ååçãå©çšããŠæŽ»çšããæ¹æ³ã«ã€ããŠåŠç¿ãããããçŽæ¥ã³ãŒãã«é©çšããŸãã
[æž©ããJavaScript]åè¬åŸ
ãã®ãããªå
¥éè
ã«ãªãããšãã§ããŸããðªð»
åŸ
ã£ãŠïŒåè¬åã«ã確èªãã ããã ð¢
ð¡æ¥èª²è¡šãäœã£ãŠå®æçã«çå®ã«åŠç¿ããããšããå§ãããŸãã
ð¡åŠç¿è³æãåãåãããã«ã³ã©ãã¬ãŒã·ã§ã³ããŒã«ãNotionãã¢ã«ãŠã³ããäœæããŠãã ããã
ð¡åè¬ã«å¿
èŠãªåŠç¿è³æã¯ããã·ã§ã³ïŒãªã³ã¯ïŒã§æäŸãããŸãã
â»åŠç¿è³æã®èäœæš©ã¯ã³ãŒããã£ã³ãã«ãããŸããäžæ£ççšã»é
åžã»è€è£œãçŠæ¢ããŸãã
質åããããŸããïŒ ð¬
Q. äœã®ç¥èããªãåè¬ããŠãããã§ããïŒ
A.ã¯ããæ¬è¬çŸ©ã¯ãããã°ã©ãã³ã°ãåããŠã®äººãèããé£æåºŠã§ããããHTMLãCSSãªã©ããããã£ããããåºç€ãç¯ããåŸã«åè¬ãããå Žåã¯ã[ã¹ã¿ãŒãã¯ããªãã£ã³ãïŒ] [匷åãªCSS]è¬çŸ©ããå§ãããŸãã
Q. å¥ã®ææããããŸããïŒ
A.ããã·ã§ã³ã§ãå±ããããè¬çŸ©è³æããæŽ»çšããŠãã ããïŒ
Q. è¬çŸ©åè¬åãã€ã³ã¹ããŒã«ãã¹ãããã°ã©ã ã¯ãããŸããïŒ
A.ã¯ãããã¯ãã ãã©ãŠã¶ããšãVSCodeãããããããã€ã³ã¹ããŒã«ããŠãã ããïŒä»ã®ããã°ã©ã ã¯è¬çŸ©ã§äžç·ã«ã€ã³ã¹ããŒã«ããŠã¿ãŸãããïŒ
ããŒã ã³ãŒããã£ã³ããã玹ä»ããŸãã ð