â äžæ¢â JavaScriptã§åŠã¶ãããã°ã©ãã³ã°å ¥éäžžäžæ¥ã³ãŒã¹4æ4æ¥(å) @Doorkeeper
åºæ¬æ å ±
- æ¥æ
- ã
- éå¬åœ¢åŒ
- çŸå°éå¬
- äŒå Ž
- æŠèµéåå·¥äŒé€š
ã€ãã³ãå 容
â â â â â â â â â â â â
äŒå Žã䜿ããªããªã£ãããäžæ¢ããŸããæªãããããäºæ¿ãã ããã
åè¬æã¯ãè¿éããããŸãã
â â â â â â â â â â â â
äžžäžæ¥ã䜿ã£ãŠãããã°ã©ãã³ã°ãšã¯äœããäœæãJavaScriptã®åºæ¬ãåŠã³ãªãããããã°ã©ãã³ã°æè¡ã®ç¿åŸã«å¿ èŠãªãæèŠãã身ã«ã€ããŸãã
ãHTMLãCSSã¯ããçšåºŠäœ¿ããããã«ãªã£ãã®ã§ãããã°ã©ãã³ã°ããã£ãŠã¿ããããšæã£ãŠããã£ãããæ¹ããéçºè ãšããå°ãçªã£èŸŒãã 話ããããããšæããŠããã£ããããããŒãžã£ãŒããã£ã¬ã¯ã¿ãŒã®æ¹ããã³ã³ãã¥ãŒã¿é¢é£ã®ç¿»èš³ãããŠããïŒããããšæã£ãŠããïŒã®ã§ãããã°ã©ãã³ã°ã«ã€ããŠç¥ã£ãŠããããããšæã£ãŠããã£ãããæ¹ãªã©ãäžžäžæ¥ã®ã¬ãã¹ã³ã§JavaScriptãšã¯ã©ã®ãããªãã®ããç¥ãããã®åºæ¬ã身ã«ã€ããŸãããã
çç³»ã®æ¹ã¯ãã¡ãããæç³»ã®æ¹ã«ãããããããããã«ã身è¿ãªäŸãåãäžããŠãŠãããã«ã説æããŸããå®ç¿ã®æéããããå®éã«åãããã°ã©ã ã®äœæã«ãã£ã¬ã³ãžããŠããã ããŸãã
JavaScriptã®æ¯èŒçæ°ããæšæºãES2015ïŒES6ïŒãã«å¯Ÿå¿ããå 容ã§ãã以åã®JavaScriptãããã¯ããã«æžãããããªããŸããïŒ
ãã®è¬åº§ã«ç¶ãå®ç¿ç·šã«ããåå ããã ãããšã§ãJavaScriptã®åºç€ããã£ãããçè§£ããã ããŸãã
äžèšã®ããæ³šæãããèªã¿ã®äžããç³ã蟌ã¿ãã ããã
éå¬äºå®
é¢é£è¬åº§ã®ä»åŸã®éå¬äºå®ã¯ãã¡ããã芧ãã ããã
è¬åž«ç޹ä»
æŠèåºå¹žïŒããã ã²ãããïŒ
ããŒãªã³ã¢ãŒã ãºæ ªåŒäŒç€Ÿä»£è¡šåç· åœ¹ãæžç±ã®ç¿»èš³ãããã°ã©ãã³ã°ã翻蚳ã®è¬åº§ã®éå¶ãèŸæžãµã€ããèŸé人ïŒDictJuggler.netïŒãã翻蚳ãœããã®éçºãè¡ã£ãŠããããã¯ãããŠã®JavaScriptããã€ã³ã¿ãã§ãŒã¹ãã¶ã€ã³ã®å¿çåŠããªã©æ°ååã®èš³æžããããæ å ±åŠçæ¯èæ©æ§ïŒIPAïŒã®ãæªèžãœãããŠã§ã¢åµé äºæ¥ãã«2幎é£ç¶ããŠæ¡æã
髿 ¡æä»£ã«çç³»ãæç³»ãè¿·ã£ãæ«ã«åœéåºç£æå€§åŠïŒICUïŒèªåŠç§ã«å ¥åŠããããäžè¬æé€ã®ææ¥ããã£ããã«å°æ»ãæ°åŠã«å€ããã5幎次ã«å±¥ä¿®ããããã°ã©ãã³ã°ã«å¿ã奪ããã山梚倧åŠå€§åŠé¢ã§ãœãããŠã§ã¢å·¥åŠãå°æ»ãä¿®äºåŸå ¥ã£ãäŒç€Ÿã§åºäŒã£ã翻蚳ãœããã®éçºã¯ã倩è·ããšæã£ããã倧åŠã§ç ç©¶ããããªãæ±äº¬å·¥æ¥å€§åŠå€§åŠé¢å士課çšå ¥åŠãç±³åœãªãã€ãªå·ç«å€§ãã«ãŒãã®ãŒã¡ãã³å€§ã«çåŠåŸã倧åŠã«æ®ãããšã¯é ããæ¶ããå士課çšãæºæéåŠåŸãäŒç€Ÿèšç«ã
è °çã«é·å¹Žæ©ãŸãããã®ããã£ããã«æ±æŽå»åŠã«èå³ããã¡ãæ°ååž«ã®å ç¶ãæã€ã
å人ãŠã§ãããŒãžã¯ãã¡ãã
åœæ¥ã®æµããšã¿ã€ã ã¹ã±ãžã¥ãŒã«
äŸé¡ãèŠãªãããïŒéšæ§æã§JavaScriptããã°ã©ãã³ã°ã®åºæ¬ã解説ããŸãã
Part 1ãããã°ã©ãã³ã°ã®åºæ¬æŠå¿µ
Part 2ããªããžã§ã¯ãæåãšJavaScript
Part 3ããã©ãŠã¶ãªããžã§ã¯ããã€ãã³ãåŠç
åèšã§1æé匷ã®å®ç¿ãšãæ°åã®äŒæ©ïŒæããã®è¬åº§ã®å Žåã¯ãæŒäŒã¿ãå«ãïŒãã¯ãããŸãã
æ°åã®èª²é¡ãè§£ããªãããJavaScriptããã°ã©ãã³ã°ã®åºæ¬ã身ã«ã€ããŠããã ããŸãããããã®èª²é¡ã«ã€ããŠããæ¬¡ã®æµãã§èª¬æãé²ããŸãã
- ãã®èª²é¡ãè§£ãããã«å¿ èŠãªåºç€ç¥èïŒæŠå¿µïŒã説æããŸã
- å ·äœçãªè§£æ³ïŒã¢ã«ãŽãªãºã ãšãœãŒã¹ã³ãŒãïŒã説æããŸã
- å®éã«å®è¡ããŠåäœã確èªããŸã
ãåå ãã ãã
- JavaScriptïŒããã°ã©ãã³ã°ïŒã®åŠç¿ãå§ãããæ¹
- JavaScriptãjQueryãäœãšãªã䜿ã£ãŠããããã©ãåºç€ããã£ããçè§£ãããæ¹
- ãªããžã§ã¯ãæåã®åºç€çãªèãæ¹ãçè§£ãããæ¹
ãªããæ¬¡ã®ç¥èãåæãšãããŠããã ããŸãã
- HTMLãšCSSã®åºæ¬ ââ äž»èŠãªHTMLã¿ã°ïŒhead, body, p, div, img, span, brãªã©ïŒãšãCSSã®æŠèŠïŒè²ããã©ã³ããµã€ãºãç»åãªã©ã®å€§ããã®æå®æ¹æ³ïŒããåããªãã°å€§äžå€«ã§ãããªãããã¡ãã®ããŒãž ã§å¿ èŠãªäºæãã²ãšéãåŠãã§ããã ãããšãã§ããŸãã
- ããã¹ããšãã£ã¿ã䜿ã£ãŠHTMLãã¡ã€ã«ã®ç·šéãã§ããæ¹ã察象ã§ãïŒæ¥é ã䜿ãã§ãªãããœã³ã³ããæã¡ããã ãå Žåã¯ããã®ããœã³ã³ã§ã®HTMLãã¡ã€ã«ã®ç·šéã«æ £ããŠãããŠãã ããïŒãããã¹ããšãã£ã¿ã«ã€ããŠããã¡ãã®ããŒãž ã§åŠãã§ããã ãããšãã§ããŸãã
æ¬¡ã®æ¹ã¯å®ç¿ç·šïŒãã¡ãã®ããŒãžã«æ¥çšïŒããã®åè¬ãããããããããŸã
- PHPãJavaãC/C++ãPerlãªã©ã»ãã®ããã°ã©ãã³ã°èšèªïŒHTMLãCSSãå«ãŸããŸããïŒããåãã®æ¹ïŒã«ãŒããæ¡ä»¶åå²ã颿°ãé åãªã©ã®åºæ¬çãªæŠå¿µããããåãã§ã300è¡çšåºŠä»¥äžã®ããã°ã©ã ãæžããããšã®ããæ¹ïŒ
åè¬æã®èª¬æ
åå è²»ã«ã¯ã¬ãã¹ã³ä»£ãããã¹ã代ãå Žæä»£ãå«ãŸããŸãã亀éè²»ãšæŒé£ä»£ä»¥å€ã«è¿œå è²»çšã¯ãããŸããã
ããœã³ã³ããæåãã ããã
ãæ³šæ
çèšå ·ããã³ããœã³ã³ããæåãã ããã
- Google ChromeïŒããŒãžã§ã³56以éïŒãåäœããããœã³ã³ã§ããããããœã³ã³ã®æ©çš®ã¯åããŸããã
- æ¥é ã䜿ãã§ãªãããœã³ã³ããæã¡ããã ãå Žåã¯ããã®ããœã³ã³ã§ã®HTMLãã¡ã€ã«ã®ç·šéã«æ £ããŠãããŠãã ããã
次ã®ç¥èãåæãšãããŠããã ããŸãã
- HTMLãšCSSã®åºæ¬ ââ äž»èŠãªHTMLã¿ã°ïŒhead, body, p, div, img, span, brãªã©ïŒãšãCSSã®æŠèŠïŒè²ããã©ã³ããµã€ãºãç»åãªã©ã®å€§ããã®æå®æ¹æ³ïŒããåããªãã°å€§äžå€«ã§ãããªãããã¡ãã®ããŒãž ã§å¿ èŠãªäºæãã²ãšéãåŠãã§ããã ãããšãã§ããŸãã
PHPãJavaãC/C++ãPerlãªã©ã»ãã®ããã°ã©ãã³ã°èšèªïŒHTMLãCSSã¯å«ãŸããŸããïŒããåãã®æ¹ïŒã«ãŒããæ¡ä»¶åå²ã颿°ãé åãªã©ã®åºæ¬çãªæŠå¿µããããåãã§ã300è¡çšåºŠä»¥äžã®ããã°ã©ã ãæžããããšã®ããæ¹ïŒã¯å®ç¿ç·šïŒãã¡ãã®ããŒãžã«æ¥çšïŒããã®åè¬ãããããããããŸãã
ã§ããã ãå®ç¿ç·šãåè¬ãªãã£ãŠãã ãããæ°å€ãã®åé¡ãè§£ãããšã§ãããã°ã©ãã³ã°ãã©ã®ãããªãã®ããããããŠJavaScriptã®åºç€ãããæ·±ããçè§£ããã ããŸãã
äŒå Žãªã©ã«é¢ãã詳现ã¯ãåå è ã®æ¹ã«çŽæ¥ãé£çµ¡ããããŸããé ããšã忥ã®ååäžãŸã§ã«ã¯ãé£çµ¡ããŸãã®ã§ãäžãäžã忥ååŸã«ãªã£ãŠãäŒå Žã«é¢ããé£çµ¡ããªãå Žåã¯ããåãåãããã ããã
ä»ãµã€ãã§ãåéããŠãããŸããå šäœã§äºåæ°äººçšåºŠã®äºå®ã§ããä»ãµã€ãã§ã®äºçŽç¶æ³ã«ããåé人æ°ã倿Žã«ãªãå ŽåããããŸãã
é å蚌ã¯ãæ¯æå ã«ãè«æ±ãã ããããããåŒç€Ÿã®é åæžããåžæã®å Žåã¯ããç³ã蟌ã¿ã® åã« ãé£çµ¡ãã ããã
åè¬çã®å£°
ïŒ30ä»£ç·æ§ïŒå€åãäžçã§äžçªããããããããªããžã§ã¯ãæåã®èª¬æã ã£ããšæããã»ãã®æ¬ãšãã§ããã§ãå
šç¶ãã³ãšæ¥ãªãã£ããã©ãåããŠãªããžã§ã¯ãæåã®æå³ãããã£ãã
ïŒ20代女æ§ïŒããã°ã©ã ã¯æåã®ããŒãã«ãéåžžã«é«ãã€ã¡ãŒãžã§ãã仿¥1æ¥ã§Javascriptã®ãœãŒã¹ã³ãŒãã®æå³ãå
åã«çè§£ã§ããŸãããå®è£
ãšããŠæ¬åœã«åºæ¬ãæããŠé ããŸãããå®åã«äœ¿ããå
容ã°ããã§ãããæŒç¿åé¡ããããããã£ãŠããäœæã§ããŸãããããããªãäºã質åããããç°å¢ã§ãããå®ç¿ç·šãæ¯éåè¬ãããã§ãã
ïŒ40ä»£ç·æ§ïŒãŸããæéã®èгç¹ãããããšããšãŠãå®ããã³ã¹ãã¯çŽ æŽããããéåžžãªãã°ããã®4åãã5åã¯æéãããããšæãã
å
容ããšãŠãå
å®ããŠããŠãç³ãåãªããç¥ãããã£ããããžã§ã¯ãæåã®è©±ããç®ããé±ã®èœã¡ãæãã ã£ãã
ïŒ40代女æ§ïŒåå¿è ã§ããããåãããããå å®¹ã§æåã®1æ©ãèžã¿åºããŸãããåºç€ãã¿ã£ã¡ãããããŠããã ããŸããããã°ã©ãã³ã°åå¿è çšã«å®ç¿æéãããJavaScriptã§äœãåºæ¥ãã®ãïŒããéèŠèŠããŠããè¬åº§ã§ãç§ã®ãããªãäœããªããããã£ã±ãããããªããåå¿è ã«ã¯ãšãŠã楜ããå¿ãæããããšãªãååãã«åè¬ã§ããŸããïŒããå°ãç¥èã®æ·±æãããããã®ã§ãã®ããšã®ãå®ç¿ç·šããåè¬ããããŸãïŒ
ïŒç·æ§ïŒJavaScriptã§ãã¿ãããã€ãããªã©ãåå¿è ã§ãèå³ãæã€ããšãã§ããå 容ã§ããã£ãã§ããåž°ã£ãŠããã®åŸ©ç¿ã倧äºã ãšæããŸãã
泚æäºé
â» ãã¡ãã®ã€ãã³ãæ å ±ã¯ãå€éšãµã€ãããååŸããæ å ±ãæ²èŒããŠããŸãã
â» æ²èŒã¿ã€ãã³ã°ãæŽæ°é »åºŠã«ãã£ãŠã¯ãæ å ±æäŸå ããŒãžã®å 容ãšå·®ç°ãçºçããŸãã®ã§äºããäºæ¿ãã ããã
â» ææ°æ å ±ã®ç¢ºèªãåå ç³èŸŒæç¶ããã€ãã³ãã«é¢ãããåãåããçã¯æ å ±æäŸå ããŒãžã«ãŠãé¡ãããŸãã

ãåãåãã
é¢é£ããã€ãã³ã

CMSã§é¡§å®¢å¯Ÿå¿å¹çãæå€§åïŒïŒå±äººåã»ä»£çåºå¯Ÿå¿ã»CSè² è·ã軜æžããäŒå¡å¶ããŒã¿ã«ãµã€ã
2026/03/31(ç«) éå¬
ãåå¿è åããGASåºç€è¬åº§ïŒã¹ãã¬ããã·ãŒãæäœ2ïŒ
2026/04/20(æ) éå¬
ã¬ã¬ã·ãŒã³ãŒãã«å¹æçïŒããœãŒã¹ã³ãŒãæ§é è§£æããŒã« ãUnderstand ã玹ä»WEBã»ãããŒ
2026/04/10(é) éå¬
ãåå¿è åããGASã§åŠã¶Webã¢ã㪠- ã¹ãã¬ããã·ãŒããšWebããŒãžã®é£æº
2026/04/13(æ) éå¬- TOP
- ã€ãã³ã
- â äžæ¢â JavaScriptã§åŠã¶ãããã°ã©ãã³ã°å ¥éäžžäžæ¥ã³ãŒã¹4æ4æ¥(å) @Doorkeeper
