HTML5ã«ã¤ã㦠æè¿ãHTML5ã®ã³ã¼ãã£ã³ã°æ¡ä»¶ã«ã¤ãã¦ã®åãåããã質åãããã¾ããããã§æ©éãHTML5ã§ã³ã¼ãã£ã³ã°ããã¦ããä¼æ¥ãµã¤ãã調ã¹ã¾ããã®ã§ä»åãç´¹ä»ãããã¨æãã¾ãã ããã¨ããï¼ã¤ãä»å調ã¹ã¦æ°ã¥ããã®ã§ããå¤ãã®WEBå¶ä½ä¼ç¤¾ãèªç¤¾ãµã¤ããHTML5ã§ä½ãç´ãã¦ããããã§ãã ç§ãåãæ®ãããªãããã«æ¥ã ç²¾é²ãããã¨æãã¾ãã âã¢ããã« ãã®ãµã¤ãã¯èª¬æä¸è¦ã§ããããã¢ããã«ã®ç¹è¨ãµã¤ãã§ããã¢ããã«ãæä¾ãããApple HTML5 Showcaseã http://www.apple.com/html5/ âGoogle Googleãã¦ã§ãã®é²åã Google Chromeã®ãªãªã¼ã¹ï¼å¨å¹´ãè¨å¿µãã¦å¶ä½ãããã³ã³ãã³ãã§ãWebæè¡ããã©ã¦ã¶ã®é²åã®æ´å²ãè¦è¦åã1990å¹´ããç¾å¨ã¾ã§ç´20å¹´ã«æ¸¡ã年表ãè²é®®ãããªã¤ã³ãã©ã°ã©ãã£ãã¯ã¨ãã¦HT
UX ã HCD ã®åå¼·ããã¦ã¿ãããã¯ã¼ã¯ã·ã§ããã«åå ãã¦ããä¼ç¤¾å ã§ã®ç解ãç²å¾ããã®ãé£ããå ´åãããã¾ããè£ é£¾ããåºãç¯å²ã§ãã¶ã¤ã³ãèããã¨ã¯æé (ã³ã¹ã) ãå¿ è¦ã ãã§ãªããååã®ãã¶ã¤ã³ããã»ã¹ã®åå ã¯ä¸å¯æ¬ ã§ããããããææç©ã¨ãã¦è¦ãé£ãããã»ã¹ã§ããããèªåã¯ãã¶ã¤ãã¼ã§ã¯ãªããã¨æåããæå¦ããããã¨ãããã¾ããå¤ã§å ¥æããæ§ã ãªãã¶ã¤ã³ã¢ããã¼ããã²ã¨ãã§ãããªãå§ãã¦ãä½ãå¤ããã¾ãããè² æ ã大ãããªãã ãã§ããUX ã社å ã®æåã¨ãã¦åãå ¥ããããåãããããã¶ã¤ã³ãããããç°å¢ä½ããã¾ãå¿ è¦ã«ãªãã¾ãã ã¤ã¾ããåå¼·ã®æ¬¡ã¯åèæ´»åã§ãã 社å åå¼·ä¼ããã¦ããã¨ããã§ããã°ãããã§å¤ã§å¦ãã§ããç¥èãå ±æãããã¨ã¯ã§ããã¨æãã¾ãããã£ã¦ããªãä¼æ¥ã§ãå¿ããã¹ã±ã¸ã¥ã¼ã«ã®ä¸ãã2,3æéã»ã©å ±æããæéãçµãåºããã¨ã¯åºæ¥ãã¯ãã§ããã§ã¯ãããã§ä½ã話ãã°è¯
ã¦ã§ããµã¤ãã®æ§ç¯ã¨ãã£ã¦ããç«å ´é¢ä¿ãèæ ®ãããã¨ãªããã³ã©ãã¬ã¼ã·ã§ã³ã®ãããªãã¶ã¤ã³ããã»ã¹ã«ãªã£ã¦ãã¦ãã¾ãããã¶ã¤ã³ããã»ã¹ã®ã©ã®ãã§ã¤ãºã«ããã¦ããéçºã¡ã³ãã¼ãã¯ã©ã¤ã¢ã³ãã交ãã¦æè¦ã交æããã¨ããããã¾ããçã§ãµã¤ããä½ãä¸ãã¦è¡ãããã§ããããä¼è©±ããããã¨ã¯ã¨ã¦ã大äºãªæéã§ã¯ããã¾ããã建è¨çãªæè¦ã°ãããåºã¦æ¥ãããã§ã¯ããã¾ãããæã«ã¯ä¼è°ãè¿·èµ°ãã¦ãã¾ã£ãããéçºã¡ã³ãã¼ã®å£«æ°ãä¸ãã¦ãã¾ãå¯è½æ§ãããã¾ãã ãã¼ã ã¡ã³ãã¼ã ãã§ãªãã¯ã©ã¤ã¢ã³ãã«ãä¼ãã¦ããããã建è¨çãªãã£ã¼ãããã¯ã®ä»æ¹ãããããã¦ã§ããµã¤ããçã§ä½ã£ã¦è¡ãããã«è¦ãã¦ããããé ç®ã5ç¹ç´¹ä»ãã¾ãã ææ ãå«ãçèªãå«ããªã ã好ã¿ã§ã¯ãªãããéãæ°ããããã¨ãã£ããã¬ãã£ããªè¡¨ç¾ã ãã§ãªããã好ãã ããã使ãã®ãæ§ããã»ããè¯ãã§ãããã¡ãããéãæè¦ãè¨ããã¨ã¯æªãäºã§ã¯ãªãã§ããã
æ¹å¤ã§ã¯ãªãæ¹è© å人ããã¸ã§ã¯ãã§ãªãéããå ¬éåã«èª°ãã«ãã¶ã¤ã³ãè¦ããæ©ä¼ãããã¨æãã¾ããç¸æã¯ã¯ã©ã¤ã¢ã³ãããããã¾ããããååã»ä¸å¸ãªã®ããããã¾ããããã¶ã¤ãã¼ã®ä¸ã«ã¯è¦ããã®ãèºèºãã¦ããæ¹ãããã®ã§ã¯ãªãã§ãããããç¥æµã¨ã¹ãã«ãåºãåã£ã¦ä½ãä¸ããåä¾ã®ãããªåå¨ãªã®ã§ãä¸ãä¸æ¹å¤ãããã®ã§ããã°èªåèªèº«ãæ¹å¤ããã¦ããããã«æããã®ã§ã¯ãªãã§ãããããIDEOã® Time Brown æ°ã TED ã®è¬æ¼ã§ããã¶ã¤ã³ã¯ãã¶ã¤ãã¼ã ãã«ä»»ããã«ã¯éè¦éãããã¨ããè¨èãæ®ãã¦ããã¨ããããã¶ã¤ã³ãçã§èããæ©ä¼ãä½ãã¹ãã§ãããã¶ã¤ãã¼ã¯æ©ã段éããä»ã®èª°ãã¨ã¢ã¤ãã¢ãå ±æããã¹ãã§ãããä¼è©±ãæ¹å¤çãªãã®ã«ãªãããã¦ããã®ã§ããã°ãã¶ã¤ãã¼ãç©æ¥µçã«åå ããã¦ããã¾ãããããã¶ã¤ã³ãåæã¨ããä¼è©±ã«ã¯ãªããªãã§ãããã ããã®è²ã¯éããã使ãã«ãããã ããåãã£ã¦ããª
HTML5ã»CSS3対å¿ã®ãã©ã¦ã¶ãå¢ãã¦ãã¦ãå¶ä½ã®ã³ã³ã»ãããå¤åãã¦ãã¾ããã ããã°ã¬ãã·ãã¨ã³ãã³ã¹ã¡ã³ããªã©ã¦ã¼ã¶ã¼ã®ãã©ã¦ã¶ç°å¢ã«ç¦ç¹ãç½®ããå¶ä½ã³ã³ã»ãããã¾ã¨ãã¾ããã 足ããªãç¥èãåããªããæ¸ããã®ã§ä¸é¨èªèãééã£ã¦ãç®æãããããç¥ãã¾ãããããã®å ´åã¯ãææé ããã¨å©ããã¾ãã Progressive Enhancement Graceful Degradation Polyfill Progressive Enhancement(ããã°ã¬ãã·ãã¨ã³ãã³ã¹ã¡ã³ã) ã©ã®ãã©ã¦ã¶ã§ãåºæ¬çãªæ°´æºã®ã¦ã¼ã¶ã¼ã¨ã¯ã¹ããªã¨ã³ã¹ãæä¾ããã æ°ããé«æ°´æºã®ãã©ã¦ã¶ã«ã¯CSS3ãjsãªã©ã§ãããªãããªãã¶ã¤ã³ãæ©è½ãæä¾ããã¨ããèãã§ãã ã¾ãProgressive Enhancementã«ã¯ä¸è¨ã®ååãããã¾ãã åºæ¬çãªå 容ã¯ããã¹ã¦ã®ãã©ã¦ã¶ã§ã¢ã¯ã»ã¹å¯è½ã§ããå¿ è¦
å æ¥ãCSS Nite in Ginza, Vol.59ãDreamweaverã«ããã¬ã¹ãã³ã·ãWebãã¶ã¤ã³ã®å®è£ ãã«åºå¸ãã¦ãã¾ããã ã¨ã¦ãåå¼·ã«ãªã£ãã®ã§å¾©ç¿ãå ¼ãã¦ã¬ã¹ãã³ã·ãwebãã¶ã¤ã³ã«é¢ãã¦ãã»ããã¼ã§å¦ãã å 容ã«èªåã®èª¿ã¹ãç¹ãå ãã¦ã¾ã¨ãã¾ãã ï¼ä¸é¨ã®å³ã¯ã»ããã¼ã®è³æãå ã«ä½æãã¦ã¾ããï¼ å§ãã«ï¼ã¹ãã¼ããã©ã³ãµã¤ãå¶ä½ã®é¸æè¢ ã¹ãã¼ããã©ã³ãµã¤ããå¶ä½ããã«ã¯å¹¾ã¤ãã®æ¹æ³ãããã¾ãã ã¢ã㪠ç¬èªç³» ã¹ã¯ã©ããï¼0ããã¹ãã¼ããã©ã³ãµã¤ãç¨ã«æ§ç¯ï¼ jQuely mobileãä½¿ç¨ æµç¨ç³» ç¾å¨ã®ãã¶ã¤ã³ãã»ã¼æµç¨ã調æ´ã®ã¿ ã¬ã¹ãã³ã·ãã»ãã¶ã¤ã³ ã©ã®æ¹æ³ã«ãã¡ãªãããã¡ãªããã¯ãããã©ããæé©ã㯠ãµã¤ãã®ã³ã³ã»ãããè¦æ¨¡ãäºç®ãªã©è¤åçã«èãã¦é¸æããå¿ è¦ãããã¾ãã ä»åã®ã¨ã³ããªã¼ã§ã¯ã¬ã¹ãã³ã·ãã»ãã¶ã¤ã³ã®ã¿ã«ãµãã¾ãã ã¬ã¹ãã³ã·ãwebãã¶
ã¬ã¹ãã³ã·ãwebãã¶ã¤ã³ããã°ãªãããã¶ã¤ã³ã¾ã§ãã使ããã¦ããwebãã¶ã¤ã³ã®ã¬ã¤ã¢ã¦ãç¨èªãã¾ã¨ãã¾ããã ã¬ã¹ãã³ã·ãwebãã¶ã¤ã³ ã¨ã©ã¹ãã£ãã¯ã¬ã¤ã¢ã¦ã ãªãããã¬ã¤ã¢ã¦ã ãã¬ãã·ãã«ã¬ã¤ã¢ã¦ã åºå®å¹ ã¬ã¤ã¢ã¦ã ã°ãªããã¬ã¤ã¢ã¦ã å¯å¤ã°ãªããã¬ã¤ã¢ã¦ã ã¬ã¹ãã³ã·ãwebãã¶ã¤ã³(Responsive Web Design) PCãã¹ãã¼ããã©ã³ãã¿ãã¬ããäºã«è¤æ°ã®ãã¶ã¤ã³ãå¶ä½ããã®ã§ã¯ãªãã ãã£ã¹ãã¬ã¤ã®å¹ ã«åããã¦ãã¶ã¤ã³ãæé©åããæ¹æ³ã CSS3ã®Media Queriesãå©ç¨ãã¦ãã£ã¹ãã¬ã¤ãµã¤ãºã«å¿ãã¦ãã¶ã¤ã³ãå¤æ´ãã¾ãã ã¡ãªãã ä¸ã¤ã®ã½ã¼ã¹ã§è¤æ°ããã¤ã¹ã«å¯¾å¿ã§ããã®ã§ã¡ã³ããã³ã¹ã容æã§ãã ã¾ãä»å¾ããã¤ã¹ã®ç¨®é¡ãå¢ãã¦ãããã«å¯¾å¿ã§ãã¾ãã ããããã®ããã¤ã¹ã«åãããå½¢ã§èª¿æ´ã§ããã®ã§ã¦ã¼ã¶ã¼ã¨ã¯ã¹ããªã¨ã³ã¹ãé«ããªãã¾ãã ãã¡ãªã
webãã¶ã¤ã³ãè¦ç´ ãã¨ã«ã¾ã¨ãããµã¤ãã§ãã MephoBox webãã¶ã¤ã³ã404 not foundãã¼ã¸ããheaderãfooterãªã©è¦ç´ ãã¨ã«ã¾ã¨ãããµã¤ãã webãã¶ã¤ã³ã®åèã«ãªãã¾ãã 404 not found Header Form ãã®ä»ãfooterãã«ã¬ã³ãã¼ãã³ã¡ã³ããè¨äºãã¡ãã¥ã¼ãã¿ã¤ãã°ã©ãã£ããã´ããã¼ã¸ããã²ã¼ã·ã§ã³ããã°ã¤ã³ãã©ã¼ã ããªã©ãããã¾ãã MephoBox
ç¡æã§ä½¿ãããããä¸ã«ããåçã¯ããããããã®ã¬ãã«ã®ãã®ãã»ã¨ãã©ã§ä½¿ãç©ã«ãªããªãã¨æã£ã¦ãã人ã®èªèãå¤ããããã»ã©ã®å¨åãèªã£ã¦ããã®ããã®ãã©ãã°ã©ãã¡ã¼ãLuc Viatourãæ°ã®å ¬å¼ãµã¤ãã§ãã ãªãã¨ãµã¤ãä¸ã«ããåçã®å ¨ã¦ãCreative Commonsã©ã¤ã»ã³ã¹ï¼CC BY-SA 3.0ï¼ã§æä¾ããã¦ãããå¶å©ç®çã§ã®å©ç¨ãããªãã¡åç¨å©ç¨ãå¯è½ã¨ãªã£ã¦ãã¾ãã Luc Viatour http://www.lucnix.be/ åç»åã®ä¸ã«ãã以ä¸ã®ã¢ã¤ã³ã³ãã¯ãªãã¯ããã¨å¥ã¦ã¤ã³ãã¦ãéãããã«ãµã¤ãºã®ç»åã®ãã¦ã³ãã¼ããå¯è½ã¨ãªãã¾ã ãªãã以ä¸ãç´2ä¸æããç»åã®ä¸ä¾ã§ãã â01ï¼Flaque d'eau au Champ de Mars â02ï¼Cnidaria_Luc_Viatour â03ï¼2h_Namur_13.jpg â04ï¼LV1_5170 â
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}