1. ããã³ããšã³ããšã³ãžãã¢ãšã¯
ããã§ã¯ãããã³ããšã³ããšã³ãžãã¢ã«ã€ããŠãå ·äœçãªå®çŸ©ããã®ä»äºå 容ããŸã圹å²ã«ã€ããŠçŽè§£ããŠãããŸãããã
1.1 ããã³ããšã³ããšã³ãžãã¢ã®å®çŸ©
ããã³ããšã³ããšã³ãžãã¢ãšã¯ããŠã§ããµã€ãããŠã§ãã¢ããªã±ãŒã·ã§ã³ã®ããŠãŒã¶ãŒã«èŠããéšåããèšèšãæ§ç¯ãïŒã¡ã³ããã³ã¹ãè¡ãå°éè·ã®ããšãæããŸããHTMLãCSSãJavaScriptãšãã£ãèšèªãçšããèŠèŠçã«é åçã§äœ¿ãããããŠã§ãçé¢ãäœãäžããŸãã
1.2 ããã³ããšã³ããšã³ãžãã¢ã®ä»äºå 容
ããã³ããšã³ããšã³ãžãã¢ã®äž»ãªä»äºã¯ããã¶ã€ããŒããæäŸããããã¶ã€ã³ãã¯ã€ã€ãŒãã¬ãŒã ãå ã«ãããã°ã©ãã³ã°ãçšããŠãŠã§ããµã€ãããŠã§ãã¢ããªã±ãŒã·ã§ã³ã®èŠãç®ã圢æããããšã§ããããã«ã¯ãã¬ã€ã¢ãŠãã®æ§ç¯ããã¿ã³ãã¹ã©ã€ããŒãªã©ã®ã€ã³ã¿ã©ã¯ãã£ããªèŠçŽ ã®é©çšããŠã§ããµã€ãã®ã¬ã¹ãã³ã·ããã¶ã€ã³ã®é©å¿ãªã©ãå«ãŸããŸãã
1.3 ããã³ããšã³ããšã³ãžãã¢ãæ ã圹å²
å ·äœçã«ããã³ããšã³ããšã³ãžãã¢ãæ ã圹å²ãšããŠã¯ããŸãããŠã§ããµã€ããã¢ããªã±ãŒã·ã§ã³ã®ãŠãŒã¶ãŒäœéš(UX)ãšãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹(UI)ã®èšèšãšå®è£ ããããŸãããããã®èŠçŽ ã¯ããŠãŒã¶ãŒããŠã§ããµã€ããã¢ããªã±ãŒã·ã§ã³ãšã©ãçžäºäœçšããšããã決å®ããéèŠãªèŠçŽ ã§ãã
ãŸããããã³ããšã³ããšã³ãžãã¢ã¯ãããã¯ãšã³ããšã³ãžãã¢ãšå¯ã«é£æºããããã¯ãšã³ãã®ããŒã¿ãšããã³ããšã³ãã®è¡šç€ºããªã³ã¯ããã圹å²ãæãããŸãããã®åœ¹å²ãæããããã«ããã³ããšã³ããšã³ãžãã¢ã¯APIãšããããŒã«ã䜿çšããŸãã
ããã«ãããã³ããšã³ããšã³ãžãã¢ã¯ããŠã§ããµã€ããã¢ããªã±ãŒã·ã§ã³ã®ããã©ãŒãã³ã¹ã®æé©åãªã©ãæè¡çãªåé¡ã®è§£æ±ºãè¿ éã«è¡ãããã®ç¥èãæã£ãŠããå¿ èŠããããŸãã
ãããã®åœ¹å²ãéããŠãããã³ããšã³ããšã³ãžãã¢ã¯ãŠãŒã¶ãŒããŠã§ããµã€ããã¢ããªã±ãŒã·ã§ã³ãšåæ»ã«ããåãã§ããããã«ãããããã䜿ã楜ãããæäŸããŠããŸãã
2. ããã³ããšã³ããšã³ãžãã¢ã«å¿ èŠãªã¹ãã«
ããã³ããšã³ããšã³ãžãã¢ãšããŠæåããããã«ã¯ãããŸããŸãªã¹ãã«ã身ã«ã€ããããšãéèŠã§ããããã§ã¯ããã®äžã§ãç¹ã«éèŠãª4ã€ã®ã¹ãã«ã«ã€ããŠè§£èª¬ããŸãã
2.1 ããã°ã©ãã³ã°ã¹ãã«
ããã³ããšã³ããšã³ãžãã¢ã«å¿ é ã®ã¹ãã«ãšèšãã°ããŸãèããããã®ã¯ããã°ã©ãã³ã°ã¹ãã«ã§ããå ·äœçã«ã¯ãHTMLãCSSãJavaScriptãšãã®ãã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªïŒäŸïŒReact.jsãVue.jsïŒãªã©ãçšãããŠã§ãéçºã®ç¥èãæ±ããããŸãããããã¯ãŠã§ãããŒãžãæ§æããããã®åºæ¬çãªèŠçŽ ã§ãããã³ãŒããæžãåã身ã«ã€ããããšã¯åªããããã³ããšã³ããšã³ãžãã¢ã«ãªãããã®åºç€ãšãªããŸãã
2.2 UX/UIãã¶ã€ã³ã¹ãã«
è¯ãããã³ããšã³ããšã³ãžãã¢ã¯ãã ã³ãŒããæžãã ãã§ãªãããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ïŒUXïŒã®åäžããŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ïŒUIïŒã®ãã¶ã€ã³ãèæ ®ããããšãéèŠã§ããå ·äœçã«ã¯ãèŠèŠçãªã¬ã€ã¢ãŠããèšèšããã¹ãã«ããŠãŒã¶ããªãã£ã®é«ããŠã§ããµã€ããæ§ç¯ããããã®ç¥èãå¿ èŠãšãªããŸããããã«ããŠãŒã¶ãŒãçŽæçã«ç解ã§ããå¿«é©ã«ãµã€ããå©çšã§ããããã«ãããšããèŠç¹ãæ¬ ãããŸããã
2.3 ã³ãã¥ãã±ãŒã·ã§ã³ã¹ãã«
ããã°ã©ãã³ã°ã¹ãã«ããã¶ã€ã³ã¹ãã«ã ãã§ãªããããŒã ã§ä»äºãé²ããããã«ã¯ã³ãã¥ãã±ãŒã·ã§ã³ã¹ãã«ãæ¬ ãããŸãããå ·äœçã«ã¯ããããžã§ã¯ãã®èŠä»¶ãç解ãããèªåã®ã¢ã€ãã¢ãäžåžããã®ãã£ãŒãããã¯ãä»ã®ã¡ã³ããŒãšå ±æããããŸããä»ã®ãšã³ãžãã¢ãã¹ããŒã¯ãã«ããŒãšå調ããŠäœæ¥ããçãæ¥ã ã®äœæ¥ã¯ã³ãã¥ãã±ãŒã·ã§ã³ãå¯ã«è¡ãããç°å¢ã®ããšã§é²è¡ããŸãããã®ãããæ確ã§å¹æçãªã³ãã¥ãã±ãŒã·ã§ã³ãè¡ãèœåã¯ãããã³ããšã³ããšã³ãžãã¢ã«ãšã£ãŠå€§ããªãã©ã¹ãšãªããŸãã
2.4 ãã®ä»ã®å¿ èŠã¹ãã«
äžèšã®3ã€ã®ã¹ãã«ã«å ããŠãããã³ããšã³ããšã³ãžãã¢ã«ã¯ããŸããŸãªãã®ä»ã®ã¹ãã«ãæ±ããããŸããäŸãã°ãããŒãžã§ã³ç®¡çããŒã«ïŒGitãªã©ïŒãçšããã³ãŒãã®ç®¡çããã¹ãé§åéçºããããã°ã®ã¹ãã«ããããŠææ°ã®ãã¬ãŒã ã¯ãŒã¯ãããŒã«ã®ãã¬ã³ãããã£ããã¢ããããããã®æ å ±åéèœåãªã©ã§ãããããã¯ããããžã§ã¯ããåæ»ã«é²ããããã ãã§ãªããèªåèªèº«ãåžå Žã§åªãããšã³ãžãã¢ãšããŠç«ã¡äœçœ®ã¥ããããã«ãéèŠãªåœ¹å²ãæãããŸãã
3. ããã³ããšã³ããšã³ãžãã¢ã«ãªãããã«ã¯
ããã³ããšã³ããšã³ãžãã¢ãžã®éã®ãã¯ãå°ãªããšã3ã€ã®éèŠãªã¹ãããã«åºåãã§ããŸãããããããåŠç¿ãã¹ãããã°ã©ãã³ã°èšèªã®ææ¡ãæçšãªåŠç¿ãªãœãŒã¹ã®å©çšããããŠå®è·µçµéšã®ç©ã¿éãã§ãã
3.1 åŠç¿ãã¹ãããã°ã©ãã³ã°èšèª
ããã³ããšã³ããšã³ãžãã¢ã®äžçã§ã¯ãäž»ã«3ã€ã®èšèªã䜿çšãããŠããŸãããããã¯HTMLãCSSãJavaScriptã§ããããã3ã€ã®èšèªã¯ããŠã§ããµã€ãã®èŠãç®ãšæ©èœæ§ã管çããŸããHTMLïŒHyperText Markup LanguageïŒã¯ãŠã§ãããŒãžã®éªšçµã¿ãäœãããã®èšããCSSïŒCascading Style SheetsïŒã¯ããŒãžã®ã¹ã¿ã€ã«ã«é¢ãããJavaScriptã¯åçãªèŠçŽ ã»æ©èœãå¶åŸ¡ããŸãã
ãããã®èšèªã¯ããã³ããšã³ãéçºã®åºæ¬ã§ãããããé²ãã ãã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªãŒã®ç¥èãªã©ãæ±ããããããšããããŸããReactãAngularJSãªã©ã¯ãå¹ççãªãŠã§ãã¢ããªã±ãŒã·ã§ã³éçºã«åœ¹ç«ã€ããŒã«ã§ãã
3.2 æçšãªåŠç¿ãªãœãŒã¹
幞ããªããšã«ãä»»æã®ããã°ã©ãã³ã°èšèªãç¿åŸããããã®ãªãœãŒã¹ã¯ã€ã³ã¿ãŒãããäžã«æ°å€ãååšããŸããããªãŒã³ãŒããã£ã³ããCodecademyã¯ãç¡æã§æ軜ã«åŠã¹ããšãããé åã§ãããŸããããæ·±ãç解ãæ±ããå Žåã¯Booksè³Œå ¥ããªã³ã©ã€ã³åŠç¿ãã©ãããã©ãŒã Udemyãªã©ã§ãå°é家ãäœæããã³ãŒã¹ãåè¬ããããšãããããã§ããå ±åäœæ¥ãéããåŠç¿ã奜ã人ã«ã¯ãGitHubã¯å¿ èŠã§ããããã§ã¯ããã®éçºè ããããžã§ã¯ãã«äœ¿çšãããœãŒã¹ã³ãŒããå ±æããŠããŸãã
3.3 å®è·µçµéšãç©ãæ¹æ³
åŠç¿ãªãœãŒã¹ã掻çšãåºæ¬çãªç¥èã身ã«ã€ããããããã䜿ã£ãŠå®éã«äœããäœã£ãŠã¿ãããšã倧åã§ããèªåã ãã®ãŠã§ããµã€ãããŒãããäœãäžããã®ã¯äžã€ã®æ¹æ³ã§ãããããã§ããã°ããã£ãªã¢ãã¹ã¿ãŒãããäžã§æå©ãªããŒããã©ãªãªãäœãäžããããšã«ãã€ãªãããŸãã
æåã¯ç°¡åãªãã®ããå§ããŠãæè¡ã®ç¿åŸã«ã€ããŠåŸã ã«é£æ床ãäžããŠãããšè¯ãã§ãããããŸãããªãŒãã³ãœãŒã¹ãããžã§ã¯ãã«åå ããããšã§ãããŒã ã§åãäœéšãåŸããããããã§ãã·ã§ãã«ãªéçºç°å¢ã§æ±ããããã¹ãã«ãé€ãããšãå¯èœã§ãã
4. ããã³ããšã³ããšã³ãžãã¢ã®ãã£ãªã¢ãã¹
ããã³ããšã³ããšã³ãžãã¢ãšããŠã®ãã£ãªã¢ã¯ãå®åãçµéšãã¹ãã«ãç®æãããžã§ã³ã«ãã£ãŠå€§ããå·Šå³ãããŸããããã§ã¯ãããããã®ãã§ãŒãºã§ã®ãã£ãªã¢ã®é²ãæ¹ããã€ã³ãã玹ä»ããŸãã
4.1 ããã³ããšã³ããšã³ãžãã¢ã®åæãã£ãªã¢
åæã®ãã£ãªã¢ã§ã¯ãåºæ¬çãªããã³ããšã³ãã®ã¹ãã«ãšç¥èã身ã«ã€ããããšãéèŠã§ããJavaScriptãHTMLãCSSãšãã£ãããã°ã©ãã³ã°èšèªãäžå¿ã«å匷ãã€ã€ãå®éã®ãããžã§ã¯ãã§ã®çµéšãç©ãããšã§æè¡åãéããŸãããŸããããŒãžã§ã³ç®¡çã·ã¹ãã ã®å©çšæ³ãããŒã ã§ã®éçºãããŒãªã©ãåŠã¶å¿ èŠããããŸãã
4.2 äžå ããã³ããšã³ããšã³ãžãã¢ã®ãã£ãªã¢
äžå ãšãªããšãæè¡åã ãã§ãªããããŒã éçºã®èœåããã¢ãŒããã¯ãã£ãªã©å šäœã®èšèšãèæ ®ããåãæ±ããããŸãããªãŒããŒã·ãããçºæ®ããŠãããžã§ã¯ããçœåŒããããä»ã®ã¡ã³ããŒãã¹ããŒã¯ãã«ããŒãšã®ã³ãã¥ãã±ãŒã·ã§ã³ã¹ãã«ãå¿ èŠãšãªããŸãã
4.3 ããã©ã³ããã³ããšã³ãžãã¢ã®ãã£ãªã¢
ããã©ã³ãšããŠã¯ãæ¥çã®ãã¬ã³ããç解ããæ°ããªæè¡ã®é©çšãæ¹åææ¡ãã§ããå¹ åºãèŠç¹ãæ±ããããŸããçµç¹ã®ããžã§ã³ãç®æšã«å¯ŸãèªãæŠç¥ãèãããããæè¡ã§å®çŸããåã身ã«ã€ããããšãæåŸ ãããŸãã
4.4 ããã³ããšã³ããšã³ãžãã¢ã®ãããªããã£ãªã¢ãã¹
ããã«ãã£ãªã¢ãé²ãããšãèªèº«ã®å°éæ§ã掻ãããŠããã¯ãªãŒãããããŒãžã£ãŒãšãã£ãããžã·ã§ã³ã«å°±ãããšãå¯èœã§ãããŸããæ°ããªããã³ããšã³ãã®é åã«ææŠããããã¹ãã·ã£ãªã¹ããšããŠã®éãæ©ããšããéžæè¢ããããŸãã
5. ããã³ããšã³ããšã³ãžãã¢ãšããŠã®èªå·±æé·ã®ããã«
ããã³ããšã³ããšã³ãžãã¢ãšããŠæé·ãã€ã€ãã¹ãã«ãç¶æãæ¡å€§ãç¶ããã«ã¯ç¹å®ã®æŠç¥ãæ¡çšããããšãæ±ããããŸãããããã¯äž»ã«èªå·±åŠç¿ãã¡ã³ã¿ãŒã·ãããæ°æè¡ã®ãã£ããã¢ããããããŠãããã¯ãŒãã³ã°ã§æ§æãããŸãã
5.1 èªå·±åŠç¿ã®éèŠæ§
èªå·±åŠç¿ã¯ããã³ããšã³ããšã³ãžãã¢ã«ãšã£ãŠå¿ é ã®ã¹ãã«ã§ãããã¯ãããžãŒã¯åžžã«é²åããæ°ãããã¬ãŒã ã¯ãŒã¯ãããŒã«ã次ã ãšæå ¥ãããŸããèªãé²ãã§æ°ããç¥èãåŠã³ç¶ããããšã§ãææ°ã®æè¡ãã¬ã³ããææ¡ãç¶ããããä»äºã«æŽ»ãããŸãã
5.2 ã¡ã³ã¿ãŒã·ããã®å©çš
ãŸããã¡ã³ã¿ãŒã·ããã®å©çšããã£ãªã¢åœ¢æã®å€§ããªå©ããšãªããŸããçç·Žãšã³ãžãã¢ãçµéšè±å¯ãªååããçŽæ¥åŠã³ãå ·äœçãªã¢ããã€ã¹ãåŸãããšã§æ°ããªèŠç¹ãåŸãããæè¡çãªåé¡è§£æ±ºã«åœ¹ç«ãŠãããšãã§ããŸãã
5.3 ãã¬ã³ããæ°æè¡ã®ãã£ããã¢ãã
次ã«ãã¬ã³ããæ°æè¡ã®ãã£ããã¢ãããéèŠã§ããæ°ãããã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªãç»å Žãã床ã«ãããããåŠãã§ã¿ãããšã§èªèº«ã®ã¹ãã«ã»ãããæ¡å€§ããããšãã§ããŸããããã°ããã©ãŒã©ã ãSNSãéããŠææ°æ å ±ãåŸãŠãããããèªåã®ãã®ã«ããããšã¯ããã³ããšã³ããšã³ãžãã¢ãšããŠå¿ èŠäžå¯æ¬ ãªã¹ãã«ãšèšããŸãã
5.4 ãããã¯ãŒãã³ã°ã®éèŠæ§
ããã«ããããã¯ãŒãã³ã°ãããã³ããšã³ããšã³ãžãã¢ã®æé·ã«ã¯å¿ èŠäžå¯æ¬ ã§ããå®éã®ãšãããæè¡çãªã¹ãã«ã ãã§ãªãã人éé¢ä¿ã®ã¹ãã«ãéåžžã«éèŠã§ããä»ã®ãšã³ãžãã¢ãšã®äº€æµãéããŠãæ°ããªèŠç¹ãã¢ã€ãã¢ãåŸãããšãã§ããŸãããä»ã®ãšã³ãžãã¢ãšååããŠåé¡è§£æ±ºããèœåãé€ãããšãã§ããŸãã
6. ããã³ããšã³ããšã³ãžãã¢ãšããŠæåããããã®ãã³ã
ããã³ããšã³ããšã³ãžãã¢ãšããŠé·æçãªæåãç®æãããã«ã¯ãäžéšã®ãã¯ãã«ã«ã¹ãã«ãç¿åŸããã ãã§ã¯äžååã§ãã人éãšããŠã®æé·ãåŠç¿èœåã®åäžãé©å¿æ§ããããŠãããã§ãã·ã§ããªãºã ãå¿ èŠãšãããŸãã
6.1 ã¹ãã«ã¢ããã®ã³ã
ã¹ãã«ã¢ãããè¿œæ±ããäžã€ã®æ¹æ³ã¯ãæ°ããããšãåŠã¶æéã確ä¿ãç¶ããããšã§ããææ°ã®ãã¬ãŒã ã¯ãŒã¯ãèšèªã䜿ãããªãããšã¯äŸ¡å€ããã¹ãã«ã§ãããåæã«æ¢åã®ç¥èã匷åããåºæ¬ã®ç解ãæ·±ããããšãéèŠã§ãã
ãŸããç©æ¥µçã«å®éã®ãããžã§ã¯ãã«åãçµãããšã§ãçè«ã ãã§ãªãå®è·µçãªã¹ãã«ãåäžãããããšãã§ããŸãããããžã§ã¯ãã¯åŠç¿ããæè¡ãå®éã«å¿çšããå ·äœçãªææç©ãäœæããæé«ã®æ©äŒã§ãã
6.2 å¹ççãªåŠç¿æ³
ææ矩ãªåŠç¿ãè¡ãããã«ã¯ãçæçãªç®æšãèšå®ããããã«åãã£ãŠã·ã¹ãããã£ãã¯ã«è¡åããããšãèå¿ã§ãããŸããäžåºŠã«å€ããåŠãŒããšããã®ã§ã¯ãªããäžã€ã®ããŒãã«æ³šåããç解ãããããå®è·µããããšãå¹ççãªåŠç¿æ³ã§ãã
ããã«ãä»ã®ãšã³ãžãã¢ãšååããŠåŠã¶ããšã倧åã§ãããããã°ã»ãã·ã§ã³ãå ±æããããã³ãŒãã¬ãã¥ãŒãè¡ã£ããããããšã§ãäºãã®èŠç¹ãå ±æããå šäœã®ç解ãæ·±ããããšãã§ããŸãã
6.3 ãã€ã³ãã»ããã®éèŠæ§
æåããããã³ããšã³ããšã³ãžãã¢ã¯ãæè¡çãªã¹ãã«ã ãã§ãªããæ£ãããã€ã³ãã»ãããæã£ãŠããŸãã奜å¥å¿æºçã§ããããšãæ°ããããšãåŠã³ç¶ããåŠç¿æ欲ãããããšããããŠèªèº«ã®ã¹ãã«ã«å¯Ÿããèªå·±è©äŸ¡ãé©åã§ããããšãéèŠã§ãã
ãŸããããããã®ãããžã§ã¯ããã¿ã¹ã¯ã«å¯Ÿãã責任æãšãå°é£ãªåé¡ã«å¯ŸåŠããããã®è§£æ±ºçãèŠã€ããæç¶åãæ±ããããŸãããšã³ãžãã¢ãšããŠã®æé·ã¯çµ¶ããé²åãç¶ãããã£ãŒã«ãã§çãæ®ãããã®ããŒã§ãããããã¯é©åãªãã€ã³ãã»ããããçãŸããŸãã
6.4 ããã³ããšã³ããšã³ãžãã¢ã«æ±ãããã姿å¢
ããã³ããšã³ããšã³ãžãã¢ã«ã¯ã¹ããã³ã°ãªãã¯ãã«ã«ã¹ãã«ã ãã§ãªãããããžã§ã¯ãå šäœã俯ç°ããææ決å®ãããããã®èŠéãå¿ èŠã§ãããŸããããŒã å ã®ä»ã®ãšã³ãžãã¢ãã¹ããŒã¯ãã«ããŒãšã®ã³ãã¥ãã±ãŒã·ã§ã³èœåãè€æ°ã®ãããžã§ã¯ããåæã«é²è¡ãããããã®ã¿ã€ã ãããŒãžã¡ã³ãã¹ãã«ãéèŠã§ãã
æåŸã«ãæè¡çãªèª²é¡ã ãã§ãªããæ°ããªæ©èœã®ææ¡ããŠãŒã¶ããªãã£ã®æ¹åãªã©ã補åå šäœã®åäžã«å¯Ÿãã責任æãæã€ããšããããã³ããšã³ããšã³ãžãã¢ãšããŠæåããããã®éèŠãªèŠçŽ ãšãªããŸãã