ãã¼ã¸ãè¦ã¤ãããªãããã§ãã å¥ã®ãã¼ã¸ãè¦ã¦ã¿ã¾ãããï¼ URLã«ééãããªããã ã確èªå¾ã«åèªã¿è¾¼ã¿ãã¦ãã ããã
å©ç¨è æ°ã150ä¸äººï¼2015å¹´8ææç¹ï¼ã¨ä»ç¤¾ã¨æ¯è¼ãã¦ãã³ããã®äººæ°ã¬ã³ã¿ã«ãµã¼ãã¼ãããªãããï¼ãã®ä¸ä½ã¯ã©ã¹ããããã ã«ãã§ãã ä»ã§ã¯ãã¾ãè¦ãããªããµã¤ãäºä¾ã大ã çã«ç´¹ä»ãããã¶ã¤ã³è¦ç´ ã®é«ããµã¤ããå¤ãäºããã主ã«Webå¶ä½ä¼ç¤¾ãããªã¼ã©ã³ã¹ã®æ¹ãå©ç¨ãã¦ããã®ã§ããããã ããã§ã¯ããã ã«ã«ã¤ãã¦æ¬¡ã®ãã¤ã³ãã軸ã«è§£èª¬ãã¦ããã¾ãã ããã ã«ã®è©ä¾¡ã»ææ³ ããã ã«ã®æé ããã ã«ã®ä½¿ãæ¹ ããã ã«ã®ä»æ§ã»æ©è½ä¸è¦§ ç¹ã«åå¿è ã®æ¹ã®ããã«åããããã解説ãã¦ãã¾ããå°ãã§ããµãã¼ãã«ãªãã°å¹¸ãã§ãã ã¨ããããå ¬å¼ãµã¤ãã確èªãããæ¹ã¯ãã¡ãããã©ããã ããã ã«ã»ãµã¼ãã¼å ¬å¼ãµã¤ããè¦ã ããã ã«ã®è©ä¾¡ã»ææ³ çµè«ã¨ãã¦ãã¬ã³ã¿ã«ãµã¼ãã¼ã»ããã ã«ã®ç·åè©ä¾¡ã¯3.5ç¹ï¼5.0æºç¹ä¸ï¼ã§ãã å¹´éã®æéï¼Ã ã¬ã³ã¿ã«ãµã¼ãã¼ã®æ§è½ï¼â 管çç»é¢ã»ããã°å°å ¥ã®ä½¿ããããï¼â
ç´ æ´ãããé³æ¥½ãã¡ çµç·¯ã¨ã ããµã¤ã¿ããã©ããã¼ã観ããè¯ãã£ãã â MCããã¡ã½ã¡ãn (@kentaro) 2016å¹´3æ11æ¥ æ¥æ¬èªã©ããã«é¢å¿ãæã¡å§ããã®ãæ¨å¹´æ¥ã®è¨èªä½¿ç¨ã¸ã®èå³ãããã®ã¾ã¾ã¤ãªãã£ã¦ãã®ã ãªã¨ãµãããã£ã¦ã¿ã¦ããã£ãã â MCããã¡ã½ã¡ãn (@kentaro) 2016å¹´3æ12æ¥ ã´ã¡ã¼ã¹ã¯æ¸ãããã®ã®ããããã©ããã§è¡¨ç¾ãããã¨ã®è«ççå¿ ç¶æ§ãç§ã«ã¯ãªããã§ãããã â MCããã¡ã½ã¡ãn (@kentaro) 2016å¹´3æ12æ¥ â¦â¦ã¨ãããããæ®éã«åãæ¢ããããããªãã¦ããã¼ãã ï¼ãã¿ããã«ããããããã¹ã¿ã¤ã«ãªããã¯ã¢ãããè¡ã£ã¦ãããªããã°ãªããªãã®ã§ã¯ï¼ï¼ï¼ â MCããã¡ã½ã¡ãn (@kentaro) 2016å¹´3æ12æ¥ æ¥æ¬èªã©ããã«é¢ããæ¬ãèªã¿ã¾ãã£ã¦ã â MCããã¡ã½ã¡ãn (@kentaro) 2016å¹´3æ12æ¥
åµæ¥ãµã¼ãã¹ã§ãããããªãããï¼ããã¯ããã¨ãã ãã¹ãã£ã³ã°äºæ¥ã«ã¯ãã¾ããECããã³ãã¡ã¤ããªã©ã GMOãããã¯ããã¾ãã¾ãªæä¾ãµã¼ãã¹ãéãã¦ã ã¤ã³ã¿ã¼ãããä¸ã§ã®èªå·±è¡¨ç¾ã®å¯è½æ§ãåºãã¦ãã¾ããã ãã¯ããã¸ã¼ã®é²åã«ããããã®æ代ã®ããããã¾ããã¯å¸¸ã«å¤åãã¾ããã ã¤ã³ã¿ã¼ãããã®åã§ãå ¨ã¦ã®äººã®è¡¨ç¾æ´»åãæ¯ããä¼ç¤¾ã§ãããã¨ã¯ã ãããããããã£ã¨å¤ããã¾ããã ãã¼ã ã¨ãµã¼ãã¹ã®æé·ã®ããã«å¿è¡æ³¨ãã å ¨ã¦ã®ã¯ãªã¨ã¤ã¿ã¼ã¸æåä½é¨ãå±ãããã ããããã¡ã¯ããããªæ ç±ããµãã仲éãæ±ãã¦ãã¾ãã
Five years ago, it was all about UX, but we saw through that. At the time, we were pretty stoked about figuring out the best way to get to answers in product design (still are!). However, we realized that there aren't a lot of designers out there that understand what it actually means to be a product designer. UX is one part of it, but what are the rest of the pieces? This is the story of how you
ã¯ããã¾ãã¦ã鹿ã§ããã«ã©ã¼ãã¼ã·ã§ããã¨ãããããã·ã§ããæ§ç¯ãµã¼ãã¹ã§ã決æ¸ç»é¢ã®ãã¶ã¤ã³ãæ å½ãã¦ãã¾ãã2012å¹´ã«GMOãããã®æ°åæ¡ç¨ã§ãã¶ã¤ãã¼ã¨ãã¦å ¥ç¤¾ãã¦ãä»å¹´ã§4å¹´ç®ã«ãªãã¾ããã GMOãããã§ã¯2011å¹´ããæ°åæ¡ç¨ãè¡ã£ã¦ãã¦ãä»å¹´ã§5代ç®ã«ãªãæ°åãã¡ãæ¯å¹´ã©ãã©ãå ¥ç¤¾ãã¦ãã¾ãããããã¯ããããªãããã®çé ã®ããé¨ç½²ã§ãå¾è¼©æ°åãã¶ã¤ãã¼ã®ã»ãããã (@horaotoko) ã¨ãã£ããã«ããã¡ã³ã¿ãªã³ã°ãã«ã¤ãã¦è©¦è¡é¯èª¤ããã¨ãã話ããããã¨æãã¾ãã ãã¡ã³ã¿ã¼ãã£ã¦ããªã«ï¼ æ¯å¹´ãããããããã¹ãã«ãæã£ãå¾è¼©ããã£ã¦ãã¦ãã¿ããªããããªããã¨ã¼ãããæã£ã¦ããããããæ¥çªç¶ãä¸é· (@atakaP) ã«å¼ã³åºããã¦ãã»ããããã®ã¡ã³ã¿ã¼ããé¡ããã¾ããã¨è¨ããã¾ãããã»ããããã¯ãä»å¹´ããåãé¨ç½²ã«é å±ããããå½ææ°å1å¹´ç®ã®ãã¶ã¤ãã¼ã§ãã ãã®ã¨ã
2015å¹´6æããå§ã¾ã£ããããæ°åã¨ã³ã¸ãã¢ç ä¿®ã®ãã¡ããåºç¤ç ä¿®ããå®çµãã¾ããã åºç¤ç ä¿®ã¯ãWebéçºããWebãªãã¬ã¼ã·ã§ã³ããã¢ãã¤ã«ã¢ããªãã®3ã¤ã®ãã¼ãããæãæè¡ç ä¿®ã§ãã ãããæ°åã¨ã³ã¸ãã¢ç ä¿®2015ãå§ã¾ã£ã¦ãã¾ã ãããæ°åã¨ã³ã¸ãã¢ç ä¿®2015ã»Webãªãã¬ã¼ã·ã§ã³ç ä¿®ãå§ã¾ã£ã¦ãã¾ã ãããæ°åã¨ã³ã¸ãã¢ç ä¿®2015ã»ã¢ãã¤ã«ã¢ããªç ä¿®ãå§ã¾ã£ã¦ãã¾ã åºç¤ç ä¿®ã®å¾ã«ã¯ãæ°åã¨ã³ã¸ãã¢ã¨æ°åãã¶ã¤ããã1é±éã§Webãµã¼ãã¹ãååéçºããããç£ã¦ã£ã¼ã¯ããè¡ããã¾ããã ããã¦10æããã¯å¹´æ«ã«ããã¦ã¯ã6ã¤ã®ãµã¼ãã¹ã1é±éãã¨ã«ããããå»»ãããµã¤ã¯ã«OJTããå§ã¾ã£ã¦ãã¾ãã ã¢ãã¤ã«ã¢ããªç ä¿®ã®æ©ã¿ ãã®ç ä¿®ã§ã¯ã6人ããæ°åã¨ã³ã¸ãã¢ãã3人1çµã®ãã¼ã ãä½ãã2段éã«åãã¦èª²é¡ãç¨æãã¾ãã: 1st stage: Rails ãããã¯ã¨ã³ãã¨ãã
便å©ãªã·ã¹ãã ãçã¿åºããã¦ã¼ã¶ã¼ã®æåä½é¨ã«æ¬ ãããªããUI/UXãããã¶ã¤ãã¼ã¨ãã¦ãå¤ãã®æ¹ã¯ãã¡ããã®ãã¨ãITæ¥çã«é¢ãã£ã¦ããã»é¢å¿ããããªãç©æ¥µçã«å¦ãã§ããããåéã§ãã ä»å話ããããã£ãã®ã¯ã人æ°ITä¼æ¥ã«ãã¤ã¨ãã®ãã¶ã¤ãã¼ã®æ¹ã ããUI/UXãã«ã¤ãã¦å¦ã³èããä¸ã§ãããããã®æ¸ç±ãæãã¦ããã ãã¾ããã ãåçããã ããä¼æ¥ã¯ãã¡ã 1ãã°ãªã¼æ ªå¼ä¼ç¤¾ 2ãGMOã¤ã³ã¿ã¼ãããæ ªå¼ä¼ç¤¾ 3ãGMOãããæ ªå¼ä¼ç¤¾ 4ããã¯ã¹ã¿æ ªå¼ä¼ç¤¾ 5ãæ ªå¼ä¼ç¤¾ãã©ã±ãã 6ãã¤ãã¼æ ªå¼ä¼ç¤¾ 7ãæ ªå¼ä¼ç¤¾ãªãã»ã³ã¹ ã°ãªã¼æ ªå¼ä¼ç¤¾ãç´°å·èã æµãã ã¹ãã¼ããã©ã³åãã¢ããªéçºãæ ãã¹ã¿ã¸ãªãWright Flyer Studiosãã«ã¦ãArt UI UXãã¼ã ã®UI/UXãã£ã¬ã¯ã¿ã¼ãåããç´°å·èã æµããï¼ä»¥ä¸ãç´°å·ããï¼ãUI/UXãå¦ã¶ã«ãããããããããæãã¦ããã ãã¾ã
ããã³ãã¨ã³ãå¨ãã®æè¡ã¯é©ç°çãªã¹ãã¼ãã§é²åããã¾ãå¤æ§åãã¦ãã¾ããããããå ¨ã¦ãã¹ã¿ã¼ããã®ã¯éæ¹ããªã大å¤ãªã®ã§ããããã§ã¯ã社å ã®ã¨ã³ã¸ãã¢ã»ãã¶ã¤ãããæä½éããã ãã¯ãããã¦ããããã¨ããã¹ã¿ã³ãã¼ããææ¸åãããã¨ã«ãããã¾ããã社å åããæ³å®ããææ¸ã§ã¯ããã¾ããã社å ã®ã¿ã«çããå¤ãã®æ¹ã«å½¹ç«ã¦ããã¨èããããå ¬éãã¾ãã ãã®é ç®ã®æ å½ @horaotoko 1. ã¯ããã« 2. CSS ãã¬ã¼ã ã¯ã¼ã¯ã®åé¡ (1) "ã¬ã¤ã¤ã¼" ã§èãã¦ã¿ãã (2) 2ã¤ã®ã°ã«ã¼ãã«åé¡ããã 3. CSS ãã¬ã¼ã ã¯ã¼ã¯ã®ä½¿ãåã - ãã«ã¹ã¿ãã¯ã¨åæ©è½ (1) 使ãåãã®åºæ¬æ¹é (2) ãã¬ã¼ã ã¯ã¼ã¯ã®ç¨®é¡ãã¨ã®ç¨é 1. ã¯ããã« ãã®ãã¼ã¸ã§ã¯ã身ã®åãã«ããå¤ç¨®å¤æ§ãª CSS ãã¬ã¼ã ã¯ã¼ã¯ã¨ãç§ãã¡ã¯ã©ããã£ã¦ä»ãåã£ã¦ããã°å¹¸ãã«ãªããã®ãã¨ãããã¨ã«ã¤ãã¦è¿°
ããã³ãã¨ã³ãå¨ãã®æè¡ã¯é©ç°çãªã¹ãã¼ãã§é²åããã¾ãå¤æ§åãã¦ãã¾ããããããå ¨ã¦ãã¹ã¿ã¼ããã®ã¯éæ¹ããªã大å¤ãªã®ã§ããããã§ã¯ã社å ã®ã¨ã³ã¸ãã¢ã»ãã¶ã¤ãããæä½éããã ãã¯ãããã¦ããããã¨ããã¹ã¿ã³ãã¼ããææ¸åãããã¨ã«ãããã¾ããã社å åããæ³å®ããææ¸ã§ã¯ããã¾ããã社å ã®ã¿ã«çããå¤ãã®æ¹ã«å½¹ç«ã¦ããã¨èããããå ¬éãã¾ãã ã¹ã¿ã¤ã«ã·ã¼ãã®å¤¢ (1) äºæ¸¬ãããã (2) åå©ç¨ãããã (3) ä¿å®ãããã (4) æ¡å¼µãããã 代表ç㪠CSS è¨è¨ææ³ æ¢åããã¸ã§ã¯ãã® CSS ã«ç«ã¡åããï¼ (0) æµã (1) æ¢åã® CSS ãã¡ã¤ã«ãå ã« SCSS ãã¡ã¤ã«ã«å¤æãã (2) ã¤ãã·ã£ã©ã¤ãº CSS ãå ±éã®ç®æã®ã¹ã¿ã¤ã«ãåé¢ãã (3) CSSLint ã使ã£ã¦ãä¿®æ£ããããã¨ããããæ´çãã¦ãã (4) ã³ã³ãã¤ã« (5) ã¹ã¿ã¤ã«ã®ã¹ã³ã¼ãï¼ã
ããã > ã¡ãã£ã¢ ããã > ã·ã§ããéå¶ãå½¹ç«ã¡ã³ã©ã > 2015å¹´4æ3æ¥Â ã¹ããECæ代å°æ¥ï¼ããªãã®ã·ã§ããã¯âã¢ãã¤ã«ãã¬ã³ããªã¼âã§ããï¼ ã¢ãã¤ã«ãã¬ã³ããªã¼ãWebãã¶ã¤ã³ã®ã¹ã¿ã³ãã¼ãã« ããã«ã¡ã¯ãã«ã©ã¼ãã¼ã·ã§ãããã¶ã¤ãã¼ã®ã»ããã§ããå æ¥ãGoogleãã¹ãã対å¿ãµã¤ããã¢ãã¤ã«æ¤ç´¢çµæã§åªéããã¢ã«ã´ãªãºã å¤æ´ãçºè¡¨ãã¾ãããã¿ãªãããåç¥ã§ããããï¼ããã¯ãã¢ãã¤ã«ãã¬ã³ããªã¼ï¼ã¹ããæé©åï¼ãã§ãã¦ããªãã·ã§ããã¯ãçªç¶æ¤ç´¢çµæãä¸ãã£ã¦ãã¾ãæãããããã¨ãããã¨ã§ããã¢ãã¤ã«ç«¯æ«ã®ã¦ã¼ã¶ã¼ãæèããããå¾ãªãæ代ã確å®ã«ãã£ã¦ãã¦ãã¾ãããããæ©ã«ããªãã®ã·ã§ããããã¢ãã¤ã«ãã¬ã³ããªã¼ããã©ããããã£ãã確èªãã¦ã¿ã¾ãããï¼ Googleãã¹ããã®æ¤ç´¢çµæãéè¦è¦ããã¹ããECæ代ãå°æ¥ ã¹ãã¼ããã©ã³ã®æ®åã«ãããæè¿ã§ã¯ECäºæ ãã¬ã©ãªã¨å¤
ããã«ã¡ã¯ãã¨ã³ã¸ãã¢ã®çã§ããä»åã¯ãGitåå¿è ãæ©ã¾ãããªãã¼ã¹ã«ã¤ãã¦è§£èª¬ãã¦ã¿ããã¨æãã¾ãã ãªãã¼ã¹ãåè³ ãªãã¼ã¹ãèãããã¨ã¯ãããã©ã使ã£ã¦ããªã ä¸å®ãæ±ããªãããããªãã¼ã¹ããªãã¨ãªã使ã£ã¦ãã ä¸è¨ã«å½ã¦ã¯ã¾ãæ¹ã¯ããã²èªãã§ãã ãããã ãªãã¼ã¹ã§ä½ãã§ããï¼ ã³ãããã綺éºã«ãªãï¼ã以ä¸ã§ãï¼ããã®ä¸è¨ã«å°½ããï¼ å ·ä½çã«ã©ã®ããã«ç¶ºéºã«ãªããã¨ããã¨â¦â¦ ã³ãããå±¥æ´ããããããããªã ã³ãããã¡ãã»ã¼ã¸ãå¾ããå¤ãã ã³ãããã®é åºãå¾ããå¤ãã 2ã¤ä»¥ä¸ã®ã³ãããã1åã«çµ±åãã ä¸åº¦ã³ãããããå 容ãç·¨éãã ã¨ãã£ãå ·åã§ããããï¼ãæ´çæ´é ã好ããªæ¹ã¯ããã²ãªãã¼ã¹ã使ãããªãã¦ããã ãããã¨æãã¾ãï¼ ãã¼ã¸ã¨ãªãã¼ã¹ 2ã¤ã®ãã©ã³ãã®å¤æ´ç¹ãçµ±åããã¨ããGitã®æãä¸è¬çãªããæ¹ã¯ããã¼ã¸ã¨ãªãã¼ã¹ã使ããã¨ã§ãããã¼ã¸ã¯ååã§èª¬æããã®ã§ã
ä½æï¼2014/04/21 æ´æ°ï¼2014/10/24 Webå¶ä½ > ååã³ã¼ãã¬ã¼ããµã¤ãå¶ä½ãæãjQuery ãã©ã°ã¤ã³ãã¾ã¨ãã¾ããããä»åã¯CSSçã¨ãããã¨ã§ã使ç¨é »åº¦ãé«ããã®ã¨ãããããå¿ è¦ã«ãªããããªãã®ããå¿ããªãããã«ã¡ã¢ãã¦ããã¾ããã³ã¼ãã¬ã¼ããµã¤ããWeb ãµã¼ãã¹ãµã¤ãã§ããããªã使ããã¦ãããã®ããä»å¾å¢ããããªãã®ãªã©ã ã¨ã³ã¸ãã¢éå ±ã¯ Twitter ã®@commteã§é ä¿¡ãã¦ãã¾ãã ããã 横並㳠ï¼ï¼ä»ã¾ã§ã®åãè¾¼ã¿è§£é¤ ï¼ï¼æ¨ªä¸¦ã³ã並ã³é ï¼ï¼åçã«ä¸¦ã¹ãï¼æ®µçµã¿ ããã²ã¼ã·ã§ã³ã¡ãã¥ã¼ ï¼ï¼å¤é層ããããããã¦ã³ ï¼ï¼amazon風ãã¡ã¬ãããããã¦ã³ ï¼ï¼ããã¯ã¼ã¡ãã¥ã¼ ã³ã³ãã³ãã¡ãã¥ã¼ ï¼ï¼ã¢ã¼ãã«ã¦ã£ã³ã㦠ï¼ï¼ã¢ã³ã¼ãã£ãªã³ ï¼ï¼ã¿ãããã« ãã¼ãã« ï¼ï¼ï¼ã¹ãã©ã¤ããã¼ãã« ï¼ï¼ï¼ã¬ã¹ãã³ã·ãï¼ãã¼ãã« ãªã¹ã ï¼ï¼ï¼ã«ã¦ã³ã
çªåãã¾ãããã»ããã§ãã å æ¥HTML5ã«ã³ãã¡ã¬ã³ã¹ã«è¡ã£ã¦ããã®ã§ãææ³ã¨ããã®ä»ãããããæ¸ãã¦ããã¾ãã ãªã¼ããã³ã°ã»ãã·ã§ã³ 豪è¯ã¹ãã¼ã«ã¼ã«ãããHTMLãå«ããwebã®å¤åãçºå±ã®ã話ãå人çã«åè«ã®ãã¼ãã¨ãé¢é£ããé¨åããã£ãããã¾ã ç¥ããªãæè¡ã®æªæ¥ã«ã¤ãã¦ãããã¦ã³ãã¥ããã£ã«ã¤ãã¦ãç¥ããã¨ãã§ãã¾ããã è³æã¯ãã¡ããã ç¾å ´ã®å®ä¾ããå¦ã¶ãææ°éã®Webã¢ããªã±ã¼ã·ã§ã³éçºããã¼ã¨ã¢ã¼ããã¯ã㣠html + css + jsãã使ã£ã¦ããªãã¨ããã¹ããç¨webã¢ããªã®éçºãããã¢ã¼ããã¯ãã£ã使ç¨ãããã¬ã¼ã ã¯ã¼ã¯ãªã©ã®ã話ã ãã®ã¯ãªãªãã£ã®ã¢ããªããã¹ã¦jsã§å®ç¾å¯è½ãªã®ãâ¦ã¨ããé©ãããã¡ãããã£ãããMVCçãªãã¨ãjsã§ãã£ã¦ããã®ãåå¼·ã«ãªãã¾ãããã¢ã¼ããã¯ãã£ã®ã話ãã£ã¨èãããã£ãâ¦ãjsããããããä¸ååç»è¦ç´ããâ¦ã Respon
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}