ããã°ã©ã ã®èšå®ã¯ãã³ãŒãã«å®æ°ãèšå®ãšããŠæã€æãå€ãã¢ã»ã³ãã©ãŒããã°ã©ã ããé·ãéååšããŠããŸããã ãã®ãããªããã°ã©ã ã®æŽæ°ã¯ãã³ãŒããå®å šã«çœ®ãæããããšã§è¡ããããããèšå®ã·ã¹ãã ãå€æŽããŠãæªåœ±é¿ã¯ãããŸããã§ããã ææªã®å Žåãã€ã³ã¿ãŒãã§ã€ã¹ã®äœ¿çšãååŠç¿ããå¿ èŠããããŸããã ç¶æ³ã¯ãããŒã¿åãšããã°ã©ã èšå®ã®é£ç¶æ§ã«ãã£ãŠå€ããå§ããŸããã ãã€ãŠãMicrosoftã¯ãªãã¬ãŒãã£ã³ã°ã·ã¹ãã ã§ã®ããã°ã©ã ãšããŒã¿ã®äºææ§ã«å€§ããªæ³šæãæã£ãŠããŸãããããã圌ãã®åŒ·ã¿ã§ããã ãããŠçŸåšãXPã¢ãŒãã®ãµããŒãã¯äºææ§ããªã·ãŒã®ç¶ç¶ã§ãã Webã«é¢ããŠã¯ããŠãŒã¶ãŒã¯ä»¥åã®ããŒãžã§ã³ïŒCookieããµãŒãããŒãã£ããŒã¿ããŒã¹ïŒããæ®ããããŒã¿ãšèšå®ãããã³ããã°ã©ã ã®ããŒãžã§ã³ïŒãµãŒããŒãŸãã¯ã¯ã©ã€ã¢ã³ãã®ã¹ã¯ãªããïŒãå€æŽãããç¶æ³ã«ãã°ãã°ééããŸãã ããã°ã©ã ãšããŒã¿ã®ããŒãžã§ã³ã®äºææ§ã®åé¡ããããäºææ§ããµããŒãããããã«ããã€ãã®ããªã·ãŒãéçºããå¿ èŠããããŸãã æ°ããããŒãžã§ã³ã¯ãã©ãŠã¶ãšã®äºææ§ã®ããã«æ©èœããªãå¯èœæ§ãããïŒãã°ãŸãã¯äžå®å šãªãµããŒãã®ããïŒãããŒãžã§ã³ã®å€æŽã«ããçªå·ãå€ããå¯èœæ§ããããšããäºå®ã«ããããããããã°ãä¿®æ£ããããã®åã®ããŒãžã§ã³ãžã®ããŒã«ããã¯ã«èšå®ã®æ倱ãæªã¿ã䌎ãããšã¯ãããŸããã
èšå®ãšãã®çµç¹ã ãã§ãªãããââãŒãžã§ã³ã®å€æŽãšèšå®ã®ç¶ç¶æ§ã®åé¡ã«ãã¢ãããŒããå¿ èŠã§ãã Webäžã®ããã°ã©ã ã¯å°ããªã¹ãããã§é²åããããŒãžã§ã³ã®å€æŽã¯é »ç¹ã«çºçããŸãã èšå®ãæäœããåãã¢ãããŒãã¯ãWebã«æ¥ç¶ãããŠããªããããŒãžã§ã³ãé »ç¹ã«å€æŽãããä»ã®ããã°ã©ã ã«ãé©çšãããŸãã åæ§ã®èæ ®äºé ã¯ãèšå®ãä¿åããããã®åœ¢åŒã ãã§ãªããããã°ã©ã å ã®ãã¹ãŠã®ããŒã¿ã®åœ¢åŒã«èµ·å ããå¯èœæ§ããããŸãã
ãã®èšäºã§å°ãåºãããäž»ãªè«æïŒ
*ïŒèšå®-åæ§ã®åäœãããããã°ã©ã ããã³ã¯ã©ã€ã¢ã³ãWebã¢ããªã±ãŒã·ã§ã³ã®ãªããžã§ã¯ãã
*ïŒããã©ã«ãèšå®-ã¡ãŒã«ãŒã®èšå®ã«é¢ããæšå¥šäºé ã®ã¿ã
*ïŒããã°ã©ã ã®ããŒãžã§ã³ãå€æŽããéã®èšå®ã®å€æŽã¯ã補é å ã®æšå¥šäºé ã®å€æŽã§ãã ããŒãžã§ã³ã®å€æŽã¯ãèšå®ãå€æŽããããã ãã«ååšããå ŽåããããŸãã
*ïŒãŠãŒã¶ãŒèšå®-ãŠãŒã¶ãŒã®æšå¥šäºé ã
*ïŒãšã¯ã¹ããŒã/ã€ã³ããŒãèšå®-ãŠãŒã¶ãŒéã®äº€æãæšå¥šäºé ã®ä¿åãã³ã³ãã¥ãŒã¿ãŒéã®è»¢éã
ïŒããã«-ããŒãžã§ã³ã®å€æŽã«ã€ããŠãïŒ
*ïŒã¡ãŒã«ãŒã«ããèšå®ã®ã»ãã³ãã£ã¯ã¹ã®å€æŽïŒããŒãžã§ã³ãå€æŽããå ŽåïŒ-ã¢ããã°ã¬ãŒãäžã«ããžãã¯éåãåŒãèµ·ãããšã©ãŒ-ããŠã³ã°ã¬ãŒãã
*ïŒãæ»ãããã¿ã³ããªã³ã«ããŠ2ã€ã®èšå®ç¶æ ãä¿åããå Žåãã€ã³ã¿ãŒãã§ã€ã¹ãè€éã«ããããšãªãå€ãã®æ©èœã䜿çšã§ããŸããããŒãžã§ã³ãå€æŽãããšãã«æ°ããèšå®ãè©Šããå€ãèšå®ã«ããŒã«ããã¯ãããµãŒãããŒãã£ã®æšå¥šäºé ãè©Šããä¿åããŸãã
*ïŒã·ã³ãã«ããç¶æããããã«ãããè€éãªæäœã·ã¹ãã ã¯æãŸãããããŸããã ãã¹ãŠã®é«åºŠãªã¢ã¯ã·ã§ã³ã®ãšã¯ã¹ããŒããšã€ã³ããŒãããããŸãã
*ïŒã¡ãŒã«ãŒã®èšå®ã«æ»ããŸã-å¥ã®æ©èœïŒããªã»ãããïŒ;
*ïŒã¡ãŒã«ãŒã®æšå¥šäºé ã¯ããã°ã©ã ã«ãçµã¿èŸŒãŸããŠããããããå¥ã®å Žæãå ããããšã¯ãªãããããã®ããã€ãïŒèšå®ãããã¡ã€ã«ïŒãååšããå ŽåããããŸããä»ã®æšå¥šäºé ãä¿åããããã®ãä¿åããã¿ã³ããããŸãã
èšå®ãšæšå¥šäºé ã®åé¡ã®æ·±ããšäžè¬æ§ã確èªããã®ã§ããµããŒãããããšããäžé£ã®èŠä»¶ã«ã€ããŠæŠèª¬ããŸãã ããŒãžã§ã³ãå€æŽãããšãã«ååã«æ©èœããéçºã§ãããããªãã·ã³ãã«ã§æ±çšçãªèšå®ã·ã¹ãã ãå¿ èŠã§ãã çµæã¯ãæå®ãããèŠä»¶ã®ç¯å²ããµããŒãããå®çšçãªã¢ã«ãŽãªãºã ã§ãã ã¢ã«ãŽãªãºã ãæ§ç¯ããåŸã* .user.jsã®èšå®ãµãã·ã¹ãã ã®å®è£ ãš* .jsã®å¥ã®æé ã瀺ããŸãã åŸã§éçºããŠèªåã®ééããä¿®æ£ããããããèªåãšãŠãŒã¶ãŒã®èšå®ãæäœããããã®ã«ãŒã«ãããã«èšè¿°ãããããæ®ããªãæ¹ããããšããçç±ã§äœæãããŸããã
èŠä»¶ã®ãµãŒã¯ã«ïŒããã°ã©ã ã®ããŒãžã§ã³ããšã«èšå®ãã©ã®çšåºŠäºææ§ãããã
ããŒãžã§ã³ãå€æŽãããšãããã°ã©ã ãèšå®ãããžãã¯ãã»ãã³ãã£ã¯ã¹ïŒæå³ã®ããèšå®ïŒãªã©ããã¹ãŠãå€æŽãããŸãã ããŒãžã§ã³ã®å€æŽã¯ãããžãã¯ã®éçºã®å¥ã®æž¬å®å€ã§ãããããŠã³ã°ã¬ãŒããçºçããå Žåãããã°ã©ã ã®å¥ã®ããŒãžã§ã³ã«èšå®ã転éãããå Žåã«ãæ°ããããŒãžã§ã³ããå€ãããŒãžã§ã³ããã®ããŒã¿ã®å°çããããããã®èšå®ãå Žåã«ãã£ãŠã¯ãã®éãèæ ®ããŸãã ããŒãžã§ã³ãå€æŽããç¶æ³ãã¢ãã«åããŠãã©ã®ã«ãŒã«ã«åŸãå¿ èŠãããããã©ã®ãããªèªç±ãæ®ãããšãã§ããããç解ãå§ããŸãã ãŸãã¯ãä»ã®æµè¡ã®èšèã§ããèšå®ã ãã¶ã€ã³ãã¿ãŒã³ãäœæããŸãã
äºææ§ã®åé¡ã«é¢ããŠãåéçºè ã¯ã
ããŒãžã§ã³ãä¿åããã³åãæ¿ããã·ã¹ãã ã¯ããããã®äºå®ãèæ ®ã«å ¥ããŠã以äžãæäŸããŸãã
1ïŒããã°ã©ã ã®çŸåšã®ããŒãžã§ã³ã®èšå®ã®ä¿åãšåŸ©å ã
2ïŒããã°ã©ã ãæŽæ°ãããšã-å€ãããŒãžã§ã³ã«æ»ãå ŽåïŒå°ãªããšã1ã¹ãããåïŒã«å€ãèšå®ãå¿ããªãã§ãã ããã
3ïŒarbitrarilyæçã«æ°ããããŒãžã§ã³ã®ç°å¢ã«ãããå€ãèšå®ã®æå³ã®äžå€æ§ïŒæå³è«ã¯å€æŽãã¹ãã§ã¯ãªã;çç±-åæãäœãïŒ;
4ïŒããŒãžã§ã³ç®¡çã§ãŠãŒã¶ãŒãç ©ãããããŠãŒã¶ãŒã«äœããã®ã¢ã¯ã·ã§ã³ã匷å¶ããŸããïŒæåã¯åã®æµã§ããæ°ãæ£ããå¿ èŠã¯ãããŸããïŒã
5ïŒå·šäººäž»çŸ©ã®ããã«åªåãããèšå®ã«å·®ç°ïŒå·®åïŒãä¿åãã-æé©åã¹ãããã
ã¯ã©ã€ã¢ã³ãäžã®æ¬æ Œçãªããã°ã©ã ã§ããããšãå€æããJSã¹ã¯ãªããã®ããŒãžã§ã³ã䜿çšããå ŽåãããŒãžã§ã³ãå€æŽãããšãã«ãŠãŒã¶ãŒèšå®ãä¿åããåé¡ãçºèŠãããŸããã PhotoshopããŒãžã§ã³ãšä»ã®ã¢ã³ã¹ã¿ãŒã®äºææ§ã®åé¡ãããã«æãåºããŸããã ãããŠãã¹ã¯ãªããã倧è¡ã«ãªããã¡ã¢ãªããããã°ã©ã ã®æ°ããããŒãžã§ã³ãæåã§æ§æããªããã°ãªããªãäžæºãæ±ããŠãŒã¶ãŒãå€æ°ç»å Žããããããã«æªãããšã«å€ãèšå®ãå ¥ããŸã§ãåæç¶æ ã®ãŠãŒã¶ãŒèšå®ã§æ£ããåäœããåé¡ã解決ããæ¹ãè¯ããšæããŸããæ°ããããŒãžã§ã³ãšççŸãããšããã¹ããããŠããªããã°ãååšããŸãã ãŠãŒã¶ãŒã«ããã¹ãŠããªã»ããããæ°ããæ¹æ³ã§ã€ã³ã¹ããŒã«ãããããšãæäŸããããšã¯ããã¡ãããæŽç·ŽããããŠãŒã¶ãŒãééããåé¡ã解決ããããã®æåã§andãæ¹æ³ã§ãã ïŒå®éããã©ãã«ãããå©çãããå ŽåãPhotoshopã®ã¡ãŒã«ãŒã§äœãã§ããã§ããããïŒïŒããŒãžã§ã³ãå€æŽããéã«ãæ§æã®ç«¶åã解決ããããã®æè¡ããããžã§ã¯ãã«ããã«å ¥ããæ¹ãè¯ãã§ãã ãã®ãããããŒãžã§ã³ãšèšå®ãæäœããããã®ã«ãŒã«ãäœæãããããã°ã©ã ãã¶ã€ããŒãåŸãããšãã§ããŸããã
次ã®èšäºã®2çªç®ã®éšå-JSã§ã®ãã¹ãããŒãžã®å®è£ -ã¢ãããŒãã®æäœæ§ããã¹ãã§ããæ¢è£œã®ã¹ã¯ãªããã ã¹ã¯ãªããã§ã¯ããŠãŒã¶ãŒèšå®ã¯ä»»æã®ãã«ãã¬ãã«æ§é ã§ãããããããŸããŸãªãããžã§ã¯ãã«ç§»æ€ããããšãã§ããããã§ã¯æ£ããããŒãžã§ã³å€æŽã®å¿ èŠæ§ãèæ ®ãããŸããã ãŸãã¯ãæåãš2çªç®ã®éšåã䜿çšããŠãå¥ã®èšèªã§ããžãã¯ãèšè¿°ããŸãã åªåãç¡é§ã«ãªãããšã¯ãªãã次ã®å 容ã®çŸããã¿ãã¬ããã®æºåã§ãã¶ã€ããŒã®äœæ¥ãç¯çŽã§ããŸãã
|
---|
æ°ããããŒãžã§ã³ã«åãæ¿ãããšãã«ããã°ã©ã èšå®ãä¿åããããªã·ãŒã«ã€ããŠã
æ¢ã«è¿°ã¹ãããã«ãããã°ã©ã ã®ããŒãžã§ã³ãå€æŽããããšã¯ãããã°ã©ã ã®1æã®ã³ãŒãã®ãã°ã®åé¡ã解決ããããšãããéçºã®åé¡ã解決ããããšãŸã§ãæ°ãã次å ãžã®éã§ãã éçºè ã¯ãèªåã®ããã°ã©ã ã®ä»ã®éåžžã«éèŠãªæ©èœã«é·æéåãçµãã§ããŠãããŒãžã§ã³ã®å€æŽã®åé¡ããã©ã¢ã°ã©ãŠã³ãã«ãªãå Žåããã®åéã®è©³çŽ°ãããã«ç解ã§ããªããããããŸããã ãããã圌ãç«ã¡äžãããšãé²åãå§ãŸããŸãã
æç«ã®æ代ã«äœãèµ·ãã£ãã®ãïŒæ°ããããŒãžã§ã³ãã€ã³ã¹ããŒã«ãããšãããã°ã©ã ã®åäœãäžååã«ãªããããŸã£ããåäœããªããªããŸãã æšå¥šäºé ïŒæ°ããããã°ã©ã ãã€ã³ã¹ããŒã«ããåã«ã以åã®ããŒãžã§ã³ãåé€ããŸãïŒãããŠãããã°ã©ã ã®å€ãããŒãžã§ã³ã®ããŒã¿ããã¬ãžã¹ããªãšãã©ã«ããŒãã¡ã€ã«ãæ¶å»ããŸãïŒã ç¹ã«æ·±å»ãªå Žå-æ°ããããŒãžã§ã³ã®ããã°ã©ã ã«ãã£ãŠå€ãããŒãžã§ã³ã§äœæãããããŒã¿ãéããªãã§ãã ããã
ãã1ã€ã®å€ããªãã·ã§ã³ïŒæ°ããããŒãžã§ã³ã«åãæ¿ãããšãã«ãããã°ã©ã ã¯èšå®ãäœã§ããããå°ããŸãããããã©ã«ããèšå®ãããŠãŒã¶ãŒãæåã§èšå®ããŸãã ããã°ã©ã ã®åé¡ãåé¿ããæ¹æ³ïŒãããã¯ãiniãã¡ã€ã«ãã¬ãžã¹ããªïŒwinãæ€åºãããïŒãæ§æãã¡ã€ã«ã®ããŒã¿ã代çšããå Žåããããããã«ããæ§æäœæ¥ã®äžéšãçãããŸãã å¥ã®è§£æ±ºçã¯ãã€ã³ã¹ããŒã«ãããŠããä»®æ³OSã®ã€ã¡ãŒãžãšãšãã«ããã°ã©ã ãä¿åããããšã§ãã ããã°ã©ã ã®åäœäžã®ã«ã¹ã¿ãã€ãºãããã€ã¡ãŒãžãäœæãããåã€ã³ã¹ããŒã«çšã«ããã±ãŒãžåãããåé åžå¯èœããã±ãŒãžãã€ã³ã¹ããŒã«ããŸãã ããã€ãã®æ·±å»ãªããã°ã©ã ã§æäŸãããèšå®ã§ãéããªã€ã³ã¹ããŒã«ã䜿çšããŠãã ããã
ããé©å¿ããçåœäœã®å ŽåïŒããã°ã©ã ã¯ã以åã®ããŒãžã§ã³ããæ®ã£ãå€ãèšå®ãç解ãå§ããŸãã ããã°ã©ã ãäœæãããšãã«äœãããå¿ èŠããããŸããïŒ
ããã°ã©ã ã«ã€ããŠããŸãã¯Webãšãµã€ãã«ã€ããŠèª¬æããŸããããã¯ãè°è«ã®å¯Ÿè±¡ã1ã€ãããªãããã§ã-ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ã€ã¹ã補åã®ããŒãžã§ã³ã§ãã å ¥åã¹ããªãŒã ã®ã¿ãç°ãªããŸãã ããã°ã©ã ã®å Žåããããã¯ç°ãªãããŒãžã§ã³ã«ããèšå®ãšãã®ç¶æ¿ã§ããããŠã§ãã®å Žåããããã¯ç°ãªããã©ãŠã¶ã«ããããŒã¿ããŒãžãšãã®è¡šç€ºã§ãã æã ããã®ããŒã¿ã¯èšå®ã«éåžžã«äŒŒãŠãããããåŒã³åºããéå§ãããããã®WebããŒãžãŸãã¯ãŠã£ãžã§ããã¯ã¢ããªã±ãŒã·ã§ã³ãšåŒã°ãå§ããŸãã
æ°ããèšå®
ããã°ã©ã ã®æ°ããããŒãžã§ã³ãå®å šã«æ°ããèšå®ã«ãªã£ããšãããããŸããã ãããããçžç¶ã®åé¡ã¯åã«ç«ããªãã£ãã æç«ã®æ代ã®ããã«ãæ°ããããŒãžã§ã³ã§ã¯ãã¹ãŠãåã€ã³ã¹ããŒã«ããããããã©ã«ãèšå®ã䜿çšããããã«æ±ããããŸãã ããããã·ã¹ãã éçºã®åºæ¬çãªç¹æ§ãšããŠã®éºäŒã¯ããã®æ¬ ç¹ãããã«å æããŸããã ããã°ã©ã ã¯ãããŒã¿ã®äºææ§ã ãã§ãªããèšå®ã«ããäºææ§ãå¿ èŠãšããããã«ãªããŸããã ãŸããæç«ã次ã«é¶ãåµãèŠæ±ãå§ãã以åã«çŸãããã®ã®åé¡ã®åºç€ãç¯ããŸããã æ°ããããŒãžã§ã³ãã€ã³ã¹ããŒã«ããŸãã-以åã«èšå®ããèšå®ïŒãŠã£ã³ããŠãµã€ãºããã©ã³ããªã©ïŒã倱ããŸããã§ããã ããããããŒãžã§ã³ããšã®èšå®ã·ã¹ãã ã«ã¯éçºããç¹æ§ããããããããã°ã©ã ã®éçºãçåœäœã®é²åãèæ ®ããå¿ èŠããããŸãã ããã«ãããã°ã©ã ã¯ä»»æã®ããŒãžã§ã³ã«æŽæ°ããããšãã§ããå€ãããŒãžã§ã³ã§ãæŽæ°ã§ããŸããã€ãŸãã以åã®èšå®ã ãã§ãªããå°æ¥ã®åœ¢åŒã®èšå®ãæ£ãã䜿çšããå¿ èŠããããŸãã
ããšãã°ãHTMLããã³XMLã®ã¿ã°ãšå±æ§ã®ã·ã¹ãã ã«ã¯ãã«ãŒã«ããããŸããæ°ããå±æ§ãŸãã¯ã¿ã°ãèŠã€ãã£ãå Žåãããã¯ç¡èŠãããŸãïŒãã®æå³ã¯äžæã§ãïŒã æããã«ãèšå®ã·ã¹ãã ã§ã¯ãæ°ãããã®ãããããç¡èŠããããšã¯è«ççã§ã ã ãã®ãããHTMLããŒãžã§ã¯ã以åã®ããŒãžã§ã³ã§ããåãããã°ã©ã ã®ç°ãªãããŒãžã§ã³ã®ããã°ã©ã èšå®ã§ãæåã®åçŽãªäºææ§ã«ãŒã«ãå°å ¥ãããŸããã
æ¢åã®èšå®ã®è§£é
ãã ããèšå®ãå€æŽãããŠããªããŠããããã°ã©ã ã¯ïŒèª€ã£ãŠïŒäžéšã®èšå®ãç°ãªã解éãéå§ããå ŽåããããŸãã ããã°ã©ã ããŠãŒã¶ãŒããåãããŒã¿ãåãåãç°ãªãã¡ãŒã«ãŒã®ãã®ã§ããå Žåããããã«ç°ãªãæå³ã§ããŒã¿ã解éã§ããŸãã ããšãã°ãç»é¢ãµã€ãºã¯æåã®ã¢ãã¿ãŒã§èæ ®ããããã®ãããã°ãæ¥ç¶ãããŠãããã¹ãŠã®ã¢ãã¿ãŒã®ã°ã«ãŒãããã®æ倧枬å®å€ã§ãããã®ããããŸãã åã³HTMLãšã®é¡äŒŒæ§ã«ç®ãåãããšãããã¯HTMLã§ãã©ãŠã¶ãŒã®ããŒã¿è¡šçŸã®äºææ§ã®åé¡ãšããŠç¥ãããŠããŸãã åãããŒã¿ïŒããŒãã«ãå ¥åãã£ãŒã«ãïŒã§ããçµæã®è¡šç€ºããããã«ç°ãªããŸãã
åé¡ããããŸã-圌ãã¯ãã®è§£æ±ºçãåããŸããã çŸåšããäºææ§ã®ããããã¥ãŒããããŸãããå³å¯ãªãã¥ãŒããããŸãã ãã©ãŠã¶ã®ããŒãžã§ã³ãå€ããšãå³å¯ãªè¡šçŸã®æ°ãå¢ããäºææ§ã®ããè¡šçŸã§ã¯ããã«é«éã«ãªããŸãïŒ2ä¹ïŒã åãã©ãŠã¶ãšããŒãžã§ã³ã«ã¯ãäºææ§ã«é¢ããç¬èªã®èãããããŸãã
ããã°ã©ã ã®èšå®ã®äºææ§ã«ã€ããŠãã®ãããªã¢ãããŒããæ¡çšããå ŽåãããŒãžã§ã³éã§èšå®ã転éããããã®ã«ãŒã«ãäœæããå¿ èŠããããŸãã ããŒãžã§ã³ã®ã€ã³ã¹ããŒã«ã¯åžžã«é£ç¶ããŠè¡ããããšã¯éããªãããã§ãã ããŒãžã§ã³ããžã£ã³ãããå€ãããŒãžã§ã³ã«æ»ããŸãïŒããšãã°ãæ°ããããŒãžã§ã³ã®ãã°ãåå ã§ãïŒã ãã®ããã»ã¹ã¯ãããã°ã©ã ã®2ã3ããŒãžã§ã³ã®ã¬ãã«ã§éå§ããŠããéçºè ã«ããã«é£œããŠããŸããæãé¢é£æ§ã®é«ãäºææ§ïŒå€ãããŒãžã§ã³ããæ°ããããŒãžã§ã³ãžã®ç§»è¡ïŒã®ã¿ããµããŒããå§ããããšã¯æããã§ãã
è¡åã®åäžè¡ãç¶æããããšã¯ãããã«ã®å¡ãæ§ç¯ããæè¯ã®æ¹æ³ã§ãã
å€ãèšå®ãŸãã¯ãããã®å€ã®äžéšãæ¶ãã
èšå®ã§èšå®ãããå€ãããã°ã©ã ã®æ°ããããŒãžã§ã³ã§ãµããŒããããªããªã£ãå ŽåïŒãŸãã¯æ°ããã¹ã¿ãŒãã§ãïŒãããã°ã©ã ã¯ããã«é©åã«å¿çããå¿ èŠããããŸãã
ããšãã°ãåãæ代ã®æç«ã§ã¯ããã¹ãŠã®ïŒãŸãã¯å€ãã®ïŒããã°ã©ã ãç»é¢ã®äžå€®ã«è¡šç€ºãããç»é¢ã®å¹ ã®çŽ50ïŒ ãå ãããšèããããŠããŸããã ãŠãŒã¶ãŒããŠã£ã³ããŠã®äœçœ®ãšãµã€ãºãå€æŽããããšã«ããå Žåã次åããã°ã©ã ãæ°ããå Žæã§ãŠã£ã³ããŠãéãå¿ èŠã¯ãããŸããã§ããã ãªããã
ããã°ã©ã ããŠã£ã³ããŠã®äœçœ®ãšãµã€ãºãèšæ¶ããŠããå Žåã¯ãã¢ãã¿ãŒãå€æŽãããšãç°¡åã«ç»é¢ããå€ããŠããŸãå¯èœæ§ããããŸãã ããã°ã©ã ã®ãµããŒãã¯ããè€éã«ãªããé²åã¯åžžã«è€éãªçåœäœããµããŒããããšã¯éããŸããã ã¢ãã¿ãŒãšç°å¢ãèŠãã«ã¯ãéçºãããŠããªãAPIã§éçºè ã«å°çãäœã£ãé·ãæé ã§ããããããïŒãŸãã¯ãããããã®ãããã®ã¢ã€ãã¢ïŒã¯ãåå«ããäžããã«æ¶æ» ããŸãã-ãã®éèã§åäœããããã°ã©ã ã ããã°ã©ã ã¯éåžžã«è€éãªå ŽåããããŸãããå®è¡äžã®ããã°ã©ã ã§ã¢ã¯ã·ã§ã³ãè¿œå ãããã³ã«äžé£ã®ãã°ãçºçããæ°ãããã¹ããµã€ã¯ã«ãå¿ èŠã«ãªãå¯èœæ§ããããããããªããã£ãã€ã³ã¿ãŒãã§ã€ã¹ããããŸãã
ããããæ°å¹Žãçµéããããé«åºŠãªAPIãšéçºç°å¢ã®åºçŸã«ãããéçºè ã¯å°æ¥ã®åãšèªä¿¡ãåŸãŸããã
åççãªä»£æ¿æ¡ïŒ
1ïŒæãè¿ãé¡äŒŒå€ãéžæããŸãã
2ïŒããã©ã«ãå€ãéžæããŸãã
3ïŒãã©ã¡ãŒã¿ãŒã®å€æŽã«ã¯ä»ã®å€ã®å€æŽãå¿ èŠã«ãªãå Žåããããããé¢é£ããè€éãªå€ã®éžæãææ¡ããã
劥åœãªããã°ã©ã ã¯ããã®ããŒãžã§ã³ã®ç¡å¹ãªå€ã«å¿çããŸã ã
ã»ãã³ãã£ã¯ã¹ã®èšå®ãå€æŽãã
ããã¯ãããã°ã©ã ã以åã®èšå®ã«çµ¡ãŸãæãé£ããã±ãŒã¹ã§ãã èšå®ã®å¶åŸ¡ãåèšå®ã®åå+å€ã®è»¢éã«åºã¥ããŠããå Žåãå€ã®æå³ïŒã€ãŸããããã°ã©ã ã®åäœïŒã®ããã¿ã¯ããŠãŒã¶ãŒã«ãã£ãŠå¶åŸ¡ãããªãããã°ã©ã ã®åäœã®å€åã«ã€ãªãããŸãã
ããšãã°ã以åã®1ã€ã¯å šç»é¢ã§éããçŸåšã¯å€§ããªãŠã£ã³ããŠã§éãããšã§ãã
ããã©ã«ãèšå®ã®ç解ãå€æŽãããããã©ã«ãå€ã¯èšå®ãã¡ã€ã«ã«ä¿åãããŸããã æããã«ããã®ãããªæå³ã®å€åãååšãããšãšã©ãŒãçºçããä¿®æ£ãå¿ èŠã«ãªããŸãã
ãããã£ãŠããã©ãŠã¶ãçœãšçœãåŒã³åºãåŸåãããããã«ïŒããšãã°ãåžžã«ã§ã¯ãããŸããããããšãã°ãããŒãžã®èæ¯ãã«ã¹ã¿ãã€ãºãããŠããããïŒãããã°ã©ã ã¯ãèšå®ã«å«ãŸããŠãããã®ãèšå®ã§ç¢ºèªããããšããŸãã ïŒwindowWidthå€æ°ããŠã£ã³ããŠã®å¹ ã瀺ããŠããå Žåãæ°ããããŒãžã§ã³ã§ã¯äŒæ¥ã®åŸæ¥å¡æ°ã瀺ãããšã¯æå³ããããŸãããïŒ
誰ããããã»ã©ççŽã«èšã£ãŠããããã§ã¯ãããŸããã ããã«ãæå³ã®éåžžã«ç§å¯ã®å€åã®ïŒä»®èª¬çãªïŒäŸããããŸãã ããŒãžã§ã³Nããåã¯ãOSã®ãŠã£ã³ããŠã®å¹ ã¯ãŠã£ã³ããŠã®å åŽã®å¢çã§éçºè ã«ãã£ãŠèšç®ãããNçªç®ã§å¢çãšãšãã«ã«ãŠã³ãããæ¹ãæ£ãããšå€æããŸããã ãããŠã以åã®ããŒãžã§ã³ã§ãŠãŒã¶ãŒã以åã«å¹ ã100ã«èšå®ããå ŽåãNçªç®ã®ããŒãžã§ã³ã§ã¯ãOSèšå®ã«å¿ããŠã98ã96ããŸãã¯å¥ã®å éšå¹ ïŒä»¥åãšåæ§ïŒãåŸãããŸãã éçºè ã®ä»£ããã«ãç°ãªãå¹ ãå ¥åããå¿ èŠãããå Žåã¯ãå¥ã®ååïŒååãèšå®ã®ããŒïŒãéžæããå¿ èŠããããŸãã ãŸããåè ã¯äžèŠãªãããå®å šã«åé€ã§ããŸãïŒãŸãã¯ããŒãžã§ã³ã®äºææ§ã®ããã«å€ææé ãçµäºããŸãïŒã
èšå®å€ã®ã»ãã³ãã£ã¯ã¹ãå€æŽããããšã¯ãéçºè ãšã©ãŒãšèŠãªãå¿ èŠããããŸãã
ããã©ã«ãå€ã®å€æŽ
äœæ¥ã®äžæã«ã€ãªããæãç¡å®³ãªã±ãŒã¹ã
ããšãã°ã2ã€ã®ãã§ãã¯ããã¯ã¹ããããäž¡æ¹ãéžæãããŠããŸãã ãŠãŒã¶ãŒã¯æåã®ãã§ãã¯ããã¯ã¹ããŒãã«èšå®ãã2çªç®ã«ãã§ãã¯ããã¯ã¹ãé 眮ããŸããïŒéžæãããŠããªãã£ãå ŽåããŠãŒã¶ãŒã¯å€0ã1ãå¿ èŠãªããéžæããŠããŸããïŒã 次ã®ããŒãžã§ã³ã§ã¯ã補é æ¥è ã¯äž¡æ¹ã®ãã§ãã¯ããã¯ã¹ãåé€ããŸããã ä¿åãããèšå®ã®ãŠãŒã¶ãŒã¯ãæåã®éžæè¢0ãXã®ã¿ãæã¡ãŸããXã¯ã¡ãŒã«ãŒã«éžæè¢ãäžããããšãæå³ããŸãã ãŸããã€ã³ã¿ãŒãã§ãŒã¹ã«ã¯2çªç®ã®ãã§ãã¯ããã¯ã¹ã®ããã©ã«ãå€ãä¿®æ£ããæ¹æ³ããªããä¿®æ£ããæ¹æ³ããªããããåé¡ããããŸãã
ãã®çµæããŠãŒã¶ãŒããšã®èšå®ã·ã¹ãã ã®æäœãäžåäžã«ãªããŸãã ããã©ã«ãèšå®ã®éžæãä¿®æ£ã§ããªãã¢ã¯ãã£ããªãã®ã«ãšã£ãŠã¯ããã¹ãŠãããã·ããªãã®ãšåé¡ã®é ã§ãã ïŒããã«ç¶ããŠãé¢é£ããåéã®å°é家ã®æšå¥šäºé ïŒCSSãªã©ïŒãããã©ã«ãã§å±æ§ã®ã¢ã¯ã·ã§ã³ãèæ ®ã«å ¥ããŠæ瀺çã«èšè¿°ããŸãïŒCSSãªã»ããïŒãããã«ãããå°æ¥ããã©ã«ãããªã·ãŒãå€æŽããå Žåãå±æ§ã®ãã®ä»ã®ç解ãã§ããªããªããŸãïŒ
解決çã¯ãããã©ã«ãå€ã§ãã£ãŠããèšå®ãä¿®æ£ã§ããããã«ããããšã§ãã èšãæãããšããŠãŒã¶ãŒã¯ãã¡ãŒã«ãŒã®èšå®ïŒæšå¥šïŒã«å¯Ÿããååçãªåæã§ã¯ãªãããã®å€ãèšå®ãããšããæ確ãªé¡æãè¡šæããŸãã ãããã£ãŠãéåžžè¡ãããŠããããã«ããŠãŒã¶ãŒãçŸåšãšåãå€ã§ãŠãŒã¶ãŒèšå®ãä¿®æ£ããããšãé²ãããšã¯ã§ããŸããã ïŒããã¯éåžžã«åŸ®åŠãªç¹ã§ãããããã©ã«ãèšå®ãä¿®æ£ããã«ã·ã¹ãã ãã¯ã©ãã·ã¥ããåé¡ã解決ãããŸãããïŒ
æ祚ã·ã¹ãã ã§ã¯ã誰ãããã§ã«ãŠãŒã¶ãŒãšåãæ¹æ³ã§æ祚ããŠããå ŽåããŠãŒã¶ãŒãåãæ¹æ³ã§æ祚ã§ããªãããšãæå³ããŸããã åæ§ã«ãèšå®ã§ã 確èªã®å¯èœæ§ãªãã«ããã©ã«ãèšå®ã®éžæãã容æã«ãããããšã¯ãã€ã³ã¿ãŒãã§ãŒã¹ã§ãããä¿®æ£ããããšã¯ããã¢ãµãŒãã¹ãã§ãããåââé¡ã®åå ã§ãã åºå®-ã¡ãŒã«ãŒã®æšå¥šäºé ãšãŠãŒã¶ãŒã®éžæãéµå®ãããŸãã
ãã§ãã¯ããã¯ã¹ã䜿çšããå Žåãèšå®ãå€æŽã§ããã ãã§ãªããããããã®åºå®ã瀺ãå¿ èŠããããŸãã ããã»ã¹ãæé©åããããã«ããŠãŒã¶ãŒãäœããå€æŽããå Žåãããã¯ãã§ã«ã³ããããæå³ããŸãã ããããä»ãããªãã¯ãããåé€ããããšãã§ããå¿ èŠããããŸã-åèšå®ã«ã€ããŠãåã³ããã©ã«ãå€ã«æ»ããŸãã åæ§ã«ãã·ã¹ãã ãèšå®ã®1ã€ã®ãããã¡ã€ã«ã§ã¯ãªããä»ã®èäœæš©èšå®ã®ã€ã³ããŒãããµããŒãããå Žåãå¥ã®æš©éã®ãããŠãŒã¶ãŒã®éžæã«æ»ããŸãã
ããã«ã補é å ã¯çç±ãå€ããŠèšå®ãå€æŽãããããæ§ãããªã¢ãŒãã§èšå®ãç¥ãããšã¯æçšã§ãã ãŠãŒã¶ãŒãèšå®ã«èå³ãããå Žåã¯ãèšå®ã«æåŸã«ã¢ã¯ã»ã¹ããŠãããŠãŒã¶ãŒã«çºçããæ°ããäœãã衚瀺ãããŸãã 圌ãåããŠæ¥ãå Žåãäœãç®ç«ããããã¹ãŠãæ°ããã 以åã«äœããå€æŽãŸãã¯ä¿®æ£ãã補é å ãæšå¥šäºé ãå€æŽããå ŽåããŠãŒã¶ãŒã«ã¯å€æŽã衚瀺ãããŸãã éçºè ã¯ãããã©ã«ãèšå®ã®å€æŽã®æ瀺ãæäŸããŸã ã
質åã¯ããã«ãã·ã¹ãã ããã³ããæ å ±ãæšå¥šäºé ã®éžæã«ã¹ã ãŒãºã«è¿ã¥ããŸãã èšå®ã®å€æŽã«é¢ããéç¥ã®å Žæã¯ãäžè¬çãªèšå®ãŸãã¯ãããã®ããã³ããã説æããæé©ãªå Žæã§ããããŸãã
ãã®ãããèšå®éžæã€ã³ã¿ãŒãã§ã€ã¹ã¯2ã€ã®èŠçŽ ã«å²ãŸããŠããŸããåºå®/åºå®ã®è§£é€ãšãå€æŽã®å±¥æŽãšäžè¬çãªèšå®ã®èª¬æã«é¢ãããã³ãã§ãã
ãã®ãããªãã®ïŒãªã¹ããããã³ã³ãããŒã«ã®ã¿ïŒïŒ
[0] - _1 (?) _fix_ [1] - _2 (?) _unfix_ [__] - _3 (?) _fix_
è§æ¬åŒ§å -ãã§ãã¯ããã¯ã¹ã®å€ã çå笊-ãã³ã; 質åã®è²ã¯ãã·ã¹ãã ãå€æŽã«ã€ããŠäœãèšãããããšãããããšã瀺ããŠããå ŽåããããŸãã ã¢ã€ã³ã³ã®ä¿®æ£/ä¿®æ£è§£é€-ããã©ã«ãã®ä¿®æ£ãŸãã¯ãããã«æ»ãããã®ãªã³ã¯ã æšå¥šè ãè€æ°ããå Žåãåºå®ã¢ã€ã³ã³ã¯è€éã§ãã èšå®ã«ã¯ããã®èšå®ãéžæãããŠãŒã¶ãŒã®è¡šç€ºïŒã¹ããŒã¿ã¹ã®æ°ãšæ°ïŒãããã³éçºè ã®èšå®ã®å€ãå«ããããšãã§ããŸãã ãã®ã¢ãããŒãã§ã¯ãèšå®ã¯ãœãŒã·ã£ã«ãããã¯ãŒã¯ã®è©äŸ¡ã«äŒŒå§ããŸãã ãããããããã¯ãœãããŠã§ã¢ãå ±æããããã®ãªãã·ã§ã³ã®1ã€ã§ãã
åºå®ã¡ã«ããºã ããªãå Žåãã€ã³ã¿ãŒãã§ã€ã¹ãšããžãã¯ã«åé¡ããããŸãã ãã ããOSã®ãã§ãã¯ããã¯ã¹ã€ã³ã¿ãŒãã§ã€ã¹ã§ã¯ã0ã1ãããã©ã«ãã®3ã€ã®ç¶æ ãåæããããšã§ãã®åé¡ã解決ããŸããã HTMLã§ã¯ãç¡å¹ã«ããJSã䜿çšããŠã«ãŒãããããšã§è§£æ±ºããããšãã§ããŸãã 次ã«ãå°ãªããšããã§ãã¯ããã¯ã¹ãšã©ãžãªãã¿ã³ã®å Žåãfix / unfixèŠçŽ ã¯å¿ èŠãããŸããã
æ°ããããŒãžã§ã³ãæ©èœããªãã£ãå Žåã¯ã©ããªããŸããïŒ
ãã®å Žåãæããã«ãææ°ããŒãžã§ã³ãžã®ããŒã«ããã¯ãå¿ èŠã§ãã ãã ããäžéšã®ããŒã¿ã¯ïŒéåžžã¯ãµããžã§ã¯ããšãªã¢ããïŒæ°ãããŸãŸã§ããå¯ââèœæ§ããããããã°ã©ã èšå®ã¯å€ãèšå®ããååŸããå¿ èŠããããŸãããäžéšã®æ°ããèšå®ãæçšã§ãããå€ãå®å®ããŒãžã§ã³ãŸãã¯æ°ããå®å®ããŒãžã§ã³ã®æšå¥šãšããŠä¿åãããå ŽåããããŸãã
... 2床ç®ã®ãæšå¥šããšããèšèãç»å ŽããŸããã ããã¯èšå®ã§ã¯çããããšã§ãã éçºè ã®æšå¥šäºé ãšããŠãããã©ã«ãå€ãããããããã©ã«ãå€ã«ãªã»ãããããå ŽåããããŸãããæšå¥šäºé ã¯ãããŸããã èšå®ã®ã€ã³ããŒãããããŸããããã¹ãŠã®èšå®ã¯æ°ããå€ãååŸããå€æŽåãšæ¯èŒããããšããã§ããŸããã æšå¥šäºé ã¯ãèšå®ãŸãã¯ãããã®ã°ã«ãŒããå€æŽããŠãããã«çµæã確èªããŠæ¯èŒããæ©äŒã§ãã
æšå¥šãšæ¯èŒã®ã¢ã€ãã¢ã¯éåžžã«åŒ·åã§ãã ïŒãããã£ãŠãå¶ç¶ã«ããé²åã¯æç«ã®æ代ã«ãæ©èœããŸãããïŒå€ãã®åºèãµã€ãã¯ãæ¯èŒã®ããã«ã§ããã ã䟿å©ã«è£œåãæ瀺ããããšããŠããŸãã ããã¯ãäœããã®èšå®ãè¡ãããã®æšå¥šäºé ãšåãæšå¥šäºé ã§ãã ãããã£ãŠãããã°ã©ã ã§ãã¥ãŒãã³ã°ã®æšå¥šäºé ã®çµæã衚瀺ã§ããå ŽåãåãããŒã«ã§ããã«å€ãã®äºæãã¬æçšæ§ãå®çŸã§ããå¯èœæ§ãåºãããŸãã
ããŒã«ããã¯ããŒãžã§ã³ã«æ»ããŸãããã å®å šã«ããŒã«ããã¯ããã«ã¯ãããã°ã©ã ã¯å€ãèšå®ãç¡æ¡ä»¶ã«å¿ããŠã¯ãªããŸããã 圌女ãããã°ã©ã ã®ããŒãžã§ã³ãå€æŽããæåŸã®ã¹ããããèŠããŠããã°ããè¯ãã ãŠãŒã¶ãŒã以åã®ããŒãžã§ã³ã®ãã¹ãŠã®æ©èœãè©Šãæéããªãå Žåã¯ã以åã®æé ãèŠããŠãããŠãã ããã ãã®åŸã圌ã¯ææ°ã®æ£ããåäœããããŒãžã§ã³ãèå¥ããæ©äŒãåŸãŸãã æããã«ãããã¯éçºãšãã¹ãã«åœ¹ç«ã¡ãŸãã æç«ã®æ代ã«ã¯ãããã¯èµ·ãã£ãŠããŸãã...
åççãªã€ã³ã¿ãŒãã§ãŒã¹ã®å¶é
確ãã«ãäžåºŠã«è€æ°ã®ã»ããã§åäœããããã«èšå®éžæã€ã³ã¿ãŒãã§ã€ã¹ãè€éã«ããããããŸããã ããã¯ããã®ãã¹ã¿ãŒãä»ã®éçºè ã«ã¯é©ããŠããŸãããäžæ¬ç®¡çèŠçŽ ãäœæããã¿ã¹ã¯ããããŸãããã®ãããã§ããã ãã·ã³ãã«ã§æè»ãªæ¹ãè¯ãã§ãããã éåžžã æè»æ§ã¯ãšã¯ã¹ããŒããšã€ã³ããŒãã®èšå®ã«ãã£ãŠå®çŸãããŸã ã ããã«ãããããã°ã©ã ã®å€éšã®å¥ã®å Žæã«ãããŠãŒã¶ãŒã¯ãããŒãžã§ã³ã®ã«ã¿ãã°åãšä¿åã®ããã®ã·ã¹ãã ãå®è£ ã§ããŸãããããããŸãå°é£ã§ãã ãã¹ãŠã®åŒ·åãªãšã¯ã¹ããŒãã·ã¹ãã ã«å ããŠãå¯èœãªéããšã¯ã¹ããŒãã«é Œãå¿ èŠã®ãªãåçŽãªãµãã·ã¹ãã ããããšäŸ¿å©ã§ãã
èšå®ã®ãªã¹ãã 1ã€ã§ã¯ãªããããšãã°çŸåšã®ããŒãžã§ã³ãšä»¥åã®ããŒãžã§ã³ã«é¢é£ãã1ã€ãŸãã¯2ã€ãä¿åããŠã¿ãŸãããã ãŸãã¯ãçŸåšã®ããŒãžã§ã³ãšå®éšçãªããŒãžã§ã³ã 次ã«ãèšå®ãæ··ä¹±ãããã«ååãå ¥åããŠããããŒãžã£ãŒããäœæããªãããã«ãã³ã³ãããŒã«ã€ã³ã¿ãŒãã§ãŒã¹ã«èšå®ãåãæ¿ããããã«å¿ èŠãªãã¿ã³ã¯1ã€ã ãã§ãïŒé»åã®ããã«ãMããã¿ã³ïŒã¡ã¢ãªïŒïŒã ããã ãã§ã¯ãããŸãã-ãšã¯ã¹ããŒããµãŒãã¹ããããŸãã ã€ã³ã¿ãŒãã§ã€ã¹ã®ãã®åºæ¬çãªç°¡çŽ åã«ãããå®çšçãªã¢ãã«ãæ§ç¯ã§ãããMããã¿ã³ã®ããã«çŽæçãªãŸãŸã«ãªããŸãã
ãã®ãããªã¢ã€ãã¢ã®åºçºç¹ã¯ãæ°ããããŒãžã§ã³ã®ç¢ºèªãå€ãããŒãžã§ã³ãžã®ããŒã«ããã¯ãªã©ãã»ãšãã©ã®ã¢ã¯ã·ã§ã³ã§ã¯ã3ã€ä»¥äžã®èšå®ãªã¹ãã䜿çšããæäœã¯å¿ èŠãªããšããããšã§ãã èšå®ã®1ã€ã®ãã»ããããä¿åããŠã誰ãã®æšå¥šäºé ã確èªããããšãã§ããŸãã 次ã«ãæè¡çãªå®è£ ã«ã€ããŠèª¬æããŸãã
èšå®ã®ä¿å-åèµ·åã«é¢ä¿ãªãããã©ãŠã¶å ã§äœ¿çšããlocalStorageã«ä¿åããããšãæå³ããŸãã ä¿åãããã»ããã«å ããŠãä¿åãããã»ããã«åœ±é¿ãäžããããšãªããäžæçã«ä»ã®èšå®ããã¹ãã§ããŸãã ä¿åããã«ã¯ããä¿åããã¿ã³ãæŒãããããã°ã©ã ã®æ°ããããŒãžã§ã³ãããŠã³ããŒãããŸãã æ°ããèšå®ïŒããã©ã«ãïŒãŸãã¯äœ¿çšïŒããŒã«ããã¯äžã«æå®ïŒã䜿çšããã«ããŒã«ããã¯ã§ããŸãã ä»»æã®ç°ãªãããŒãžã§ã³ã«ç§»åããŸã-åã2ã€ãéžæããŸãã ããŒãžã§ã³çªå·ãæ°ãããããã®èšå®ããŒãžã§ã³ããã倧ããå Žåãæ°ããèšå®ãéžæãããŸãã 2ã€ã®ã»ãããåãå Žåã§ãã2ã€ã®ã»ããããããšèŠãªãããŸãã ãããã¯å·®åãšããŠä¿åããããããå·®åãå°ããã»ã©ã䜿çšãããã¹ããŒã¹ãå°ãªããªããŸãã çŸåšã®èšå®ã¯ãã¡ãŒã«ãŒã®æšå¥šäºé ãšãŠãŒã¶ãŒã®éžæãšã®å·®ãšããŠä¿åãããŸãã éãã¯ããŠãŒã¶ãŒãéžæããå Žåã®èšå®ã®è¡šç€ºãšããŠïŒããã©ã«ããšäžèŽããå Žåã§ãïŒããã以å€ã®å Žåã®è¡šç€ºã®å€±æãšããŠç解ãããŸãã
ãã©ãŠã¶ã«ã¯ãããŒãžã®èªã¿èŸŒã¿ã®éå§æã«èšå®ãèªã¿åãããããå®æ°ãšèŠãªãããšãæãç°¡åã§ãããšããå¥ã®æè¡çãªãã€ã³ãããããŸãã èšå®ãå€æŽããããã»ã¹ã«ã¯åèµ·åãå¿ èŠãªãããäžéšã®ãã¹ãã§ã¯èšå®ã»ãããä¿åããå¿ èŠããããŸãããŠãŒã¶ãŒã®èšå®ãèšæ¶ããã«ã¯ã2ã»ãããä¿åããåããæ»ãããã¿ã³ã䜿çšããŠåŸ©å ããå¿ èŠããããŸãã
2ã€ã®èšå®ãªã¹ãã§äœãã§ããŸããïŒ å®å šãªãªã¹ããåéããŸãã
1. ããã°ã©ã ã®æ°ããããŒãžã§ã³ã«ç§»åããããããæ°ããèšå®ãããŒãããŸãã å€ããã®ã¯ããŒã«ããã¯çšã«æ®ããæ°ãããã®ã¯åŒãç¶ãæ©èœããŸãã
2.ããŒã«ããã¯ãå®è¡ãããå ŽåããŠãŒã¶ãŒãèšå®ãå€æŽããå Žåã æ°ããèšå®ã®ããŒã¿ã¯ 2çªç®ã®ã»ããã«ä¿åãããŸãã åãããŒãžã§ã³ãŸãã¯æ°ããããŒãžã§ã³ã«åãæ¿ãããšã环ç©æéã䜿çšãããŸãã
3. å¥ã®æšå¥šäºé ãä¿å ïŒã€ã³ããŒã-ä¿åïŒãããšãããŒã«ããã¯çšã®ããŒã¿ãæ¶å»ãããããããã©ãŠã¶ãŒã®åèµ·ååŸã«å¥ã®æšå¥šäºé ã®èšå®ã確èªã§ããŸãã
4. ä»ã®èšå®ã®ãã¹ã ïŒèšå®-ãã¹ã-ä¿åïŒããã©ãŠã¶ãŒã®åèµ·ååŸããã³ããŒãžã®ãªããŒãåŸãç¶ç¶ã§ããŸãã
ä¿åããã«èšå®ããã¹ãããããšã劚ãããã®ã¯äœããããŸããããããŒãžããªããŒãããããŸã§ã®æéå¶éã«ãã£ãŠå¶éãããŸãã ãã®ããã«ããŠãæãåçŽã§æãè¿ éãªèšå®ããã¹ãã§ããŸãã ã»ãšãã©ã®èšå®ã¯ãããŒãžã®èªã¿èŸŒã¿ã®éå§æã«ããã°ã©ã ã§å€ãèšå®ãããããlocalStorageã«ä¿åããªããšãã¹ãã§ããŸããã 2ã»ããã®èšå®ãä¿åããã¡ã«ããºã ã«ããããã®ãããªå¶éãªãã§ãã¹ããå¯èœã«ãªããã¹ã¯ãªããã®æ©èœã«åªããè¿œå ãäœæãããŸãã
ããŒã¿éãšãã®å¶éã«ãªãããã»ã©æ³šæãæãã®ã§ããïŒ
ãªããªããäžæ¹ã§ã¯ãèšå®ã®åçŽããšæå¿«ãã«å¯Ÿãã欲æ±ãããããã§ãã ãšã³ãã£ãã£ãå°ãªãã»ã©è¯ãã æãç°¡åãªããšã¯ããé±å±±ããšãã1ã€ã®èšå®ã»ãããæã€ããšã§ãã æäœãæå°éã«æããããã«ãããã®ä»ãã®èšå®ãšå¯äžã®ãæ»ããã¹ã€ãããã¿ã³ãå ¥åããŸãã æ··ä¹±ããããšã¯å°é£ã§ãããæ©èœãè¿œå ãããŸãã åé¡ã«ã¯å¥ã®åŽé¢ããããŸãã
ããŒã¿ããŒã¹å ã®ãµãŒããŒã«èšå®ã転éããããšã¯é£ããããã«æããŸãããããããæäœããããšã¯å°é£ã§ããããŒãžã§ã³ããšã«ä¿åããå±¥æŽãä¿®æ£ããŸããïŒ ããã§ãã¿ã¹ã¯ã®ä»ã®ããã€ãã®ãšã³ãã£ãã£ã«ã¢ã¯ã»ã¹ããŸãã æåã®ãã®ã¯ããµãŒããŒã§ã®èš±å¯ã«é¢ä¿ãªãèšå®ãä¿åããããšã«ãªã£ãŠããŸãã æ¿èªãªããŸãã¯å¥ã®ã¿ã¹ã¯-æ¿èªãæ³å®ãããŠããªãã¯ã©ã€ã¢ã³ãã®ãŠãŒã¶ãŒèšå®ãšããŠã ã¹ããŒãã¡ã³ãã®2çªç®ã®æ¬è³ªã¯ããšã¯ã¹ããŒãçšã®èšå®ãããã¹ã圢åŒã§ä¿åããã«ã¯ãæãã³ã³ãã¯ããªåœ¢åŒã®ä¿åãå¿ èŠã«ãªããããæçã§æåã§ç·šéããè¡ãå¿ èŠã§ããããšã§ãã ãããã£ãŠã2ã€ã®ã»ããããããèšå®ã®éãã®ã¿ãä¿åããããããããŒã¿ãå°ãªããªããŸãã
èšå®ã¹ã€ããã€ã³ã¿ãŒãã§ã€ã¹
ãã®ã»ã¯ã·ã§ã³ã«ã¯ãå¥ã®èšäºãšå¥ã®ããã°ãå¿ èŠã§ãã 以åã«è¡ã£ãããšã¯ãããã°ã©ã ã®ã¢ãŒããã¯ãã£ããšåŒã°ããŸããããã®ãããªããã°ã¯ãªãããã¢ãŒããã¯ãã£ããšããã¿ã°ã®ã¿ããããŸãã 説æãå®äºããããã«ãçµæãç°¡åã«èšèã§èª¬æããã«èª¬æãã詳现ãå¥ã®èšäºã«æ²èŒããŸãã ã€ã³ã¿ãŒãã§ãŒã¹ã®ããã¹ãèšè¿°ã§ãã€ãã®ããã«ãããã¯å€æããŸãã-ããã¯éå±ã§èªã¿ã«ãããåæ§ã«åŸäºããŠçµæãæ¯èŒããã人ã ãã察象ãšããŠããŸãã
æåã¯ãç¹å¥ãªã¢ã¯ã·ã§ã³ããªããã°ããŠãŒã¶ãŒã¯ãèšå®ã®å€æŽãéå§ãããŸã§ãã€ã³ã¿ãŒãã§ã€ã¹ã®è¿œå èŠçŽ ãåãåããŸããã ããã©ã«ãã§ã¯ç©ºã®è¡ããšã¯ã¹ããŒãããããšã¯ã¡ãŒã«ãŒã®èšå®ãšäžèŽããããã[ãšã¯ã¹ããŒã]ãã¿ã³ãããããŸããïŒãŸãã¯ã¢ã¯ãã£ãåãããŠããŸããïŒã
ãã¿ã³ïŒãŸãã¯å ¥åãã£ãŒã«ãïŒâ Import âããããŸããããã䜿çšããŠãJSONæååãŸãã¯é¡äŒŒã®ãã®ãå ¥åãã£ãŒã«ãããããŒãããŠãèšå®ãå€æŽããŸãã ããã«ããããã®èšå®ãèšå®ã€ã³ã¿ãŒãã§ã€ã¹ã«åæ ãããã¬ã³ã¡ã³ããŒã®ååãèšå®ããŒãžã§ã³+èšå®ãããããã°ã©ã ã®ããŒãžã§ã³ã衚瀺ãããŸãã ä»»æã®ããŒãžã§ã³ã®èšå®ãããã°ã©ã ã®å¥ã®ããŒãžã§ã³ïŒå€ããã®ãŸãã¯æ°ãããã®ïŒã«ããŒãããããšã¯çããããšã§ã¯ãããŸããã ããã°ã©ã ã®çŸåšã®ããŒãžã§ã³ã§èŠã€ãã£ãããŒãæã€ãã®ã¯åäœããŸãã åŒã³åºããã¿ã³ã ãã¹ã ããšã ãã£ã³ã»ã« ãã衚瀺ãããŸãã 2çªç®ã¯èšå®ã®ãã¥ãŒã埩å ããäœãè¡ããŸããã1çªç®ã¯èªã¿èŸŒãŸããã€ã³ããŒãããŒãžã§ã³ãçŸåšã®ããŒãžã§ã³ãšããŠä¿åããçŸåšã®ããŒãžã§ã³ãäºçŽãšããŠä¿åããä»ã®ããã¯ã¢ããããŒãžã§ã³ãããã°ãããæ¶å»ããŸãïŒã·ã³ã°ã«ã¬ãã«ã¹ã¿ãã¯ïŒã
ä¿åãããããã¯ã¢ããããŒãžã§ã³ã®ååšã¯ãèšå®ããã«ã«è¡šç€ºãããŸãã ãããã£ãŠãããã¹ãããã¯ãªãã¯ãããšããã«ãã æ»ã ããã¿ã³ã眮ãæããããä¿åãããããŒãžã§ã³ã®ãŠãŒã¶ãŒã«é¢ããæ å ±ã衚瀺ãããŸãïŒãŠãŒã¶ãŒèšå®ããªãå Žåã¯ååšããªãå ŽåããããŸãããããã¹ããã¢ãŒãã¯æå¹ã®ãŸãŸã§ãïŒã ãåä¿¡ãèšå®ãããã¯ãžã®çµ¶ãéãªãã¶ãäžãã£ãŠãããªã³ã¯ãããŒãžã€ã³ã¿ãŒãã§ã€ã¹ã«è¡šç€ºãããŸãïŒåä¿¡ã¡ãŒã«ã®ãªãã€ã³ããŒãšããŠïŒ
[æ»ã]ãã¯ãªãã¯ãããšãããã°ã©ã ã®èšå®ïŒéåžžã¯ããŒãžã®åèªã¿èŸŒã¿åŸã«æå¹ã«ãªããŸãïŒãããã³èšå®ããã«-ãã¹ãã®èšå®ãš[ãã¹ã]-[ãã£ã³ã»ã«]ãã¿ã³-åã®æäœã¹ãããã«æ»ããŸãã
localStorageã®åæã«ãã£ãŠèšé²ãããæ°ããããŒãžã§ã³ã®ã¹ã¯ãªãã ïŒããã°ã©ã ïŒãããŒãããããšãèšå®ãäžåºŠå€æŽãããå Žåãšåãããã«èšå®ã®ç¶æ ã«äœçšããŸãã å€ãèšå®ã®ã³ããŒãäœæãããããã¹ãããšåæ§ã«ãã æ°ããããŒãžã§ã³ ãéç¥ã衚瀺ãããŸãã ãããè¡ããªããšãããã°ã©ã ã®åäœãå€æŽãããšãŠãŒã¶ãŒãå°æããŸãã ããã§ã¯ããã®ãã¿ã³ãå šå¡ã«è¡šç€ºããããé¢å¿ã®ãã人ã«ã®ã¿è¡šç€ºããããšããçåãçããŸãã ã»ãšãã©ã®å Žåã2çªç®ã§ããã誰ã«ãšã£ãŠã-éç¥æ©èœã¯èšå®ããã«ã«é ããŠããŸãã
ããŒãžã§ã³ã®å€æŽãç¹°ãè¿ãçºçããå Žåãå®éã«ã¯äœãå€æŽããããã¹ã¯ãªããã®æ°ããããŒãžã§ã³ïŒããã³æ°ããèšå®ïŒã®å€ã®ã¿ãå€æŽãããŸãã ãŠãŒã¶ãŒãæ°ããããŒãžã§ã³ã®èšå®ãå€æŽããå Žåã衚瀺ããã2ã€ã®èšå®ã°ã«ãŒãïŒæ°ããããŒãžã§ã³ãšå€ãããŒãžã§ã³ïŒãã¯ãªãã¯ãããšãã ä¿å ããã¿ã³ã衚瀺ãããŸã ã ãæ»ããã¯ããŒãžã§ã³ã®ããŒããŒã·ã§ã³ãåŒãèµ·ãããŸãããæ»ãããšããåèªã¯ããã¹ããã®å Žåã®ããã«ãæ°ããèšå®ãé©çšãããã«å€ãããæ°ããèšå®ã«æ»ããŸãã å€ãããã°ã©ã ã«æ»ãã«ã¯ã衚瀺ãããã ããŒã«ãã㯠ããã¿ã³ãã¯ãªãã¯ããå¿ èŠããããŸããããã¯ãå€ãèšå®ãæåŸã«ç·šéãããšãã«çªå·ãèšæ¶ãããŠããããŒãžã§ã³ã§çºçããŸãã ïŒãã®ã¡ã«ããºã ã«ã¯ããªãªãŒã¹ãããããŒãžã§ã³ãžã®ã¢ã¯ã»ã¹ãå¿ èŠã§ããïŒä»ã®ããŒãžã§ã³ã«åãæ¿ããã«ã¯ãæ°åã®ããããããŠã³ãªã¹ãã
ãŠãŒã¶ãŒã2ã€ã®ã»ãããä¿åããããšãã«èšå®ã®ã»ãããå床å€æŽããããããã°ã©ã ã®3çªç®ã®ããŒãžã§ã³ãããå Žåãã¹ã¿ãã¯ã«æ°ããä¿åã¯ãªããçŸåšã®ã°ã«ãŒãã®ã¿ãå€æŽãããŸãïŒ[ä¿å]ãã¯ãªãã¯ããåŸïŒã
[èšå®ã®ç¢ºèª]ãã¿ã³-èšæ¶ç¶æ ã®ä¿åãæåŠããã«ã¯-ããŒã«ããã¯ãæ°ããããŒãžã§ã³ã®ãŸãŸïŒãæ°ããããŒãžã§ã³ãã¢ã€ã³ã³ãåé€ãããŸãïŒã ç¶æ ã1ã®å Žåããã¿ã³ã¯ãèšå®ã®æ¶å»ããŸãã¯ã ãªã»ãã ããšåŒã°ããã¡ã¢ãªã¯èšå®ããââæ¶å»ãããããã©ã«ãèšå®ã䜿çšãããŸãã ããªã»ãããã¯ã誀ã£ãŠæŒãããšããä¿è·ãããŠããŸãã
ããªã»ããã®æ°ã2ã«å¶éãããŠããããããã¹ãã¢ã¯ã·ã§ã³ãå®è¡ãããšããŒã«ããã¯èšå®ãæ¶å»ããããã¹ãã®çµäºæã«ãããã埩å ãããŸããã ãããã倱ããªãããã«ããã«ã¯ããŠãŒã¶ãŒèšå®ããããšãã«ã¢ã¯ãã£ãã«ãªããšã¯ã¹ããŒããã¿ã³ã䜿çšããŸãã
ãã¿ã³ãšéç¥æ©èœã®ãªã¹ããšãããã®ã°ã«ãŒãåãå床ãªã¹ãããŸãã
*ã€ã³ããŒãããšã¯ã¹ããŒã-æååãšããŠå ¥åèšå®ãæœåºããããã
*ãã¹ãããã£ã³ã»ã«-èšå®ãé©çšããèšå®ã®ã€ã³ããŒãã®è¡šç€ºããã£ã³ã»ã«ããŸãã
*ããã¹ãã-èšå®ããã¹ãã¢ãŒãã§ããããšã瀺ãéç¥ã
* Return-èšå®ã埩å ãããã¹ããçµäºããŸãã
*ãæ°ããããŒãžã§ã³ã-ïŒèšå®ããã«ã§ïŒæ°ããããŒãžã§ã³ã®ããŠã³ããŒãã«ã€ããŠéç¥ããéç¥è ã
*ããŒã«ããã¯-åã®ããŒãžã§ã³ã«ããŒã«ããã¯ããããã®ãæ»ããã®é¡äŒŒç©ã
*ã³ã³ããŸãã¯ããŒãžã§ã³ã®ãªã¹ã-ããŒã«ããã¯ãããããŒãžã§ã³ã
*ä¿åããã£ã³ã»ã«-ãŠãŒã¶ãŒããã®èšå®å€æŽã®ç¢ºèªã ããã¹ããã«äŒŒãŠããŸãããéç¥ã¯ãããŸããã
*èšå®ã確èªïŒãæ»ããã®ä»£ããã«ïŒãŸãã¯ãªã»ãã-ä¿åãããèšå®ãåé€ããçŸåšã®ïŒãŸãã¯ããã©ã«ãïŒãé©çšããéç¥ãæ°ããããŒãžã§ã³ããåé€ããŸãã
*æ°èŠé©çš-ããŒã«ããã¯åŸ-èšå®ã®æ°ããããŒãžã§ã³ã«æ»ããŸãã
次ã®ã·ãªãŒãºã§ã¯ãããããã¹ãŠãã©ã€ãã§èŠãããšããŸãããã¹ã¯ãªããã§ã¯ãŸã æ©èœããªãå¯èœæ§ãé«ããã€ã³ã¿ãŒãã§ã€ã¹ãã€ã³ãã£ã³ã°ã§èšââäºãæžãå¿ èŠã¯ãããŸãããããã°ã©ãã³ã°ã¯ã¬ã€ã¢ãŠããªãã§è¡ãããŸãã 次ã«ã説æãããã¡ã«ããºã ãåããå ¬éã¹ã¯ãªããããã¢ãšããŠåŸ ã¡ãŸãã
ãŸãšã
ããŒãžã§ã³ãå€æŽãããšãã«ããã°ã©ã ã®éçºãèæ ®ã«å ¥ããã«æè¡çãªæ¬ é¥ã®ãªãèšå®ãæäœããããã®ã€ã³ã¿ãŒãã§ã€ã¹ãååŸãããŸããã ãæšå¥šãã®æŠå¿µãå°å ¥ãããŠãããããã€ãã®æšå¥šäºé ãšãããããæ¹åã®ããã°ã©ã ããŒãžã§ã³ãšäºææ§ã®ããèšå®åœ¢åŒã§äœæ¥ããããšãå¯èœã§ããæ°ããããŒãžã§ã³ïŒã¢ããã°ã¬ãŒãçšïŒãšå€ãããŒãžã§ã³ïŒããŒã«ããã¯çšïŒã®äž¡æ¹ã§æ©èœããŸãã