ããã¯ãšã³ãéçºè
ãç¥ã£ãŠããã¹ãFEã
ãæ¬ç©ã®ã³ã¢ãã ãæ©ãã³ãã¯ã³ãã¯ãç¥ããããŸãïŒ
åå¿è
ã®ããã¯ãšã³ãéçºè
ã«æ³šç®ïŒ
ãããããããããªæ©ãã§ããŸããïŒ
ð€
ããã¯ãšã³ãéçºè
ãªã®ã«ããããŠããã³ããšã³ããç¥ãã¹ããïŒé¢é£ããåºç€ç¥èã¯ãŸã£ãããããŸãã...
ð¥
APIã¯ããŸãäœã£ãŠããŸããããã€ããã®APIã䜿çšããããã³ããšã³ãã³ãŒãã¯ã©ã®ããã«æžãã®ãããããŸããã
ð€š
ããã¯ãšã³ãéçºè
å°±è·æºåäžã§ãããå®å
šã«åäœããWebãµãŒãã¹ãäœã£ãŠã¿ãã¹ãã ãšæããŸãã
ã ããããã®è¬çŸ©ã§ã¯ïŒ
- â
ããã¯ãšã³ãéçºè
ãéåžžã«è¿
éã«ããã³ããšã³ãéçºã«å
¥éã§ããããã«è¬çŸ©ãæ§æããŸããã
- â
å¿
èŠãªã¬ãã«ã®æ©èœã®å®è£
ã ããçŽ æ©ãè¡ãããšãã§ããããã«ããã³ããšã³ããåŠç¿ããŸãã
ç°¡åãªFEã³ãŒãã ããæžãããšãç¥ã£ãŠããŠã
å°±è·ããã£ãªã¢ã«åœ¹ç«ã¡ãŸãïŒ
é·ãæéããã¯ãšã³ãéçºè
ãšããŠå°±è·ããããšããæ¹ã
ãæå°ããŠèŠå®ã£ãŠã¿ããšãå€ãã®æ¹ã
ãããã³ããšã³ãã«å
¥éãã«ãããšæããããåªå
é äœãäœããšæãããããã§ãããããããããŒããã©ãªãªãšããŠAPIãµãŒãã¹ãäœæããããšãšãããã¯ãšã³ããšããã³ããšã³ããçµåããã1ã€ã®ãWebãµãŒãã¹ããäœæããããšã¯æ¬åœã«å€§ããªéãããããŸãã
1ïžâ£
ç§ãäœæããAPIãµãŒããŒãæžãFEã³ãŒããæžããŠã1ã€ã®å®å
šãªWebãµãŒãã¹ãäœæããããšãã§ããŸãã
2ïžâ£
ã¯ã©ã€ã¢ã³ãäžå¿ã®APIèšèšã«ãããããã¯ãšã³ãã®éçºãããè¯ãããããšãã§ããŸãã
3ïžâ£
ããã³ããšã³ãéçºè
ãšãããããç·å¯ã«ã³ã©ãã¬ãŒã·ã§ã³ã§ããããã«ãªããŸãã
4ïžâ£
å
¥ç€ŸåŸã«ç€Ÿå
ã·ã¹ãã ãéçºãããšãã¯ãããã¯ãšã³ã/ããã³ããšã³ããåæã«é«éã§éçºã§ããŸãã
ããã³ããšã³ããžã®ã¢ã¯ã»ã¹ã容æã«ããããã«ãããã¯ãšã³ãã®éçºè
ãšããŠå°±è·ãŸãã¯è»¢è·ãæºåããæ¹ãããé
åçã§é
åçãªããŒããã©ãªãªãäœæã§ããããã«ãªããšããèãã§ä»åã®è¬çŸ©ãäŒç»ããŸããã
ããªãã®APIéçºèœåã«ããã³ããšã³ããå ããäžã€ã®WebãµãŒãã¹ãäœããçµéšããå±ãããŸãïŒ
ãã®è¬çŸ©ã ã
ç¹åŸŽãèŠãŠãã ããã
01
ããæ°ãOK
ã¬ãã¹ã³ãå§ããåã«ãããã¯ãšã³ãéçºè
ãããã³ããšã³ããç¥ã£ãŠããã®ãè¯ãçç±ã説æããŸãã
02
ã³ã¢ã ãç°¡æœã«
ããã³ããšã³ãã®éçºã«å¿
èŠãªäžæ žçãªå
容ã ããæ±ããäžèŠãªå
å®¹ã¯æãåã£ãŠåãé€ããŸããã
03
å®åèŠç¹å
容
çµéšããã¯ãããç¥ã£ãããã³ããšã³ãéçºã§æ³šæãã¹ããã€ã³ããè¬çŸ©ã«æº¶ãããŸããã (ãšã³ã³ãŒãã£ã³ã°èšå®ãªã©)
04
åå¿è
ã®ç®ã®é«ãã«ãŽã£ãã
çè«ãšå®ç¿ã®æ¯éã¯4ïŒ6çšåºŠã§ããããã³ããšã³ãããŸã£ãããã£ãŠã¿ãªãã£ããããã£ãŠã¿ããæã£ãéãUIãäœããªãFEå
¥éïœåå¿è
ã®æ¹ã
ãå¯Ÿè±¡ã«æ§æããŸããã
詳ããç¥ããŸããããïŒ
ãããã¯ãšã³ãéçºè
ããããŠããã³ããšã³ããç¥ããªããã°ãªããªãã®ãïŒããšããèããããã¯ãšã³ãå°±è·æºåãããŠããæ¹ãããããããããã ãšæããŸãããããããç§ã¯ããã¯ãšã³ãéçºè
ãããã³ããšã³ããå°ããããšæãã®ããããããã¯ãšã³ãéçºã«åœ¹ç«ã€ãšæããŸãã
ãããã£ãŠããã®ãããªèããããçããã«ãããã¯ãšã³ãéçºè
ããªãããã³ããšã³ããç¥ãå¿
èŠãããã®ãããã®çç±ã説æããŸãã
ããã¯ãšã³ãéçºè
ãããã³ããšã³ããäœæããããšãããšãã¯ãThymeleafã®ãããªãã³ãã¬ãŒããšã³ãžã³ã䜿ãã®ãããããšãå¥ã®æ¹æ³ã䜿ãã®ããå¿é
ããŸããåæ¹åŒã®éããšæšèŠããæ¹æ³ã«ã€ããŠèª¬æããŸãã
éçºè
ããŒã«ã¯ããã³ããšã³ãéçºè
ã®å°æç©ã ãšæããŸããïŒããã³ããšã³ãéçºè
ã ãã§ãªããããã¯ãšã³ãéçºè
ã«ãå¿
èŠãªéçºè
ããŒã«ã䜿çšããæ¹æ³ã«ã€ããŠèª¬æããŸãã
UIèšå®ã«äžå¯æ¬ ãªHTMLã®åºæ¬ç¥èãšãã䜿ãããã¿ã°ã«ã€ããŠèª¬æããŸãããã¹ãŠã®ã¿ã°ã調ã¹ãããã§ã¯ãããŸãããããã䜿ãããã¿ã°ãç¥ã£ãããæ€çŽ¢ãéããŠã»ãšãã©ã®UIãçŽæ¥å®è£
ããŠã¿ãããšãã§ããã§ãããã
JavaïŒJavaïŒææ³ãšæ¯èŒããŠãJavaScriptïŒJavaScriptïŒãã©ã®ãããªéããæã£ãŠããããåºæºã«ã JavaScriptææ³ããã°ããç¿åŸã§ããããã«æ§æããŸããã
UIãèŠãããããããã«å¿
èŠãªCSSã®åºæ¬ã«ã€ããŠèª¬æããŸãããŸããCSSãšJavaScriptãä»ããŠHTMLèŠçŽ ãå¶åŸ¡ããããã«å¿
èŠãªã»ã¬ã¯ã¿ææ³ã®äžã§ãã䜿çšãããã»ã¬ã¯ã¿ææ³ãæããŠãããŸãã
ç§ãå¿
èŠã ãšæãUIãäœã§ããã®UIãé©çšããã«ã¯ã©ã®ããã«æ€çŽ¢ããå¿
èŠããããæ€çŽ¢ããŠåºãCSSããããã£ãéçºè
ããŒã«ã«ãã¹ãããŠãããœãŒã¹ã³ãŒãã«åæ ããããã»ã¹ãã®ãã®ã«ã€ããŠãç¥ããããŸãããã®éçšã§é²ãã°ãæåã«é©çšããŠã¿ãUIããããã£ãèŠã€ããŠé©çšã§ããã¯ãã§ãã
ãã£ãšããããUIã¯æåããèªåã§äœãã®ã¯é£ããã§ããããïŒåºã䜿çšãããŠããããã³ããšã³ããã¬ãŒã ã¯ãŒã¯ã§ããããŒãã¹ãã©ããïŒBootstrapïŒã掻çšããŠUIãé£Ÿãæ¹æ³ãåŠã³ãŸãã
ChatGPTãç»å ŽããåŸãããã³ããšã³ãã®éçºã容æã«ãªããŸããïŒå®åã§ãäœæããŠããå
容ã ãã«ãããã³ããšã³ããåããŠæ±ãæ¹ãChatGPTãæŽ»çšããã°ãããç°¡åã«UIãéçºã§ããã¯ãã§ãã
ãã¡ãããããã³ããšã³ãã«é¢ããåºç€ç¥èããªããã°ChatGPTãæŽ»çšã§ããŸããããã³ããšã³ãã®åºç€ç¥èã¯ããã®ã¬ãã¹ã³ã§ãç¥ããããŸãããããŠãããã³ããšã³ãã®åºç€ç¥èãåºã«ããç¶æ
ã§ãChatGPTãæŽ»çšããŠç°¡åãã€è¿
éã«ããã³ããšã³ãã³ãŒããæžããŠã¿ãŠãã ããã
Fooãã®è¬çŸ©ãäœã£ã人
è¿å¹ŽãããŒããã£ã³ããªã©ãéããŠããã¯ãšã³ãéçºè
ãšããŠå°±è·æºåãããŠããæ¹ããããã¯ãšã³ãéçºã®ã¿ã«å°å¿µããŠãããããã³ããšã³ãã¯åäžèŠããããã ãšæããŸããããã¡ãããããã¯ãšã³ãéçºè
ãå¿æããŠããã®ã§ãåœç¶ããã¯ãšã³ããããéèŠã§ãããã
ããããç§ã¯ããã¯ãšã³ãéçºè
ã§ãæå°éã®ããã³ããšã³ãéçºãã§ããã¯ãã ãšæããŸããè¬çŸ©ã§ã話ããŠããŸãããããã¯ãšã³ãéçºè
ãããã³ããšã³ããããããšãç¥ã£ãŠããã°ãããã€ãã®å©ç¹ãããããã§ãã
ãããã£ãŠãç§ã¯ãã®ã¬ãã¹ã³ãéããŠããŸã ããã³ããšã³ãããŸã£ããç¥ããªãããã¯ãšã³ãéçºè
ãããã¯ãšã³ãéçºã«å¿
èŠãªç°¡åãªããã³ããšã³ããããã°ãããåŠç¿ã§ããããã«ããããšæããŸãããã®è¬çŸ©ãããã¯ãšã³ãéçºè
ã®å°±è·ãæ¥åã«åœ¹ç«ã€åçŽãªã¬ãã«ã®ããã³ããšã³ãéçºèœåãç¿åŸããã®ã«åœ¹ç«ã€ããšãé¡ã£ãŠããŸãã ð
Q&A ð¬
Q. ãªãããã¯ãšã³ãéçºè
ã¯ããã³ããšã³ããåŠã¶ã¹ãã§ããïŒ
䞻芳çãªå
容ãå«ãŸããŠããŸãããããã€ãã®çç±ããããŸãããŸãããã¹ãŠã®ããã¯ãšã³ãéçºè
ãããã³ããšã³ãéçºè
ãšåãããã§ã¯ãããŸããã第äºã«ãUIãéçºããªããã°ããŠãŒã¶ãŒãã©ã®ãããªåœ¢ã§ãµãŒãã¹ã䜿çšããŠããã®ããç¥ãããšãã§ããŸãã第äžã«ãå°±è·æºåçã®å Žåãããã³ããšã³ããããããšãç¥ã£ãŠããããšããããŒããã©ãªãªæºå次å
ã§ã颿¥ã§ãæå©ã§ãã第åã«ãããã³ããšã³ãã«ããããšãç¥ã£ãŠãããšãäžäººã§åã§äžã€ã®WebãµãŒãã¹ãäœãããšãã§ããŸãã第äºã«ãããã¯ãšã³ããšããã³ããšã³ããéåä¿¡ããããŒã¿ããããåäœãªã©ãèŠãªãããHTTPãããããçè§£ã§ããããã«ãªããŸãã
ã«ãªãã¥ã©ã ååã®ãããã¯ãšã³ãéçºè
ãããã³ããšã³ããç¥ãã°è¯ãçç±ãææ¥ããã¬ãã¥ãŒã§å
¬éããŠãããŸããããã®å
容ãåèã«ãããšããã詳ãã説æããŠããŸãã
Q. ããã³ããšã³ãã«ã€ããŠã©ã®çšåºŠã¬ãã«ãŸã§æ±ããŸããïŒ
ã«ãªãã¥ã©ã ã«ç€ºãããŠããããã«ãHTMLãJavaScriptãCSSã®ãã¡å¿
èŠãªãã®ã ãããã°ããç°¡åã«ææ¡ããç°¡åãªAPIãããžã§ã¯ãã®UIãéçºããŠã¿ãŸããéçºã«å¿
èŠãªã¬ãã«ã«ã€ããŠæ±ã£ãŠããŸããããã®å
容ãå¹
åºãæ±ã£ãŠããããã§ã¯ãããŸãããããããæ žãšãªãåçã¯åãäžããŠããã®ã§ãäžäººã§ã远å ã®åŠç¿ãè¡ããèªåãäœã£ãAPIãããžã§ã¯ãã®UIãäœãããšãã§ããã§ãããã
Q. ã©ã®çšåºŠã¬ãã«ã®åŠç¿è
ãèããè¬çŸ©ã§ããïŒ
ããã¯ãšã³ãAPIãµãŒããŒãäžåºŠã§ãäœæããçµéšãããã¯ãã§ãã Javaã«åºã¥ããŠèª¬æããŠããŸãããJSONã䜿çšããAPIãµãŒããŒãéçºããçµéšããã£ãŠããããã³ããšã³ãã®éçºãåŠã¶ã®ã«åœ¹ç«ã¡ãŸãã
ð¢åè¬åã«ç¢ºèªããŠãã ãã
- Windows 10ãIntellij Community 2023.2ãGoogle Chrome ç°å¢ã«åºã¥ããŠç·Žç¿ãè¡ããŸãã
- ãµã³ãã«ã³ãŒãã¯FitHubã§ç¢ºèªã§ããŸãã
- ãªãã¹ãããã¯ãšã³ãAPIãµãŒããŒãäœæããçµéšãããæ¹ã«é©ããè¬çŸ©ã§ãã
- åè¬äžã«è³ªåãããå Žåã¯ã質åãæ®ããŠãã ãããæŽæ°ããå¿
èŠãããå Žåã¯ãæŽæ°ããŸãã
- è¬çŸ©ã«äœ¿çšãããäŸãšå
容ã®ããã€ãã¯ãç§ãå·çãã2023幎äžåæã«åºçããããã¯ãšã³ãéçºå
¥éæžã«å«ãŸããŠãããæ¬è¬çŸ©ã¯æ¬ã®å
容ã§ããæ¡åŒµãããå
å®¹ãæ±ããŸãã