tom.mgzl.jpãä½ããªããã¾ãã
ãªããã¡ã¿ãã¿ã¯ã¼ãã®ãã®ãçããã¨ããçããç¾è±¡ãèµ·ãã¦ããã®ã§ãåã ããããããè¨ã£ã¦ããTower of Metabï¼ToMï¼ãä½ããªããã¾ããã
ã¡ã¿ãã¿ã¯ã¼ã®ã³ã¡ã³ããä¸è¦§ã§è¦ãããµã¼ãã¹ã§ããåºæ¬çã«IDã³ã¼ã«åæ¦ãã»ã£ããçºããçºã®ãã¼ã«ãªã®ã§ãIDã³ã¼ã«ãããã³ã¡ã³ãã®ã¿ã表示ãããã§ãã¾ãã
æè¡çãªè©±
bh.mgzl.jpã¨ã»ã¼åãES2015+Babel+Reactã§ä½ãã¾ãããåã®ãã¼ã¸ã§ã³ã¯AngularJSã使ã£ã¦ããããã©Reactã®æ¹ã使ã£ã¦ã¦æ¥½ããã®ã§è¯ãã£ãï¼å°ä¸¦ï¼ã
ä»çµã¿ã¯åã«ã¯ã¦ãã®APIãããããåãã¦ããã ãã§ãããµã¼ãã¼ã¸ã®ä¿åããªãã以åã¯settionStorageã«ä¸æçã«æ¤ç´¢çµæãä¿åããããã¦ããããã©æ¢ãã¾ããã
ãã¨ã¡ã¿ããã¼ã¸ã®URLãå ¥ãã¦ãå°ä¸éããç»ããã¨ãåºæ¥ãããã«ãªãã¾ããããã ãã¯ã¦ãã®ä»æ§ä¸ãªãªã¸ãã«ã®URLãéåãã¦ãã¾ã£ã¦ããå ´åã¯ä¸æãè¡ãã¾ããã
ã¡ã¿ãã®é ä¸
æ°ãã¤ãããã¾ãã¡ã¿ãã®é ä¸ãå¤ãã£ã¦ã¾ãããå®ã¯ä»¥åã®ãã¼ã¸ã§ã³ã¯é ä¸ã ãã¯æ±ºãæã¡ã ã£ãã®ã§ãä»åã®ãã¼ã¸ã§ã³ããã¯ç´ç²ã«å°éå¯è½ãªé ä¸ã表示ãããããã«ãªãã¾ãããIDã³ã¼ã«åæ¦ã®æ®éª¸ãè¦ããã¦æ¥½ããã§ããã
ãã¶ã¤ã³
å®ã¯ãã³ã¡æ¬ã¯ã¯ã¦ãã®ã³ã¡ã³ãä¸è¦§ã«ã ãããæãã¦ããã¾ãã大ä½ãªã®ã¯é¢åãããããã§ãã
ææ³
ç©ãä½ãã®ã¯æ¥½ããã§ãããå®ã¯Reactã£ã¦ããããã©ã¤ããªãµã¼ãã¹ã§ãä½ãã®ã¯æ¥½ãªããããªããã¨æãã¾ãããã®ç¨åº¦ã®ãµã¼ãã¹ã§ES2015+Babel+Reactã£ã¦ã®ã¯å¤§ä»°ãªããããªããã£ã¦æ°ããã¾ããã趣å³ãµã¤ããªãã§ããã®è¾ºã®æ段ã¨ç®çè«ã¯ä½ãæå³ãç¡ãã§ããã
追è¨
ç´°ããæçµæ§æãã¦ãã®ãè¦ã¤ãã¦ãã¾ã£ããã©ãææ¥ä»¥éã«ãããã