Google ã®ã¨ã³ã¸ãã¢ãè¾ã㦠Progate ãå§ãã¾ãã
2021å¹´3æ31æ¥ä»ã§ Google ãéè·ããæ¬æ¥4æ1æ¥ãã Progate ã§ã¨ã³ã¸ãã¢ã¨ãã¦åããã¨ã«ãã¾ããã*1
ããã§ã以ä¸ã®ï¼ç¹ã«ã¤ãã¦ãã¤ãã¤ãã¨æ¸ãã¦ãã£ã¦è»¢è·ã¨ã³ããªã¨ãããã¨ã«ãã¾ãã
- æ±äº¬ã§Googleã®ã¨ã³ã¸ãã¢ã¨ãã¦åããï¼å¹´é
- ãã£ãªã¢ãã¹ã«ã¤ãã¦ã®æ©ã¿
- ããã°ã©ãã³ã°æè²ã«ã¤ãã¦æå¾ ãããã¨
ããä»ã«ãèããããã¨ããã£ããTwitterã§ãªãã§ãé£ã°ãã¦ãã ãããçããããããªãã¨ã¯çããããããã¾ããã
æ±äº¬ã§Googleã®ã¨ã³ã¸ãã¢ã¨ãã¦åããï¼å¹´é
åã¯æ±äº¬ã® Chrome ãã¼ã ã§ã Service Worker ã¨ãã JavaScript ã® API ãå®è£ ãã¦ãã¾ããã
const reg = await navigator.serviceWorker.register('sw.js');
ã¨ãã JavaScript ã®ã³ã¼ããæ¸ããã¨ãã« Chrome ã®è£å´ã§ã©ããã C++ ã®ã³ã¼ããåãã®ãã詳ããç¥ããã人ã¯å£°ãããã¦ãã ãããã
Chromium ã¯ãªã¼ãã³ã½ã¼ã¹ãªã®ã§å ·ä½çãªä»äºå 容ãã¡ãã£ã¨ã ãç´¹ä»ããã¨ããã¨ãã° Service Worker ã Network Loading ã®å¤§è¦æ¨¡ãªãã¡ã¯ã¿ãªã³ã°ãããããã¿ã¤ã ã¢ã¦ãã®å®è£ ããããã¨ãã£ãå é¨çãªãã®ãããJavaScript ã« API ã®è¿½å ãããããDocs ã®æ§è½æé©åãªããããããããã¦ãã¾ããã æçµçã«æå¾ã®ï¼å¹´ã¯ããã¯ãªã¼ãã¨ãã¦ä»äºãããã¦ããããã¡ããã©å¤§ããããã¸ã§ã¯ããããã¤ãããªã®ããã¨ããã¾ã§é²ããããã¨ããã§éè·ã¨ãªãã¾ããã
ã¨ããã§ããã©ã¦ã¶ã¨ããã®ã¯ããç¹æ®ãªã½ããã¦ã§ã¢ã§ãèªç¤¾ã§ä»æ§ã決ããäºãã§ããã W3C ã WHATWG ã IETF ãªãã¦ããã¨ããã§ä»æ§ã®æ¨æºåããã¤ã¤å®è£ ãè¡ããã¾ãããã®ã¨ã³ã·ã¹ãã ã®ä¸ã«ããã¦ãä»æ§çå®ããå®è£ ã¾ã§ä¸è²«ãã¦ã½ããã¦ã§ã¢ã¨ã³ã¸ãã¢ã¨ãã¦æºãããã®ã¯å¤§å¤å¤§ããªçµé¨ã«ãªã£ãã¨æãã¦ãã¾ããæ®æ®µã®ã³ã¼ãã¬ãã¥ã¼ãªã©ã§å¤§å¤åªç§ãªååãã¡ããè¨è¨ãªã©ã«é¢ããã¢ããã¤ã¹ããããã®ã¿ãªãããè°è«ãé²ã¾ãªãã¨ãã®é²ãæ¹ãæå·®ãã¾ããã ä»äºã®ãããã大è¦æ¨¡ãªãªãã¡ã¯ã¿ãªã³ã°ãããããããã®ææ³ãæ¨æºåã®å¤§äºãããªã¼ãã³ã½ã¼ã¹ã³ãã¥ããã£ã¼ã§ã®è°è«ã®ãããã¨ãã£ããå½ãã¾ããã§å¤ãã®äººã¨ã¤ã³ãã¯ãã®å¤§ããä»äºãããããã®ã³ããå¦ã¹ãã®ã¯å¤§ããªåç©«ã ã£ãããªã¨æãã¾ããã³ããåã«ã¯ãæµ·å¤ã«å¹´ï¼ï½ï¼åç¨åº¦åºå¼µã«è¡ããã¦ããã£ã¦ããã®ãã¨ã¦ã楽ããã£ãã§ãã
ã¾ããèªä¸»æ§ãéãããããç°å¢ã ã£ãã¨ããã®ãã¨ã¦ãæé·ã«ã¤ãªãã£ãã¨æãã¾ãã ãªã«ãããããã©ããã¦ãããããã¨ããã®ã常ã«èªåã§èããããã¹ããã¨ãèªç¶ã¨ä¸»å¼µã§ãã人ãè©ä¾¡ããã¦ããããã«æãã¾ãããå¾ ã£ã¦ããã°ä¸ããããã®ã§ã¯ãªãã¨ããã®ã¯æ¹ãã¦ãªããªãç°¡åãªç°å¢ã§ã¯ãªããªã¨æãã¾ããã常ã«ã次ã¯ä½ããã¹ããï¼ããèªåã§èããããã®ãããã¬ã¼ãã³ã°ã«ãªã£ãã¨æãã¾ãã
ã»ãã«ãã STEP æè²ã³ã¼ã¹ã¨ããããã°ã©ã ã§ã¢ã«ã´ãªãºã ããã¼ã¿æ§é ãå§ãã¨ããã½ããã¦ã§ã¢éçºã®åºæ¬çãªç¥èãææ¥ã§æãããããã¾ããã大å¦æ代ã«ãããªææ¥ããã£ããé¢ç½ãã£ãã ãããªãã¨ããå 容ãï¼æéã®ææ¥ã«ã¾ã¨ãä¸ããã®ã¯ãªããªãè¦å´ãã¾ããããæè²ã³ã¼ã¹ãåºãå¦çãããã¡ãæ´»èºãã¦ãã姿ãè¦ãã¨ã¨ã¦ãå¬ãããªãã¾ãã
Google ã®ã½ããã¦ã§ã¢ã¨ã³ã¸ãã¢ã¨ãã¦åãã®ã¯äººã«ããããã§ãããï¼ã¨ããã¨ãåå人ã®æè¦ã§ããã° Yes ã§ããåªç§ãªååãä¸å¸ãç«å ´ã«é¢ããã対çã«æè¡çè°è«ãé²ãããããã¨ãæ£å½ãªè©ä¾¡ã¨æ£å½ãªè©ä¾¡ããããã¨ã«å¯¾ãããã£ã¼ãããã¯ã«ã¼ãããããã¨ãªã©ãåã®æããè¯ãç¹ã§ãã ä¸äººã«ã¨ã£ã¦æ¥½ãªç°å¢ã§ã¯ãªãã¨æãã¾ãããããè¨ãããåå ¥é¢ã§ã®ã¡ãªããã ãã§ãªãããã¡ãã¨ä»äºãããã¨ãã¡ãã¨è©ä¾¡ãããã¨ããè¯ãç°å¢ã ã¨æãã¾ãã
ãã¨ã©ã³ãã¯ã¨ã¦ãç¾å³ããã£ãã§ãï¼*2
ãã£ãªã¢ãã¹ã«ã¤ãã¦ã®æ©ã¿
ä¸æ¹ã§ãå人çãªèª²é¡ãããã¤ãããã¾ããã ãã¨ãã°è±èªãè¦æãªãã¨ãç¥èã»çµé¨ã®ä¸è¶³ã«ããæ¨æºåä¼è°ã§ã®è°è«ã«åå ããå£ãæãããã¨ãããã¯åç´ã«åã®åå¼·ä¸è¶³ã§ãããã®ã§ãããè°è«ãå¼ã£å¼µã£ã¦ããç«å ´ã«ãªãããã«ã¯ã¾ã ã¾ã è³ããªããã¨ãå¤ãããã¨æãã¾ããã
ã¾ããããã¯ãªã¼ãã¨ãã¦ããããããã¿ã¹ã¯ããåªå é ä½ãã¤ãã¦ãããã¨ã¯ãã¾ããããéã«èªåããããã¸ã§ã¯ããåµãåºããã¨ã¯ã§ãã¦ããªãã£ããªã¨å¼·ãæãã¦ãã¾ãããé·æçã« Service Worker ã¨ãã API ãã©ããã¦ããããããå ¨ä½ã®ãã¼ã ã®ä¸ã§åãã¡ã®ãã¼ã ã¯ã©ãããã¹ãããã¨ãã£ããããªãã¨ããã¾ãä½ç½®ã¥ããããè¦å´ãã¾ããããã®ä¸ã§ãç¹ã«ãèªåãã¡ã®ä½ã£ã¦ããæ©è½ã使ã£ã¦ããã¦ãããã¼ã ã¨ã®è·é¢ãé ãããã«æããããä½ãããã¨åã°ããã®ãã¨ããã®ããããã¥ããã£ãã¨ããç¹ãé£ããã£ãã§ãã
èªèº«ã®ä¸ã«ããã¦ãããã¯ãªã¼ãã¨ãã¦ä»äºãããã¨ããã®ã¯ãå
¥ç¤¾æãã決ãã¦ãããã£ãªã¢ã«ãããä¸ã¤ã®ãã¤ã«ã¹ãã¼ã³ã§ããã
ãããéæããä»ããããã®çµé¨ãè¸ã¾ãã¦æ¹ãã¦èªåã¯ä»å¾ã©ããã£ã¦ä»äºããã¦ããããããèããã¨ãããèªåã®ããããã®åååã¯ãé¢ç½ããã®ãã¤ãããããã¨ããã¨ããã«ããããã«æãããã¾ããããã®ããã«ã¯ããããã¯ãã使ã£ã¦ããå ´æã«è¿ããä½ãããã価å¤ãæä¾ã§ãããèªåã§èãããããããªã¨ããã§ä»äºãããã®ãè¿éã«æãã¾ãã
ããã§ãã¼ã ã移ããã¨ãèãã¾ããããæ®å¿µãªããä»å¹´ã¯ã³ããç¦ã§åéãã»ã¨ãã©ãªãã£ãã§ããã¾ãããã ãã§ã¯ãªããï¼å¹´å¾ãï¼ï¼å¹´å¾ã¾ã§ãã®ä¼ç¤¾ã§åãããã¯å¤§ããéãç°å¢ã§åãã¨ããçµé¨ãç©ã¿ããã¨èãããã¨ããã¨ãã¨ããã°ã©ãã³ã°æè²ã«ã¯å¤§å¤èå³ããããããã«å¹¸ãã«ã転è·ãèãã¦ããã¿ã¤ãã³ã°ã§å¤§å¦ã®å¾è¼©ã«å£°ãããã¦é ããç¸ãªã©ãéãªãããã®åº¦ã¯ Progate ã«è»¢è·ãããã¨ã«ãã¾ããã
ããã°ã©ãã³ã°æè²ã«æå¾ ãããã¨
ããã°ã©ãã³ã°ãå¿ ä¿®åããããã¨ããããããã°ã©ãã³ã°ãå¦ã¶ãã¨ã«èå³ãæã£ã¦ãã ãã£ã¦ããæ¹ã¯å¤ãããããã«æãã¾ãã
ä¸æ¹ã§ãå¦ç¿ãå§ãã®ã¨ããã§èºãã¦ãã¾ã£ã¦ãã以ä¸ã®åå¼·ã«ãã¾ãã¤ãªãã£ã¦ããªããããªã±ã¼ã¹ã¯å¤ãããããã«æãã¦ãã¾ããæ¬ããµã¤ããåç»ãããã°ã©ãã³ã°ã¹ã¯ã¼ã«ã¨ãã£ãã³ã³ãã³ãã¯ä¸ã®ä¸ã«ããããããã¾ããããããå®éã«ã価å¤ã®ãããã®ãåµããã¨ããããã°ã©ãã³ã°ã«ããã¦æãé¢ç½ãçµé¨ãã§ãããããªã¬ãã«ã¾ã§ãä½ç³»ã ã£ãå¦ç¿ãä¸è²«ãã¦å¤ãã®äººã«æä¾ã§ãããããªãã®ã¯ãã¾ããªãããã§ãã Progate ã§ã¯ããã®ãããªãåµãã人ããããããçã¿åºããã³ã³ãã³ããåµã£ã¦ãããããããªã¨æã£ã¦ãã¾ãã
ãããã«
ããã¾ã§ãä¸è©±ã«ãªã£ãååãã¤ã³ã¿ã¼ã³ãã¤ãã³ãã§ã話ããã¦ããã ããæ¹ã
ã«ã¯å¤§å¤æè¬ãã¦ããã¾ãã
ï¼å¹´éã¨ããæéã¯éãã¦ã¿ãã¨ãã£ã¨ããéã§ãããã¨ã¦ã楽ããéãããã¦ããã ãã¾ãããã©ã³ããããããã«ãªã£ããèªã£ã¦ãã ããï¼
ãããããæ°ããç°å¢ã§å¼ãç¶ãé å¼µã£ã¦ãããã¨æãã¾ããå¿æ´ã®ã»ã©ããããããé¡ããããã¾ãï¼*3
*1:ã¨ã¤ããªã«ãã¼ã«ãããªããï¼
*2:åçè¦è¿ãã¦ããããè ¹ç©ºãã¦ãã
*3:欲ããç©ãªã¹ãããã£ããå ¬éãã¦ããã¾ãï¼