React¤Ë¤è¤Ã¤Æ¥Í¥¤¥Æ¥£¥Ö/WebÏÀÁè¤Ï½ª¤ï¤Ã¤¿¤Î¤«¤â¤·¤ì¤Ê¤¤
React¥Í¥¤¥Æ¥£¥Ö¤Ë¤è¤Ã¤Æ¤¢¤ëiOS¤ÎWeb³«È¯¼Ô¤Î¹Í¤¨¤ÏÊѤï¤Ã¤¿¡£¤¢¤Ê¤¿¤Ï¤É¤¦¤À¤í¤¦¤«?
PC¤Ç²æ¡¹¤¬Web¥¢¥×¥ê¤ò¿¤¯ÍøÍѤ¹¤ë¤¬¡¢¥â¥Ð¥¤¥ë¤Ë¤ª¤¤¤Æ¥¢¥×¥ê¤ÏÁ´¤Æ¤À¡£º£¤Ç¤Ï¥â¥Ð¥¤¥ë¤ò»È¤Ã¤Æ¤¤¤ë»þ´Ö¤Î90%¤Ï¥¢¥×¥ê¤ÎÍøÍѤËÈñ¤ä¤µ¤ì¤Æ¤¤¤ë¡£
¤³¤³¤Ç¤¤¤¦¥¢¥×¥ê¤È¤Ï¥Í¥¤¥Æ¥£¥Ö¥¢¥×¥ê¤Î»ö¤À¡£
¥Þ¡¼¥¯¡¦¥¶¥Ã¥«¡¼¥Ð¡¼¥°¤¬¥Í¥¤¥Æ¥£¥Ö¤Ç¤Ï¤Ê¤¯HTML5¤ËÅê»ñ¤·¤¿¤Î¤ÏºÇÂç¤Î¼ºÇÔ¤À¤Ã¤¿¤ÈÀë¸À¤·¤Æ°ÊÍè¡¢¥â¥Ð¥¤¥ëWeb¤ÏÃå¼Â¤ËÀª¤¤¤ò¼º¤Ã¤Æ¤¤Æ¤¤¤ë¡£
¤·¤«¤·ÈéÆù¤Ê¤³¤È¤Ë¡¢¥Õ¥§¥¤¥¹¥Ö¥Ã¥¯¤Î¥¨¥ó¥¸¥Ë¥¢¤¿¤Á¤Î¤ª¤«¤²¤Ç¤½¤ì¤â²áµî¤Î»ö¤Ë¤Ê¤ë¡£
¤É¤¦¤¤¤¦¤³¤È¤«ÀâÌÀ¤·¤è¤¦¡£
¥â¥Ð¥¤¥ëWeb¤òReact¤¹¤ë
¥¶¥Ã¥«¡¼¥Ð¡¼¥°¤¬HTML5¤Ï½ª¤ï¤Ã¤¿¤ÈÀë¸À¤·¤¿Íâǯ¡¢¥Õ¥§¥¤¥¹¥Ö¥Ã¥¯¤Î¥¨¥ó¥¸¥Ë¥¢¤Î°ì¿Í¤Ç¤¢¤ë¥¸¥ç¡¼¥À¥ó¡¦¥¦¥©¡¼¥¯¤¬Web³«È¯¤Î¿·¤·¤¤¥¢¥×¥í¡¼¥Á¤Ç¤¢¤ëReactJS¤òÀ¸¤ß½Ð¤·¤¿¡£
ReactJS¤Ï³«È¯¼Ô¤¬JavaScript¤Î¥¹¥¥ë¤ò³èÍѤ·¡¢¥¢¥×¥ê³«È¯¤ò¥·¥ó¥×¥ë¤Ë¤Ç¤¤ë¤è¤¦¤Ë¤Ê¤Ã¤¿¡£¤·¤«¤·Â¾¤Ë¤â¿¤¯¤¢¤ë¥¤¥Î¥Ù¡¼¥·¥ç¥ó¤Î¤¦¤Á¡¢ºÇ¤â¶½Ì£¿¼¤¤¤Î¤ÏVirtual DOM¤ò»È¤Ã¤Æ¤¤¤ëÅÀ¤À¡£¤³¤ì¤Ë¤è¤êReactJS¤Ï¥Ö¥é¥¦¥¶¡¼¤ÎDOM¤Î¹¹¿·¤ò¸úΨ²½¤·¡¢¥Ñ¥Õ¥©¡¼¥Þ¥ó¥¹¤ò¤¢¤²¤ë¤³¤È¤¬¤Ç¤¤ë¡£
¤½¤·¤Æ2015ǯ¡¢ReactJS¤ÏReact Native¤È̾Á°¤ò²þ¤á¤Æ¥â¥Ð¥¤¥ë¤ËÅо줷¤¿¡£
Mozilla¤Î¥¸¥§¥¤¥à¥¹¡¦¥í¥ó¥°¤Î¤è¤¦¤ÊÇ®¶¸Åª¤ÊWeb»Ù»ý¼Ô¤Ï¡ÖReact.js¤Ï¥¢¥×¥ê³«È¯¤ÎÀµ¤·¤¤ÊýË¡¤À¡£¤Þ¤ë¤Ç¥Í¥¤¥Æ¥£¥Ö¥¢¥×¥ê¤ò½ñ¤¤¤Æ¤ë¤Î¤ÈƱ¤¸´¶¤¸¤ÇWeb³«È¯¤ò¹Ô¤¨¤ë¡×¤È¤¤¤Ã¤Æ¤¤¤ë¡£
¤½¤¦¤Ê¤Î¤Ç¤¢¤ì¤Ð·ë¹½¤ÊÏäÀ¡£Web¼çÂΤγ«È¯¼Ô¤Ï¾¤Ë²¿¤ò˾¤à¤È¤¤¤¦¤Î¤À¤í¤¦?
iOS³«È¯¼Ô¤¬React Native¤ò»È¤¨¤ë¤è¤¦¤Ë¤Ê¤ë¤È…
¥Þ¡¼¥¯¡¦¥·¥ê¥ó¥°¤¬React Native¤ò»¾¤¨¤ë¤Î¤Ë¶½Ì£¤ò¤ª¤Ü¤¨¤ëÍýͳ¤Ï¤³¤³¤Ë¤¢¤ë¡£¥¢¥×¥ê³«È¯½¸ÃĤÎChalk + Chisel¤ÇƯ¤¯¥·¥ê¥ó¥°¤Ï¡¢¶²¤é¤¯¤ÏÏӤΤ¿¤ÄiOSÀìÌç¤Î¥¨¥ó¥¸¥Ë¥¢¤Ç¤¢¤ë
React Native¤ò¥×¥í¥¸¥§¥¯¥È¤Ç»È¤ï¤¶¤ë¤òÆÀ¤Ê¤¯¤Ê¤Ã¤¿¥·¥ê¥ó¥°¤Ï
¥¢¥Ã¥×¥ë¤Î¥¨¥³¥·¥¹¥Æ¥à¤Ë¤Ä¤¤¤ÆÉÔËþ¤Ï¤Ê¤¤¡£React Native¤Ï¤Á¤ç¤Ã¤È¤·¤¿¼Â¸³¤ÎÍͤʤâ¤Î¤À¤È¹Í¤¨¤Æ¤¤¤¿¡£¤À¤¬»ä¤ÎÃæ¤Ë¤ÏËÜʪ¤Î¥Í¥¤¥Æ¥£¥Ö¥¢¥×¥ê¤Ï¤³¤ì¤Þ¤ÇÄ̤ê¤Î”¥Í¥¤¥Æ¥£¥Ö”¤ÊÊýË¡¤Ç½ñ¤«¤ì¤Ê¤±¤ì¤Ð¤Ê¤é¤Ê¤¤¤È¤¤¤¦¹Í¤¨¤¬¤¢¤Ã¤¿¡£´û¤Ë¥Í¥¤¥Æ¥£¥Ö¥¢¥×¥ê¤Î³«È¯¤ò¿È¤Ë¤Ä¤±»Ï¤á¤Æ¤¤¤¿¼«Ê¬¤Ë¤È¤Ã¤Æ¡¢¤³¤ì¤Þ¤Ç¤ä¤Ã¤¿»ö¤Î¤Ê¤¤Javascript¤ò³Ø¤ó¤À¤ê¡¢¿·¤·¤¤¥¢¥×¥ê³«È¯¤ÎÊýË¡¤òÃΤ뤳¤È¤Ïñ¤Ë»þ´Ö¤Î̵Â̤ˤʤë¤Î¤Ç¤Ï¤È»×¤Ã¤Æ¤¤¤¿¡£
¤È½Ò¤Ù¤Æ¤¤¤ë¡£
React Native¤ò»î¤·¤Æ¤ß¤è¤¦¤È»×¤Ã¤¿¤¤Ã¤«¤±¤Ï¡¢¥¢¥×¥ê¤òAndroid¤Ç¤âÆ°ºî¤µ¤»¤ë»Å³Ý¤±¤¬É¬ÍפÀ¤Ã¤¿¤«¤é¤À¡£iOS¤Ç¤Î³«È¯¤ò¹¥¤à¥·¥ê¥ó¥°¤Ë¤È¤Ã¤Æ¡¢Android¤Î¥Í¥¤¥Æ¥£¥Ö¥¢¥×¥ê³«È¯¤Ïµ¤¤¬¾è¤é¤Ê¤¤¤â¤Î¤À¡£Íý¶þ¤Î¾å¤Ç¤ÏReact¤ò»È¤¦¤³¤È¤Ë¤è¤Ã¤Æ¡¢°ì¤Ä¤Î¥½¡¼¥¹¤Ç2¤Ä¤Î°Û¤Ê¤ë¥×¥é¥Ã¥È¥Õ¥©¡¼¥à¤ÇÆ°ºî¤¹¤ë¥¢¥×¥ê¤ò³«È¯¤¹¤ë¤³¤È¤¬½ÐÍè¤ë¡£
¤½¤·¤Æ¤½¤ÎÍý¶þ¤Ï¸½¼Â¤Î¤â¤Î¤È¤Ê¤Ã¤¿¡£
React¤Ç¤Î³«È¯¤ò³Ø¤Ö¤Î¤Ë¶ìÏ«¤Ï¤¢¤Ã¤¿¤¬¡¢¥·¥§¥ê¥ó¥°¤Î³«È¯¤ËÂФ¹¤ë¹Í¤¨¤Ï´°Á´¤ËÊѤï¤Ã¤¿¡£¡Ö¿ô¥ö·î¤«¤«¤Ã¤¿¤¬¡¢¤â¤¦Objective-C¤äSwift¤ò»È¤Ã¤ÆiOS¥¢¥×¥ê¤òºî¤ë¤³¤È¤Ï¤Ê¤¤¤À¤í¤¦¤È¶»¤òÄ¥¤Ã¤Æ¤¤¤¨¤ë¡×¤ÈÈà¤Ï¸À¤Ã¤Æ¤¤¤ë¡£
¤â¤¦¥Í¥¤¥Æ¥£¥Ö¥¢¥×¥ê¤ÏÍפé¤Ê¤¤¤Î¤«?
Èà¤é¤¬ºî¤Ã¤¿Dicovery VR¥¢¥×¥ê¤ò»È¤Ã¤Æ¤ß¤ì¤Ð¡¢¤½¤ì¤¬Web¥¢¥×¥ê¤Ê¤Î¤«¥Í¥¤¥Æ¥£¥Ö¤Ê¤Î¤«¤¤Ã¤Èʬ¤«¤é¤Ê¤¤¤³¤È¤À¤í¤¦¡£
React Native¤Ç¤Ï¤½¤ÎÍͤʶèÊ̤ϰÕÌ£¤Î̵¤¤¤³¤È¤À¡£
React¤Ë¤Ï¤Þ¤À²þÎɤµ¤ì¤ë¤Ù¤¤È¤³¤í¤¬¤¢¤ë¡£¥Ä¡¼¥ë¤ä¥É¥¥å¥á¥ó¥È¤Î½¼¼Â¤Ê¤É¤Ï¤½¤Î°ìÎã¤À¡£¤·¤«¤·¥·¥ê¥ó¥°¤¬·Ð¸³¤·¤¿¤³¤È¤¬Â¾¤Î³«È¯¼Ô¤¿¤Á¤Ë¤âµ¯¤³¤ë»ö¤Ê¤Î¤Ç¤¢¤ì¤Ð¡¢¡Ö¥Í¥¤¥Æ¥£¥Ö¥¢¥×¥ê³«È¯¡×¤È¤¤¤¦¸ÀÍդΰÕÌ£¤Ï¤³¤³¿ôǯ¤Ç¥´¥í¥Ã¤ÈÊѤï¤ë¤³¤È¤À¤í¤¦¡£
¥È¥Ã¥×²èÁüÄ󶡡§Facebook
Matt Asay
[¸¶Ê¸]