Facebookã§æ稿ãåçãªã©ããã§ãã¯ã§ãã¾ãã
Facebookã§æ稿ãåçãªã©ããã§ãã¯ã§ãã¾ãã
Webãµã¤ããã¹ããã¢ããªã®ãã¬ã¼ã³ãã¼ã·ã§ã³ç¨ã«ä¾¿å©ãªç¡æã®ãã¯ã¿ã¼ç´ æãç´¹ä»ãã¾ããiPhone, Androidãã¯ãããã¹ããã»ã¿ãã¬ããã»ãã¹ã¯ãããã»ãã©ã¦ã¶ãªã©ããã¾ãã¾ãªããã¤ã¹ãæã£ã¦ãã¾ãã Vector Mockups Library ç´ æã¯MITã©ã¤ã»ã³ã¹ã§ãå人ã§ãåç¨ã§ãã¯ã©ã¤ã¢ã³ãã®ããã¸ã§ã¯ãã§ãç¡æã§å©ç¨ã§ãã¾ããã¯ã¬ã¸ããã®è¨è¼ã¯å¿ è¦ããã¾ããã ã©ã¤ã»ã³ã¹ãã¼ã¸ Vector Mockups Libraryã«ã¯ã以ä¸ã®ããã¤ã¹ãæã£ã¦ãã¾ãã iPad iPad Pro 12.9 iPad Pro 11 iPad Pro 12.9 iPad Pro 10.5 iPad 9.7 iPhone iPhone X iPhone 8 iPhone 5S Mac iMac Macbook Pro Watch Watch Series 4 Watch Series
Windows OS ã« PHPã¨Apacheãµã¼ãã¼ã®ã¤ã³ã¹ãã¼ã« ï½ php.iniã®è¨å®ã¾ã§ã ãã½ã³ã³ã§PHPã使ããããã«ãªãã¾ã§ã®æé ãå³è§£ã .htaccessã®æå®æ¹æ³ã使ç¨é »åº¦ã®é«ãPHPé¢æ°ããµã³ãã«ä»ãã§è§£èª¬ã Tipsã§ã¯å®ç¨çãªèªä½é¢æ°ãç´¹ä»ã JavaScriptã®åºæ¬ï½å®ç¨çãªé¢æ°ã¾ã§ãµã³ãã«ä»ãã§è§£èª¬ã ãã¼ã«ãªã¼ãã¼ãã¦ã£ã³ãã¦æä½ãé£åãã«ãã¦ã³ãå ¥åãã§ãã¯ï¼æ£è¦è¡¨ç¾å«ãï¼ãªã©ã ãµã¤ãå¶ä½ã«ä½¿ããå®ç¨çãªã¹ã¯ãªãããç´¹ä»ãã³ããã§ä½¿ãã¾ãã JavaScriptã§DOMï¼Document Object Modelï¼ã®ã¡ã½ããã»ããããã£ã使ã£ã¦ãã¼ã¸ä¸ã®ãã¼ãã«ã¢ã¯ã»ã¹ãããµã³ãã«ã追å ãã¾ããã Ajax ããã°ããµã¤ãã§ä½¿ããå®ç¨çãªAjaxããµã³ãã«ä»ãã§è§£èª¬ã HTML5 次ä¸ä»£HTMLæ¨æºã¨ãªãHTML5ã使ã£ã¦ã¿ããï¼HTML5ã®ã¿ã°ãªã
ä»å¹´ã¯å¤§è¢è£ãªè¦åºããèããã¨ããã§ï¼å²æ¹çãå°½ãã¾ããã ãä¹ ãã¶ãã§ãããã¶ã¤ãã¼ã® ãã® ã§ãã ä»åã¯ãUX Tokyo Advent Calendar 2015ã ã®7æ¥ç®ã¨ãã¦ãéããã¾ãã ä»å¹´ãåã¯ã²ã¼ã ã®UIå¶ä½ã®ç¾å ´ã§åãã¦ãã¾ãã ãµã¼ãã¹ã§ã¯ãªãã³ã³ãã³ãã®å¶ä½ã¨ãªãã²ã¼ã ã®ç¾å ´ã§ã¯ãUIãUXä¸ç·ã«èããæ©ä¼ã°ããã§ãã ï¼ãããªç¾å ´ã®æ§åã¯å»å¹´ã®ããã°ãããããã ããï¼ ãªã®ã§ãæ¥çé¢ä¿è ããã¯åºãããè¦æã§ãUI/UXãã¨ããæ¬ãã§ä»åã¯ä»å¹´ã®ã²ã¼ã ãæ¯ãè¿ã£ã¦ã¿ããã¨æãã¾ãã ä»å¹´ã¯ããããªã²ã¼ã ãéãã§ããä¸ã§ããã£ã¨æã£ããã¤ã³ããç´¹ä»ãã¾ãã æããã¦ãããæ¥å¹´ã®ãã¬ã³ããªã®ããããã¨ãã»ã»ã»ã å¹´è¶ãã«ã¯å°ãæ©ãã§ãããä¸ç·ã«æ¯ãè¿ã£ã¦ã¿ã¾ãããã 1. ã¦ã¼ã¶ã¼ã¯ãã¼ã¿å®¹éã«ææ [ç»åï¼ã¢ã¤ãã«ãã¹ã¿ã¼ã·ã³ãã¬ã©ã¬ã¼ã«ãº ã¹ã¿ã¼ã©ã¤ãã¹ãã¼ã¸]
What We Designç§ãã¡ã¯ãå¹ åºãè¦éã¨å¤è§çãªè¦ç¹ã§ç©äºã®æ¬è³ªã«åãåãã 課é¡å®ç¾©ããã°ãã¼ã¹ã¾ã§ä¸æ°é貫ããã³ããããéãã¦ã ãã¾ãã¾ãªæ¥çã«å¯¾ãã¦ä¾¡å¤ã®ããã¯ãªã¨ã¤ãã£ããæä¾ãã¦ãã¾ãã
â ã¿ã¼ã²ããè¨å®ã¨ã¯ãè²·ã£ã¦æ¬²ãããªã人ã決ãããã¨ã ãã¿ã¼ã²ããè¨å®ï¼ãµã«ã«ããããåºç¤ãã¼ã±ãã£ã³ã°ï¼ã 2012å¹´11æ1æ¥ ã¾ãããªãã¼ã±ãã£ã³ã°è§£èª¬è¨äºã§ãã å ã ãæ¸ç±ç¨ã«æ¸ããå稿ã§ããä¿®æ£ãã¦ãããã¡ã«èªåãç ããªã£ãã®ã§ããã¡ã«ãã¬ã®ããªã§ãå ¨ç·¨ãæ¸ãç´ãã¦ã¿ã¾ããã ã·ã³ãã«ãã¼ã±ãã£ã³ã°ã®ã³ããã¯ããã¾ããã ãã·ã³ãã«ãã¼ã±ãã£ã³ã°ãããããããããããç®æ¨ã§ãã ããã®å稿ã¯å ã ãæ°å¹´åã«æ¸ç±ç¨ã«å·çãããã®ã§ããã³ã³ã»ããã¯ãã·ã³ãã«ãã¼ã±ãã£ã³ã°ããèªã¿ãããæç§æ¸ãã ã¨ããããäºä¾ãªã©ãä¿®æ£ãã¦ãããã¡ã«ç ããªã£ã¦ãã¾ããã ãã®ã¾ã¾ã§ã¯ãããã¨ã¡ã«ãã¬ã®ããªã§æ¸ãç´ããã¨ãããå¦çãããç¾è¡ã®å çãã¡ã®è©å¤ãããã£ãã®ã§ãã¡ã«ãã¬ã®è¨äºã«çµã¿è¾¼ããã¨ã«ãã¾ããã è©å¤ãè¯ããã°ã·ãªã¼ãºåããäºå®ã§ããã§ã«DAGMARçè«ã¨ä¾¡æ ¼çè«ã®è¨äºã¯å·çæ¸ã¿ã§ãã
ã¢ããªã®UIï¼ã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¤ã¹ãè¦ãç®ï¼ããã¶ã¤ã³ããã®ã«å½¹ç«ã¤ã¬ã¤ã¢ã¦ãã«é¢ããè¨äºã2Dï¼3Dã°ã©ãã£ãã¯ãæç»ããããã¢ãã¡ã¼ã·ã§ã³ãããã®ã«å½¹ç«ã¤è¨äºã¨ãã¦ã¯ã以ä¸ããå§ããã¾ãã UIãã¶ã¤ã³ã»ã¬ã¤ã¢ã¦ãã«å½¹ç«ã¤è¨äº17é¸ ç»é¢ãµã¤ãºããã¶ã¤ã³ï¼ã¬ã¤ã¢ã¦ãã®ä»æ¹ãç¥ãã¾ããããåºç¤ç¥èè¨äºããåOSã®UIã®éãããã¶ã¤ã³ã®ä»æ¹ãåããè¨äºãã¾ã¨ãã¾ãããç¹ã«ãAndroidã¯ç»é¢ã®å¤§ããã®éããããã«å¸åãããã課é¡ã§ããããFragmentsãCompatibility packageãå¦ã¶ã¨å½¹ç«ã¤ã¨æãã¾ãã â åºç¤ç¥è
Introducing Sessions: the latest product from Waldo!
ããã«ã¡ã¯ï¼ããã¯ãããããã§ããååã¯ãiPhoneã¢ããªéçºè¦ç©ããæã®8ã¤ã®ãã¤ã³ã Part1ãæ¸ããã¦ããã ãã¾ãããPart1ã§ã¯ã端æ«ãOSãªã©å¤é¨çãªãã¤ã³ãã§ããããä»åã®Part2ã§ã¯ãå é¨çãª4ã¤ã®ãã¤ã³ããæ¸ããã¦ããã ãã¾ãã 5.ãã¶ã¤ã³ ãã¶ã¤ã³ãã®ãã®ãæåãã決ã¾ã£ã¦ãããã¨ã¯å°ãªãã¨æãã¾ããè¦ç©ããæã®ãã¤ã³ãã¯ä»¥ä¸ã®ç¹ã«ãªãã¾ãã 誰ããã¶ã¤ã³ããã®ãï¼ å ¨ã¦èªç¤¾ã§ããã®ãããã¶ã¤ã³ä¼ç¤¾ããã¨ä¸ç·ã«ããã®ããã¯ã©ã¤ã¢ã³ããããããã®ãããªã©ãã¶ã¤ã³ä½æ¥ã誰ãè¡ããã«ãã£ã¦æ°ãã¤ãã¦ããã¹ããã¤ã³ãã¯ããã¤ãããã¾ãã ã©ã®ãã¼ã«ã§ãã¶ã¤ã³ããã IllustratorãPhotoshopãSketch 3ãªã©ã©ã®ãã¼ã«ã§ä½æããã®ãããã¼ã«ã¯å¿ ãåããã¦ããã¾ãããã ãã¼ãã®åãåºãã¯èª°ãããã®ã ãã¶ã¤ãã¼ãããï¼éçºè ãããï¼ä½æ¥å¹çã®è¯ãæ¹æ³
Webãã¶ã¤ãã¼ãWebãµã¤ãã ãã§ãªããã¹ãã¼ããã©ã³ã¢ããªããã¶ã¤ã³ããæ©ä¼ãå¢ãã¦ãã¾ãã ã¨ããããPhotoshopã使ãããªãã¦ãããã¶ã¤ãã¼ã§ããUIã®ãã¶ã¤ã³ã¨ãªãã¨åæãéãã試è¡é¯èª¤ãã¦ããæ¹ãå°ãªããªãããã§ããæ¬é£è¼ã§ã¯ãPhotoshopã使ã£ã¦ã¢ããªã®UIããã¶ã¤ã³ããã³ããããã¶ã¤ãã¼ã®ããããã²ãããã解説ãã¾ããï¼ç·¨éé¨ï¼ Photoshopã¯ãã¨ãã¨åçç·¨éã®ããã®ã½ããã§ããããå°å·ç©ãWebã®ãã¶ã¤ã³ãã¼ã«ã¨ãã¦ã使ãããããã«ãªãããã¾ã§ã¯ãã¶ã¤ã³ãã¼ã«ã¨ãã¦Photoshopã使ã£ã¦ããæ¹ãå¤ãã®ã§ã¯ãªãã§ãããããæè¿ã§ã¯ã¢ããªã®UIãã¶ã¤ã³ã«ã便å©ãªæ©è½ãã©ãã©ã追å ããã¦ãã¾ãããã®é£è¼ã§ã¯Webãã¶ã¤ãã¼ã対象ã«ãiPhoneã¢ããªãé¡æã¨ãã¦ãPhotoshopã§UIããã¶ã¤ã³ããæ¹æ³ãç´¹ä»ãã¾ãã 第1åã¯ãã¢ããªéçºã®å¤§ã¾ããªæµãã
ããã«ã¡ã¯ãã½ã¦ã«ãã¢ã¦ãæ ªå¼ä¼ç¤¾ã®ã¢ããã§ãã ã©ã³ãã£ã³ã°ãã¼ã¸ã§å£²ä¸ã¢ããï¼ã®ã¤ããããããï¼æãããã«å£²ããªãâ¦â¦ããªãã¦ãã¨ã¯ããã¾ãããï¼ ããã¯ãã©ã³ãã£ã³ã°ãã¼ã¸ã®åºæ¬ä¸ã®åºæ¬ãæãã¦ãã¾ã£ã¦ããããããããã¾ããã ã©ã³ãã£ã³ã°ãã¼ã¸ã§ãããã¡ãªãã¹ã¯ï¼ ãã¨ãã°ããããªã©ã³ãã£ã³ã°ãã¼ã¸ã«ãªã£ã¦ãã¾ãããï¼ ä¼æ¥å´ã®è¨ããããã¨ãè©°ãè¾¼ãã§ãã ååã»ãµã¼ãã¹ã¨é¢ä¿æ§ã®èãã¡ã¤ã³ãã¸ã¥ã¢ã«ã使ç¨ãã¦ãã ããããä½ã®ååã»ãµã¼ãã¹ãªã®ããããããªã ä»åã¯ãã©ã³ãã£ã³ã°ãã¼ã¸ã®é¡ã§ããã売ä¸æ¹åã«å¤§ããªã¤ã³ãã¯ããä¸ããããã¡ã¼ã¹ããã¥ã¼ãã«ãã©ã¼ã«ã¹ãã¦ãæ¹åãã¹ããã¤ã³ãããç´¹ä»ãã¦ããã¾ãããã²ãåèã«ãã¦ã¿ã¦ãã ããã 売ä¸æ¹åã®ã«ã®ããã¡ã¼ã¹ããã¥ã¼ãã¨ã¯ï¼ ãã¡ã¼ã¹ããã¥ã¼ã¨ã¯ãWebãã¼ã¸ã«ã¢ã¯ã»ã¹ããéã«ãã¹ã¯ãã¼ã«ããã«è¦ãããã©ã¦ã¶ã®ç»é¢ç¯å²ã®ãã¨ã
ã¢ãã¤ã«ã¢ããªã®UIãã¶ã¤ã³ã§é£ããã®ã¯ã¿ã¼ã²ããã¨ãªãããã¤ã¹ã®ç»é¢ãµã¤ãºã«æ§ã ãªãµã¤ãºã®ãã®ãããã¨ãããã¨ã§ããç»é¢ã®å¤§ããã«ã¯ãããããã£ã¦ã人éã®æãæã®ãµã¤ãºã¯ã»ã¼èª°ã§ãåãã§ããããã©ããªç»é¢ãµã¤ãºã§ãã£ã¦ã確å®ã«æ¼ãããããªUIã®ãµã¤ãºã¨ããã®ãææ¡ãã¦ãã¶ã¤ã³ããªãã¨å¤§å¤ä½¿ãã«ãããã®ã«ãªã£ã¦ãã¾ãã¾ãã ä¾ãã°iOSã®ããã¥ã¼ãã³ã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¼ã¹ã¬ã¤ãã©ã¤ã³ãã§ã¯ãã¿ããå¯è½ãªé åã®ãµã¤ãºãç´44ï½44ãã¤ã³ãã«ããªãããã¨ãããµã³ãã«ã¨ãã¦é»åã¢ããªã®ç»é¢ãç´¹ä»ããã¦ãã¾ãã âGive tappable elements in your app a target area of about 44 x 44 points. The iPhone Calculator app is a good example of fingertip-size control
å æ¥ã®ãããã¯ãã©ã¤ããµã¤ã¯ã«ã¨é¢é£ã®æ·±ããä»æ¥ã¯ã¤ããã¼ã¿ã¼çè«ã¨ãã£ãºã ã«ã¤ãã¦è§£èª¬ãã¾ãã ã¤ããã¼ã¿ã¼çè«ã¨ã¯ ã¤ããã¼ã¿ã¼çè«ã¨ã¯ãã¹ã¿ã³ãã©ã¼ã大å¦ã®ã¨ãã¬ããã»Mã»ãã¸ã£ã¼ã¹ææã1962å¹´ããDiffusion of Innovationsãï¼é¦é¡ãã¤ããã¼ã·ã§ã³æ®åå¦ãï¼ã§æå±ããçè«ã§ãã ãã¨ãã°æ¶²æ¶ãã¬ãããã¨ãã°iPadãªã©ã®æ°ããååãå¸å ´ã«æå ¥ãããéã«ãæ¶è²»è ã®ãã®ååè³¼å ¥ã¸ã®æ 度ã«ããã社ä¼ãæ§æããã¡ã³ãã¼ã5ã¤ã®ã°ã«ã¼ãã¸ã¨åé¡ãããã®ã§ãã æåã®ãã¤ããã¼ã¿ã¼ï¼Innovatorsï¼ãã¯é©æ°è ã¨ãå¼ã°ããã°ã«ã¼ãã§ããæ°ãããã®ãç©æ¥µçã«è©¦ãã¦ã¿ã人ãã¡ã§ããä»æ¥æç¹ã§3Dãã¬ãããã§ã«è³¼å ¥ããã¦ããããªæ¹ã ã¯ã¤ããã¼ã¿ã¼ã¨å¼ãã§ããã§ãããã ã¤ããã¼ã¿ã¼ã®æ¹ã ã¯ç¤¾ä¼å ¨ä½ã®2.5ï¼ ãæ§æããã¨è¨ããã¦ãã¾ãã ç¶ãã¦ãã¢ã¼ãªã¼ã¢ããã¿ã¼ï¼Earl
ãµã¯ãã¨éã¹ããæ°è»½ããªãªããªããã¯ã¹10ã ããªããã¯ã¹10ãã¯ã10種é¡ã®ã·ã§ã¼ãã³ã¼ã¹ããã³ãããéã¶ã¢ã¼ãã10ã³ã¼ã¹èµ°ãæããå¾ã®ããã¼ãã¹ã²ã¼ã ãã§ã¯çå½ã«é ç½®ã§ããç¹å¥ãªã¢ã¤ãã ãæã«å ¥ãããã¨ãã§ãã¾ãã 9種é¡ã®ç¹å¥ã³ã¼ã¹ãã¯ã¼ã«ãâ ã ãã¯ã¼ã«ãâ (ã¹ã¿ã¼)ãã¯ãå ¨9ã³ã¼ã¹ãã³ã¼ã¹ãã¨ã«æ±ºããããããã·ã§ã³ãéæããã¨ã森ãããã³ã¤ã³ã®ããããããããåãå±æ·ã®å¤ããªã©æ°ããªã³ã¼ã¹ãéã¹ãããã«ãªãã¾ãã 2段ã¸ã£ã³ãã§ã³ã¼ã¹ãæ»ç¥!ããã¤ã¸ã¼ããç»å ´! ããªããã¯ã¹10ãã§è¿·åã«ãªã£ããã¤ã¸ã¼ãè¦ã¤ããã¨ä»²éã«ãªãã¾ããã2段ã¸ã£ã³ããã使ã£ã¦ãããã¾ã§ã®ãã£ã©ã¨éãæä½æã§ã³ã¼ã¹ã楽ããã¾ãã
iPhone 6ã¨iPhone 6 plusãçºè¡¨ããã¾ããããã¢ããªã®ãã¶ã¤ã³ãæ å½ãã¦ããç§ããã£ã¨ãæ°ã«ãªãã®ããä»ã®ã¢ããªã®ãã¶ã¤ã³ãã©ãå¤ããå¿ è¦ãããã®ãï¼ãã å®éãAppleã¯è¬ã®è§£å度ã«ãã¦ãã¾ã£ããããåç´ã«æ¡å¤§ããã°è¯ãã£ã¦ãããããªããããªã®ã§ãç§ãªãã«èª¿ã¹ããã¨ã»ããã£ããã¨ãéææ´æ°ãã¦ãããã¨æãã¾ãï¼ æçµçã«ã¯ããããããä¸æããã£ãï¼ãªãã¶ã¤ã³ã¯ãããããè¯ãï¼ã¾ã§ãã£ã¦ããããã¨æã£ã¦ã¾ãã ç®æ¬¡ 1ãç»é¢è§£å度ã«ã¤ã㦠2ãç»åãµã¤ãºããã¶ã¤ã³ä½æ¥ã«ã¤ã㦠ãã®ä» 1ãç»é¢è§£å度ã«ã¤ã㦠解å度ãªã©ãæ¯è¼ããã¤ã³ãã©ã°ã©ãã£ãã¯ã¹ â 2014/09/16 up æµ·å¤ã§ãããªãµã¤ããå ¬éããã¦ãã¾ããï¼ iPhone 6 Screens Demystified â PaintCode 解å度ãããããããç´¹ä»ããã¦ãã¾ãã iPhone6 plusã¯
æ¨å¥¨ãã㸠ã¢ããªã宣ä¼ãããã¼ã±ãã£ã³ã°ã³ãã¥ãã±ã¼ã·ã§ã³ã§ã¯ãé»ãæ¨å¥¨ããã¸ã使ç¨ãã¦ãã ãããé»ãããã¸ã®å¨å²ã«ããã°ã¬ã¤ã®ãã¼ãã¼ã¯ããã¸ã®ã¢ã¼ãã¯ã¼ã¯ã®ä¸é¨ã§ãããå¤æ´ã¯è¨±å¯ããã¦ãã¾ãããåãå ´æã§ä»ã®ã¢ããªãã©ãããã©ã¼ã ã®ããã¸ãä½µç¨ããå ´åã¯ãé»ãæ¨å¥¨ããã¸ã使ç¨ãã¦ãã ããããã®éã¯ãApp Storeã®ããã¸ãæåã«é ç½®ãã¦ãã ããã 代æ¿ãã㸠å¤æ§ãªãã¶ã¤ã³ã«æè»ã«å¯¾å¿ã§ãããããç½ã代æ¿ããã¸ãç¨æããã¦ãã¾ããé»ãæ¨å¥¨ããã¸ã§ã¯ã¬ã¤ã¢ã¦ãã®è¦ãç®ãéããªã£ã¦ãã¾ãå ´åã«ä½¿ç¨ãããã¨ãã§ãã¾ããç½ã代æ¿ããã¸ã¯ãåãå ´æã§ããã¸ã1ã¤ã ã使ç¨ãããã¤ã¬ã¤ã¢ã¦ãå ã§ä½¿ç¨ãããä»ã®è²ãè£ãå ´åã«é©ãã¦ãã¾ãããã¼ã±ãã£ã³ã°ã³ãã¥ãã±ã¼ã·ã§ã³ã§ä»ã®ã¢ããªãã©ãããã©ã¼ã ã®ããã¸ã表示ããå ´åã¯ãé»ãæ¨å¥¨ããã¸ã使ç¨ããç½ã代æ¿ããã¸ã¯ä½¿ç¨ããªãããã«ãã¦ãã ããã ã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}