Webå¶ä½è ã«ã¨ã£ã¦ãChrome ãããããã¼ãã¼ã«ã¯æ¬ ããã¾ãããWebå¶ä½ã«ããã«å½¹ç«ã¤ã便å©ãªæ©è½ã»ä½¿ãæ¹ãç´¹ä»ãã¾ãã Cool Chrome DevTools tips and tricks you wish you knew already ä¸è¨ã¯åãã¤ã³ããæ訳ãããã®ã§ãã â»å½ããã°ã§ã®ç¿»è¨³è¨äºã¯ãå ãµã¤ãæ§ã«ã©ã¤ã»ã³ã¹ãå¾ã¦ç¿»è¨³ãã¦ãã¾ãã 01. è¦ç´ ãElementsããã«å ã§ãã©ãã°&ãããã 02. ã³ã³ã½ã¼ã«ã§ç¾å¨ã®è¦ç´ ãåç § 03. ã³ã³ã½ã¼ã«ã§æå¾ã«å®è¡ãããå¤ãåç § 04. ã»ã¬ã¯ã¿ãå ãã¦ãè¦ç´ ã®ã¹ã¿ã¤ã«ã追å 05. å¤æ´ããCSSããã¡ã¤ã«ã«ä¿å 06. æå®ããè¦ç´ ã®ã¿ãã¹ã¯ãªã¼ã³ã·ã§ãã 07. CSSã»ã¬ã¯ã¿ã使ç¨ãã¦ããè¦ç´ ãæ¤ç´¢ 08. ã³ã³ã½ã¼ã«ã§è¤æ°ã®è¡ã«ã¾ãããã³ãã³ããè¨è¿° 09. Sourcesããã«ã®ä¾¿å©ãªæ©è½ 10. Wa
åã¨ã³ããªã§è«ãããããæ£ããã©ã³ãã³ã°è¨è¨ã®èå¯ã®ç¶ãã第2åã¯ãã©ã³ãã³ã°ã®å奪æ§ãæ ¼å·®ã®åºå®æ§ã軽æ¸ããæ段ããå ·ä½çã«è«ãã¦ã¿ãã ååã®è¨äºã¸ã®Twitterä¸ã®ãã£ã¼ãããã¯ã¯ãTogetterã«ã¾ã¨ãã¦ããããã¡ãããèå³ãããã°ãä¸èªã®ä¾¡å¤ããããããã¤ã被ã£ã¦ãã¾ã£ããã®ãããããã©ã諸ã ã®å¾åè¨äºã ãã©ã³ãã³ã°ã以å¤ã®å称ãç¨ããããã¯ã»ã¼ç¢ºå®ãã©ã³ãã³ã°ã¨ããååã¯ããnoteã¨ãã¦ç«¶äºåçãæ¨å¥¨ãããã¨ããå¼·ãã¡ãã»ã¼ã¸ãçºãããnoteã®å ¨ã¦ã®ã¦ã¼ã¶ã¼ãã競äºåçã§åãã¦ããããã§ã¯ãªãã®ã§ãããã¯æã¾ãããªãã ããããæçµçã«ã¯ã注ç®ãã人æ°ããªã©ã®å称ã使ããã¨ã«ãªããã¨æãããï¼ããªã¹ã¹ã¡ãã¯ãã¼ã½ãã©ã¤ãºç¨ã«ã¨ã£ã¦ããï¼ãã¾ãããã©ã³ãã³ã°ãã¨ããå称ãã¹ã¿ã³ã¹ãããããã¨ã§ãå¾è¿°ãããããªããã¤ãã®å ¬å¹³æ§ã®ããã®æ½çãè¡ãä½å°ãçã¾ããã æéã«ãã
å ±ã«ä½ããâ¥æå¼·ã®ãã³ã¬ã¢ããªâ¥â¥ï¼ ã¤ãã«æ¬æ°ãåºãããâ¥â¥è¬è«ç¤¾ãâ¥â¥ï¼ ã¯ã·ãã¨å ±ã«â¥ãã³ã¬çã«æ°é¢¨ãå¹ãããâ¥å æ°ãã£ã±ãâ¥å¤¢ãã£ã±ããªéçºãã¼ã ãå§åçã«å¤§åéã£â¥â¥ï¼
ãµã¼ãã¹çµäºã®ãç¥ãã ãã¤ãYahoo! JAPANã®ãµã¼ãã¹ããå©ç¨ããã ãèª ã«ãããã¨ããããã¾ãã ã客æ§ãã¢ã¯ã»ã¹ããããµã¼ãã¹ã¯æ¬æ¥ã¾ã§ã«ãµã¼ãã¹ãçµäºãããã¾ããã ä»å¾ã¨ãYahoo! JAPANã®ãµã¼ãã¹ããæ顧ãã ããã¾ãããããããããé¡ããããã¾ãã
æè¿ã®gitã使ã£ãWebã¢ããªã±ã¼ã·ã§ã³ã®ããã¸ã§ã¯ãã®éçºããã¼ (主ã«ãã©ã³ãéç¨) ã«ã¤ãã¦è¨ããã®ã§ãï¼ ãªãåæã¨ãã¦GitHub Enterpriseãå©ç¨ãã¦ãã¾ãï¼ git-flow 大ä¸æ®µã«æ§ãããã®ã®ãã¾ãç¹æ®ãªãã¨ã¯ãã¦ããªãã¦ï¼åºæ¬çã«git-flowããã®ã¾ã¾è¸è¥²ãã¦ãã¾ãï¼ git-flowã«ã¤ãã¦ã¯ãã£ãããã解説è¨äºãã¤ã³ã¿ã¼ãããä¸ã«æ°å¤ãåå¨ãã¾ãããããããåèã«ãã¦ããã ããã°ã¨æãã¾ããï¼ãã£ãã説æãã㨠masterãã©ã³ãï¼developãã©ã³ãï¼releaseãã©ã³ãï¼featureãã©ã³ãåã³hotfixãã©ã³ãããã masterãã©ã³ãã¯å¸¸ã«ãªãªã¼ã¹å¯è½ãªç¶æ ã«ãªã£ã¦ãã (ããªãã¡ç¾å¨æ¬çªã§ç¨¼åãã¦ããã¢ããªã±ã¼ã·ã§ã³ã®ã³ã¼ãã¨çãã) developãã©ã³ãã¯éçºä¸ã®ç¶æ ã§ï¼ã¹ãã¼ã¸ã³ã°ç°å¢çã«ä¸ãã£ã¦ãã releaseãã©ã³
ãã¬ã¿ ã¢ããã³ãã«ã¬ã³ãã¼3æ¥ç®æ å½ã®å¢äºã§ãã æè¿ãæ°ãããµã¼ãã¹ãªãªã¼ã¹ã«å°ãé¢ãããã¨ããããããã«åãã¦ãªã¹ã¹ã¡ããéçºã§å½¹ã«ç«ã¤ãµã¼ãã¹ãããã§ãã¾ã¨ãã¦ã¿ããã¨ã«ãã¾ããã ç§ããå®éã«ãã¬ã¿ããã¿ã¨ã³ãä½ãã¨ãã«ä½¿ã£ããµã¼ãã¹ãä¸å¿ã«ä¸ãã¦ãã¾ããç¹ã«ä½¿ã£ãæ¹ããããµã¼ãã¹ã«ã¯ [å¿ é ]ãæ¸ãã¦ã¿ã¾ããã ä»ã«ããªã¹ã¹ã¡ã®ãµã¼ãã¹ããã£ãããã³ã¡ã³ãã§æãã¦ããã ããã¨å¬ããã§ãï¼ BrowserStack [å¿ é ] https://www.browserstack.com http://qiita.com/tags/BrowserStack è¨ããªã"Browser as a service"ãè²ã ãªãã©ã¦ã¶ããªã¢ã¼ãã§æä½ãã¦Webã®åä½ç¢ºèªãããããæå®ããURLã®ã¹ã¯ãªã¼ã³ã·ã§ãããå¤ç¨®å¤æ§ãªãã©ã¦ã¶ã§æ®ã£ã¦ãã¦ããããµã¼ãã¹ã Chrome Extensionã
å®éã«ã¢ã»ã³ããªãæ¸ããSHENZHEN I/Oãã¨ããããºã«ã²ã¼ã ãããã¾ãã èªåã®åãã§ã¯éã¨ã³ã¸ãã¢ã®ãã¬ã¤ã¤ã¼ãæ¥ã å¢ãã¦ãã¦ãã¹ã³ã¢ç»é¢ãè³ã£ã¦ãã¦å¤§å¤å¬ããã§ãã Steamï¼SHENZHEN I/O ããããããã°ã©ã ã«è§¦ããçµé¨ãç¡ãå ´åãã²ã¼ã éå§ã®ã¨ã£ããããå¾ããªãã¦1åç®ã«ç«ã¡åããåã«é æ«ãã¦ãã¾ãäºãããããã§ãã ç¹ã«è±èªã® PDF è³æã«ã¾ãç®ãéããã°ãªããªãç¹ã¯éæ ã«é«ãéå£ã§ããçºã ã pdf è³æã¨ãããããã¨ããããæåã®åé¡ã触ã£ã¦ã¿ããï¼ãã¨ãã主æ¨ã§ ãã®ãããªè¨äºãå·çãã¦ãã¾ãã â»ãã®è¨äºã¯éã¨ã³ã¸ãã¢ã®æ¹ã«åãããã®ãªã®ã§ãã¨ã³ã¸ãã¢ã®æ¹ã«ã¯ç°¡åãããããããã¾ããã â»ã¾ã è±èªç pdf ã«ã¯ã¹ãã¼ãªã¼é¨ãããé¢ç½ãã®ã§ãä½è£ãåºããä¸åº¦èªãã§ã¿ãäºããå§ããã¾ãã ã¾ãã¯1åç® ã²ã¼ã ãµã¤ãã®ã¬ãã¥ã¼ã«ã¦ 30ãã¼ã¸é·ã®ãã
â»ãã®ã話ã¯ãã¶ããã£ã¯ã·ã§ã³ã§ããå®å¨ã®äººç©ãå£ä½ã¨ã¯ããã¾ãé¢ä¿ããã¾ããã åº planetter.comããã¼ã¸ã§ã³ã¢ãããããã¨ã«ãããæ°å¹´åã«ãªãªã¼ã¹ãã¦ãããã£ã¨æ¾ç½®ãã¦ãããã©ãããããæãä»ããªãã¨ãã°ãã¨æã£ãã ãããã¦ã§ãã®ä¸çã¯ããã°ã¤ã¤ã¼ã ã3å¹´ãçµã¦ã°ä½ããããå¤ãã£ã¦ããããã°ããéçºããé ããã£ã¦ããåã«ã¯ãæè¿ã®æè¡ãã¬ã³ããªãã¦ãã£ã±ãããããªãã ã¾ãã¯èªåèªèº«ãã¢ãããã¼ãããã¨ããããå§ãããã Atom æåã¯IDEã ã以åã¯Eclipseã使ã£ã¦ãããã©ããã¾ã¯ããã¦ã§ãç³»è¨èªã®é²åé度ã«è¿½ãã¤ãã¦ããªãããã ã£ããã¦ã§ãéçºç¨ã®IDEãªããã¾ã¯WebStormã人æ°ã®ããã ãææã ãã©ãææ°ã®æè¡ã«å¯¾å¿ãã¦ãããã使ãåæãããã ã§ãæçµçã«ã¯Atomãé¸ãã ãIDE(çµ±åéçºç°å¢)ã§ã¯ãªãã¨ãã£ã¿ãªã®ã§ãããèªä½ã¯åæ©è½ã ãã©ãä¸è¶³åã¯
æ®æ®µæ°ãã¤ãã¦ãããªã¹ã "ã¢ãã¤ã«ã§ãWebViewã¨ãã©ã¦ã¶ã®ã³ã³ããã§ãç¹ã«ã»ãªãªã¼åããã¦ããªããã¶ã¤ã³ã¢ã¸ã¥ã¼ã«ã®ãªããè£ é£¾ç»åããµãã ãã«ä½¿ããç³»ãµã¼ãã¹éçº" ã®æèã«ããããããã©ã¼ãã³ã¹ç¢ºä¿ã®ããæ°ãã¤ãã¦ãããªã¹ãã ãããããã©ã¼ãã³ã¹ãåä¸ãã¨ãã確ä¿ãã¨ãç³ãã¾ãããã¡ã³ããã³ã¹ã³ã¹ããªã©ã¨å¤©ç§¤ã«ããã¦ããå¿ è¦ååãã®ã©ã¤ã³ãçãã®ãéè¦ã ã¨æã次第ã ç»åãªã½ã¼ã¹ ç»åãªã½ã¼ã¹ãæããã¨ãã®ã»ãªãªãå§ç¸®çã¨ãæé©åã¨ãç´°ãããã¥ã¼ãã³ã°ã¯ããã©ã大éæã«ä¸è¨ãå®ããããã¦Image Optimï¼or ç¸å½ã®å¦çï¼ã JPEGã¯ããã°ã¬ãã·ãã§ç»è³ª60ãããï¼ãªã¬ç®å®ï¼ PNGã¯å·®ãæ¯ããªãç¯å²ã§è²æ°ããã¡ãã¨åã 50pxæªæºã®ãµã ãã¤ã«ã¯@2.0xãªãªã½ã¼ã¹ã«ããªã æ¡å¤ãAndroidãããã®@1.5xã@1.0xã§ã大ä¸å¤«ãªãã¨ãããã GIFã¢ãã¡ãå ¥ã
Slackã§ç°¡åã«ãæ¥å ±ããªãã¬ãåå ±ãããã¼ã ã§å®ç¾ãã3ã¹ããã ãProblemã10åã§è§£æ±ºãããã£ãããä½ããã éçºããã¸ã§ã¯ããé²ãã¦ããã¨ããã¼ã ã¯æ§ã ãªèª²é¡ã«ç´é¢ããããããã課é¡ã¯ãé±æ¬¡ã®ãã¼ãã£ã³ã°ãæ¥å ±ã§å ±æãã¦è§£æ±ºãã¦ãããã¨ãå¤ãã 課é¡ã¯å¤§å°æ§ã ã ããç¹ã«æ°æéã§è§£æ±ºã§ãããããªå°ããªèª²é¡ãããã«ãªã¢ã«ã¿ã¤ã ã§è§£æ±ºãã¦ãããã§ããã¼ã ã®ã¹ãã¼ãæã大ããå¤ãã£ã¦ããã åã®ãã¼ã ã§ã¯ããªã¢ã«ã¿ã¤ã ã®èª²é¡è§£æ±ºã®çºã«ã社å ãã£ããSlackã社å Twitterã®ããã«ããéªéãªä½¿ãæ¹ãåå ±ãã¨ããåãçµã¿ãå®è·µãã¦ããã > æ¥å ±ã®å¼±ç¹æ¥å ±ã®å¼±ç¹ æ¥å ±ã¯ä¸æ¥ã®æ¥åã®å ±åæ¸ã§ãä¸è¬çã«ãé²æç¶æ³ããä½é¨ããå¦ç¿ãã課é¡ããè¨è¼ãããããããããã¼ã ã§å ±æãããã¨ã§æé»ç¥ãæ¸ãããå人ã¨ãã¼ã ãæé·ããããã¨ãç®çã ãå ±åæ¹æ³ã¯ãã¼ã ã«ãã£ã¦æ§ã ã ããã¡ã¼ã«ãã¯ããã
iPhone6sããªãªã¼ã¹ããã¾ããããã¿ãªããã¯ãããæã«å ¥ãã¾ãããï¼ iPhoneã¢ããªéçºã¯é£ããã¨æãããã¡ã§ãããæ°ãããã¼ã«ãåºã¦ãã¦ä»¥åããç°¡åã«ãªãã¾ãããããã§ã¯ç¥èã®ãªã人åãã«éçºã®æé ãç´¹ä»ãã¾ãã æºåãããã iPhoneã¢ããªãéçºããã®ã«å¿ è¦ãªãã®ã¯ãMacBook, iMacãªã©MacOSã®å ¥ã£ãPCã¨Xcodeã¨ããã½ããã ãï¼ãããXcodeã¯ç¡æã§ã¤ã³ã¹ãã¼ã«ã§ããã®ã§Macãããã£ã¦ããã°ã¿ãã§ä»ããã«ã§ãéçºã§ãã¾ãã Xcode7 ã¤ã³ã¹ãã¼ã« â ããããã¤ã³ã¹ãã¼ã« æ®æ®µMacã«ã½ãããã¤ã³ã¹ãã¼ã«ããã®ã¨åãããæ¹ã§ãç¡æã§AppStoreããã¤ã³ã¹ãã¼ã«ã§ãã¾ãã ããåå¼·éå§ï¼ âãããã¤ã³ã¹ãã¼ã«âã¯ç¡æã§ããã°ã©ãã³ã°ãå¦ã¹ããµã¤ãã§ãã âiPhoneã¢ããªéçºå ¥éâè¬åº§ãé¸æãã¦åç»ã§å¦ã³ã¾ãããï¼ããã°ã©ãã³ã°ãåãããªã
ã¨ã³ã¸ãã¢ããã¿ãè¯ããããã¯ãããã¼ã¸ã£ï¼ä»¥ä¸PMï¼ã¨ã¯ãrebuildfm #98㧠id:naoya ãã(@naoya_ito)ãã PM ã«ã¤ãã¦ã®è©±ããã£ãã®ã§ä¾¿ä¹ãã¦æ¸ãã¦ã¿ããâ»ãããã¯ãï¼è£½åï¼ããã¼ã¸ã£ã¯ããã¸ã§ã¯ãããã¼ã¸ã£ã¨ã¯å ¨ç¶éãè·ç¨®ãªã®ã§æ³¨æã çµè«ããå ã«ãã¨ã³ã¸ãã¢ããè¦ãè¯ã PM ã¨ã¯ãã¤ãã«ã¦ã¼ã¶ã¼ã®ãã¨ãèããä¸ã§ãããã¯ãã«ä¿¡å¿µãæã£ã¦ãã人ãã ã¨æããããã¯å½ããåãããªããï¼ã¨æã£ã人ã¯æ£ãããã§ã常ã«ãããã§ãã PM ã¯å¤ãã¯ãªãã幸ãã«ãåã¯å¤ãã®åªç§ãª PM ã¨ä»äºãããã¦ããã£ãã®ã§ããããå¦ãã ãã¨ãã¾ã¨ãã¦ã¿ããã PM ã®å½¹å² ã¾ã㯠PM ã®å½¹å²ããè¦ã¦ããããã¹ã¿ã¼ãã¢ããã® CEO ã®å½¹å²ããã¨ã³ã¸ãã¢ããã¶ã¤ãã¼ããã¤ãã¹ããæãã¨è¨ã£ããä¼ããã ãããã ããå°ãå ·ä½çã« PM ããã£ã¦ãããã¨ãæãã¦ã¿ããã èªå
ãã£ã¨ãï½ã¯æ害ãªã®ããã¨ããè¨äºãæ¸ãã¦ã¿ããã£ããã§ã ^(1) ã ã¾ãæ¬é¡ã«å ¥ãåã«ã1ã¤è¨ããã¦ãã ããã jQueryã¯Webæ¥çã®çºå±ã«å¤§ãã«å½¹ç«ã£ã ã¨ç§ã¯èãã¦ãã¾ããjQueryããããã¨ã§ãéçºè ã¯ããã¾ã§æ³åãã§ããªãã£ããã¨ãã§ããããã«ãªãã¾ãããããããã£ãæ©è½ããã©ã¦ã¶ã®è£½ä½è ããã¤ãã£ãã«å®è£ ãããã£ããã«ããªãã¾ããï¼ããjQueryãéçºããã¦ããªããã°ãä»ã§ãdocument.querySelectorAllã¯åå¨ãã¦ããªãã£ãã§ãããï¼ãjQueryã¯ãä»ãã便å©ãªãã¼ã«ã使ããã¨ãã§ããªãã£ãããIE8ããã以ä¸ã®éå»ã®éºç£ããµãã¼ãããªããã°ãªããªãéã«ä»ã§ãå¿ è¦ã«ãªã£ã¦ãã¾ãã ãããããã®ãããªã±ã¼ã¹ã¯ãã¯ãç¨ãªãã®ã¨ãªãã¾ãããWebéçºè ã®å¤§åã¯ããã¼ã±ããã·ã§ã¢ã®ç¸®å°ããå¤ããã©ã¦ã¶ããµãã¼ãããå¿ è¦ã¯ããã¾ãããæ´ã«ãå¿ãã¦ã¯ãªããª
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}