[B! HTML5] norikkiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

norikki id:norikki

HTML5ã«é–¢ã™ã‚‹norikkiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (56)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãŠHTML5ï½œ2012å¹´ ãƒ–ãƒ©ã‚¦ã‚¶ã§ç¥ã†ãŠæ£æœˆ
ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰æ–°å¹´ã®ã”æŒ¨æ‹¶ï¼ãŠæ£æœˆæ°—åˆ†ã‚’å‘³ã‚ãˆã‚‹ã€ã¡ã‚‡ã£ã¨è´…æ²¢ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„é›†ã€‚ãƒ–ãƒ©ã‚¦ã‚¶å‡§æšã’ ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦ ä¸Šæ‰‹ã«å‡§ã‚’ä¸Šã’ã¦ã¿ã‚ˆã†ã€‚ ãƒªã‚ºãƒ é¤…ã¤ã ã‚¢ãƒ‰ãƒ¬ã‚¹æ¬„ã‚’æµã‚Œã‚‹ â–¡ã¨â– ãŒåˆã‚ã•ã£ãŸã‚‰ ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’åˆã‚ã›ã¦ ã‚¯ãƒªãƒƒã‚¯ã—ã‚ˆã†ï¼ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°åˆæ—¥ã®å‡º ã„ã¤ã‚‚ã®è¦‹æ…£ã‚ŒãŸ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒã€ åˆæ—¥ã®å‡ºã«ãªã‚Šã¾ã—ãŸã€‚ ãƒ©ã‚¸ã‚ªã ã‚‹ã¾ ã ã‚‹ã¾ã®ç›®ãŒ ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã«ã€‚ ç›®ã«å¢¨ã‚’å…¥ã‚Œã¦ã€ é¡˜æŽ›ã‘ã—ã‚ˆã†ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„ã¶ã•ã‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§å¼“ã‚’å¼•ãã€ ä¸€ç‰çœŸã‚“ä¸ã‚’ å°„ã¬ã„ã¦ã¿ã‚ˆã†ã€‚ ä¸–ç•Œã®ã‚ã‘ãŠã‚ ä¸–ç•Œã®ã¿ã‚“ãªã« æ–°å¹´ã®ã”æŒ¨æ‹¶ã‚’ã€‚ æ›¸ãåˆã‚ã®çª“ æ–°å¹´ã®æŠ±è² ã‚’ã€ ãƒ–ãƒ©ã‚¦ã‚¶ã«ã—ãŸãŸã‚ã‚ˆã†ã€‚ åè»¢ãŠã¿ãã˜ ç”»é¢ã‚’ãƒ‰ãƒ©ãƒƒã‚°ãƒ» åè»¢ã•ã›ã¦ã€ ä»Šå¹´ã®é‹å‹¢ã‚’å ãŠã†ã€‚ åˆå¤¢ã‚¹ãƒãƒƒãƒˆ ä¸€å¯Œå£«äºŒé·¹ä¸‰èŒ„åã€‚ åˆå¤¢ã‚¹ãƒãƒƒãƒˆã§ã€ å¹´ã®åˆã‚ã®é‹è©¦ã—ã€‚ ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—é§…ä¼ ãƒžã‚¦ã‚¹ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ ã‚«ãƒã‚«ãƒèµ°ã‚ã†ã€‚ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«é¾
norikki 2012/01/03
HTML5
ãƒªãƒ³ã‚¯
ã„ã¾ã•ã‚‰èžã‘ãªã„ï¼žï¼œï¼› åŸºç¤Žã‹ã‚‰å¦ã¶ã€ŒHTML5ã€è¶…å…¥é–€ï¼
HTML5 æ—‹é¢¨ã€å¹ãè’ã‚Œã¦ã¾ã™ãï¼(^0^)ï¼ ã•ã¦ã€ã‚‚ã®ã™ã”ãçªç„¶ã§æç¸®ã§ã™ãŒã€ã“ã®åº¦ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã€è¨ç«‹ã—ã¾ã—ãŸï¼ æ ªå¼ä¼šç¤¾ã‚«ãƒ¤ãƒƒã‚¯ï¼ˆæœ¬ç¤¾ï¼šç¥žå¥ˆå·çœŒéŽŒå€‰å¸‚ã€ ä»£è¡¨å–ç· å½¹CEOï¼šæŸ³æ¾¤å¤§è¼”ã€http://www.kayac.comä»¥ä¸‹ã€Œã‚«ãƒ¤ãƒƒã‚¯ã€ï¼‰ã¯ã€HTMLï¼‹CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€JavaScriptÂ ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ‹…å½“ã™ã‚‹è·ç¨®ãŒæ‰€å±žã™ã‚‹ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã‚’ç™ºè¶³ã„ãŸã—ã¾ã™ã€‚ ã“ã‚Œã¾ã§HTMLãŠã‚ˆã³CSSã€JavaScriptã®æ‹…å½“è€…ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒžãŒæ‰€å±žã™ã‚‹æŠ€è¡“éƒ¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãŒæ‰€å±žã™ã‚‹æ„åŒ éƒ¨MEèª²ï¼ˆMEã¯Markup Engineerã®ç•¥ï¼‰ã«åˆ†ã‹ã‚Œã¦æ‰€å±žã—ã¦ã„ã¾ã—ãŸãŒã€æ˜¨ä»Šã®HTML5ã®é€²åŒ–ã¨æ™®åŠã‚’å—ã‘ã¦ã€HTMLã€CSSã€JavaScriptã®æ‹…å½“è€…ã¯ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã«ã¦æ´»å‹•ã‚’ã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã™ã€‚ ãã‚“ãªHTMLãƒ•ã‚¡ã‚¤éƒ¨å“¡ãŒä»Šå›žãŠé€ã‚Šã•ã›ã¦ã„ãŸã ãã®ã¯ã€ HTML5 ã«ã¤ã„ã¦åŸºç¤Žã‹ã‚‰
norikki 2011/09/16
HTML5

*webåˆ¶ä½œ

*design

*ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
norikki 2011/05/09
HTML5

*ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
iPad2 simulator /w Css3, Jquery and HTML5 | alexw.me
This is a jquery iPad2 simulator, this is only an experiment of what can be done with javascript in ast browsers
norikki 2011/04/08
ã“ã“ã«iPad2ãŒã‚ã‚Š

iPad

HTML5

jQuery

css
ãƒªãƒ³ã‚¯
HTML5ã¨ã¯ä½•ã‹ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ãŸ
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€‚Rï¼†Dçµ±æ‹¬æœ¬éƒ¨ åˆ¶ä½œæœ¬éƒ¨ ã‚¦ã‚§ãƒ–ãƒ‡ãƒ™ãƒãƒƒãƒ—ãƒ¡ãƒ³ãƒˆéƒ¨ã«æ‰€å±žã—ã¦ãŠã‚Šã¾ã™ã€‚å²¡éƒ¨å’Œæ˜Œï¼ˆ@kzms2ï¼‰ã¨ç”³ã—ã¾ã™ã€‚ æœ€è¿‘ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‘ã‘ã®ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãªã®ã§ã€ä»Šå›žã¯ã¡ã¾ãŸã§å¤§äººæ°—ã®HTML5ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ è‹¥å¹²ä»Šæ›´ãªå†…å®¹ã«ã‚‚æ€ãˆã¾ã™ãŒã€ã‚ã¾ã‚ŠHTML5ã«ãªã˜ã¿ãŒãªã„æ–¹ã«ã‚‚ã‚ã‹ã£ã¦ã‚‚ã‚‰ãˆã‚‹ã‚ˆã†ãªå†…å®¹ã«ã—ã¦ã„ã¾ã™ã€‚ HTML5ã®åŸºæœ¬æ¦‚å¿µã‚„æ€æƒ³ãƒ»å®Ÿéš›ã®çµ„ã¿æ–¹ã¨ã„ã†ã‚ˆã‚Šã‚‚ã€ HTML5ã§çµ„ã‚€ã¨ä»Šã¾ã§ã¨æ¯”ã¹ã¦ä½•ãŒé•ã†ã®ã‹ ãªã©ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ã€‚ ãªãœã“ã‚Œã‹ã‚‰HTML5ãªã®ã‹ HTML4ã¨ã®é•ã„ãŒã‚ã‹ã‚‰ãªã„ HTML5ã‚’ä½¿ã†åˆ©ç‚¹ãŒã‚ã‹ã‚‰ãªã„ ãªã©ç–‘å•ã«æ€ã£ã¦ã„ã‚‹æ–¹ã¯ãœã²è¦‹ã¦ã„ãŸ
norikki 2011/04/07
*ã¾ã¨ã‚

HTML5

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Rotating color cube box with CSS3 animation, transforms and gradients
Spinning spiraling cube using CSS3 3D animation and 3D transf orms. Note: Hover the black box or cube to pause the animation. Please view in Safari, iPhone or iPad. If the animation freezes while viewing in wide-screen and at the same time hovering the viewport with the mouse, simply refresh the browser to restart the animation. All images used come from WISE - Multimedia Gallery and are used in th
norikki 2011/03/28
HTML5
ãƒªãƒ³ã‚¯
Mozilla's Web O'(pen) Wonder
Marvels Await EXPLORE the AMAZING CREATIONS of the Web! WONDER at FANTASTIC DISCOVERIES from the comfort of your browser! Submit a Demo!
norikki 2011/03/24
HTML5

*WebService
ãƒªãƒ³ã‚¯
http://designaholic.cc/2011/03/html535web.html
norikki 2011/03/02
*ã¾ã¨ã‚

*webåˆ¶ä½œ

HTML5
ãƒªãƒ³ã‚¯
HTML5ã®å‹‰å¼·ã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚„ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã®ã¾ã¨ã‚
HTML5ã®è¦ç´ ã‚„å±žæ€§ã€ç¾Žã—ã„ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ã€å„ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œçŠ¶æ³ãªã©ã‚’ã¾ã¨ã‚ãŸãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚„ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML 5 Visual Cheat Sheetï¼ˆé…å¸ƒçµ‚äº†ï¼‰ HTML5ã®ã‚¿ã‚°ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ä»¥å‰ç´¹ä»‹ã—ãŸæ™‚ã‹ã‚‰èƒŒæ™¯ãŒç™½ã«å¤‰ã‚ã‚Šã€ç›®ã«å„ªã—ããªã‚Šã¾ã—ãŸã€‚
norikki 2011/02/16
HTML5

*ã¾ã¨ã‚

*webåˆ¶ä½œ

*design
ãƒªãƒ³ã‚¯
MSN Japan - ãƒ‹ãƒ¥ãƒ¼ã‚¹, å¤©æ°—, ãƒ¡ãƒ¼ãƒ« (Outlook, Hotmail), Bingæ¤œç´¢, Skype
MSN ã¯ãƒ‹ãƒ¥ãƒ¼ã‚¹ã€å¤©æ°—ã€ã‚¨ãƒ³ã‚¿ãƒ¡ã€ãƒžãƒãƒ¼ã€ã‚¹ãƒãƒ¼ãƒ„ã€ãƒ©ã‚¤ãƒ•ã‚¹ã‚¿ã‚¤ãƒ«ã€è‡ªå‹•è»Šãªã©ã®æœ€æ–°æƒ…å ±ã¨ã€å‹•ç”»ã€Bingæ¤œç´¢ã€ãƒ¡ãƒ¼ãƒ«ã® Outlook.com ï¼ˆæ—§ Hotmailï¼‰ã€Skypeãªã©ã‚’æä¾›ã™ã‚‹ Microsoft ãŒé‹å–¶ã™ã‚‹ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã§ã™ã€‚
norikki 2011/02/16
ãªã‚“ã‹å¿…æ»ãªæ„Ÿã˜ãŒã—ã¦ã—ã¾ã†ã‘ã©w

HTML5

ãƒžãƒ³ã‚¬

*ãƒã‚¿
ãƒªãƒ³ã‚¯
DeNAãŒæ˜Žã‹ã™HTML5ã§ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚²ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ã€æœ¬æ—¥ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã€‘ / GameBusiness.jp
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã¦ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚²ãƒ¼ãƒ ã‚’ä½œã‚ã†ã¨ã™ã‚‹ã¨ã€HTML5ã‚’ä¸å¿ƒã«ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã™ã‚‹ã‚‚ã®ã€ã‚‚ã—ãã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã§ã®æä¾›ã¨ã„ã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ãƒ¢ãƒã‚²ãƒ¼ã‚¿ã‚¦ãƒ³ã‚„ã‚°ãƒªãƒ¼ã¯ãã®ä¸¡æ–¹ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®ä½œã‚Šæ–¹ã¯æ—¢ã«æ–‡çŒ®ã‚‚å¤šæ•°ãªã®ã§ã™ãŒã€HTML5ã¨ãªã‚‹ã¨ã¾ã ååˆ†ã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ã“ã®è³‡æ–™ã¯å¿…è¦‹ã§ã™ã€‚ ã€ŒHTML5@iPhone ã‚²ãƒ¼ãƒ é–‹ç™ºã€ã¯ãƒ‡ã‚£ãƒ¼ãƒ»ã‚¨ãƒŒãƒ»ã‚¨ãƒ¼ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–‹ç™ºã‚°ãƒ«ãƒ¼ãƒ—ã®å²¸å¼˜å€«æ°ãŒã€ŒDeNA Techno logy Seminar #3ã€ã§ã®è¬›æ¼”ç”¨ã«ä½œæˆã—ãŸã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚åŒç¤¾ã§ã¯åŒ—ç±³ã®MiniNationå‘ã‘ã«iPhoneã€ŽPirate Nationã€(æµ·è³Šãƒˆãƒ¬ã‚¸ãƒ£ãƒ¼)ã‚’HTMLã€CSSã€JavaScriptã§é–‹ç™ºã—ã¦æä¾›ã—ã¦ã„ã¦ã€ãã®ãƒŽã‚¦ãƒã‚¦ã‚’å‡ç¸®ã—ãŸã‚‚ã®ã§ã™ã€‚ ã€ŽPirate Nationã€ã¯å†’é ã®æ‹¬ã‚Šã§åˆ†ã‘ã‚‹ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã™ã‚‹ã‚¢ãƒ—ãƒªã¨ã„ã†ã“ã¨ã«ãª
norikki 2011/01/25
iPhone

é–‹ç™º

HTML5

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

SocialGame
ãƒªãƒ³ã‚¯
æ—¥æœ¬èªžã§å¦ã¹ã‚‹HTML5é–¢é€£è³‡æ–™15å€‹ã¾ã¨ã‚ : äºŒåæ³è¡—é“ã¾ã£ã—ãã‚‰
HTML5ã«ã¤ã„ã¦è‰²ã€…ã¨èª¿ã¹ã¦ãŸã¨ãã«è¦‹ã¤ã‘ãŸè³‡æ–™ã„ã‚ã„ã‚ã§ã™ã€‚ ã›ã£ã‹ããªã®ã§ã¾ã¨ã‚ã¦ãŠã“ã†ã‹ãªã¨æ€ã£ã¦è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚ ã€ŒSlideShareã€ã¨ã„ã†ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™å…±æœ‰ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã—ã¦ã€ãã“ã‹ã‚‰è¦‹ã¤ã‘ãŸè³‡æ–™ã§ã™ã€‚ HTML5ã«é–¢ã™ã‚‹è³‡æ–™ã§å½¹ç«‹ã¡ãã†ã ãªã¨æ€ã£ãŸã‚‚ã®ã‚’15å€‹ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ æ—¥æœ¬èªžã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã‚‚ã®ã®ã¿æŠœç²‹ã€‚ HTML5ã®å‹‰å¼·ã‚’ã—ã‚ˆã†ã¨æ€ã†æ–¹ã‚„ã€HTML5ã«èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯æ˜¯éžã”è¦§ãã ã•ã„ã€‚ ä»¥ä¸‹ã«15å€‹ã®HTML5é–¢é€£ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’è²¼ã£ã¦ãŠãã¾ã™ãã€‚
norikki 2011/01/18
HTML5

*ã¾ã¨ã‚

è³‡æ–™
ãƒªãƒ³ã‚¯
2011å¹´ã€æŠ¼ã•ãˆã¦ãŠããŸã„ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®11ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
Web Design Trends in 2011 [ad#ad-2] ä»¥ä¸‹ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. HTML5 + CSS3 2. ã‚·ãƒ³ãƒ—ãƒ«ãªã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ 3. ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œ 4. è¦–å·®åŠ¹æžœ 5. ã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ 6. å¥¥è¡Œã 7. å¤§ãã„å†™çœŸã®èƒŒæ™¯ 8. ç´ æ•µãªãƒ‰ãƒ¡ã‚¤ãƒ³å 9. QRã‚³ãƒ¼ãƒ‰ 10. ã‚µãƒ ãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ 11. Life Stream 1. HTML5 + CSS3 HTML5ã¨CSS3ã¯ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‹ã‚‰ä»Šæ—¥ã¾ã§ã€ã‚ã¾ã‚Šå¤šãã¯ä½¿ç”¨ã•ã‚Œã¾ã›ã‚“ã§ã—ãŸã€‚ã—ã‹ã—ã€ã“ã®2011å¹´ã€å¤šãã®ã‚µã‚¤ãƒˆã§æŽ¡ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã¯ãšã§ã™ã€‚ å¤šãã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯Flashã‹ã‚‰é›¢ã‚Œã¦ã¯ã˜ã‚ã¦ã„ã¾ã™ã€‚æ¬¡ã®2ã¤ã®ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ Scribblertoo(Flash) ã“ã“ã§æ³¨æ„ã—ã¦ã»ã—ã„ã®ã¯ã€Flashã¨HTML5ã¯æ•µå¯¾ã™ã‚‹ã‚‚ã®ã§ã¯ãªã„ã“ã¨ã‚’ç†è§£ã—ã¦ãŠã„ã¦ãã ã•ã„ã€‚å•é¡Œã¯ã€
norikki 2011/01/11
HTML5

css

*webåˆ¶ä½œ

*ã¾ã¨ã‚

*design

Flash
ãƒªãƒ³ã‚¯
ã‚®ãƒ£ãƒ«ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³ECã‚µã‚¤ãƒˆã€Œå¤¢å±•æœ›ã€ã€iPhoneå‘ã‘ã‚µã‚¤ãƒˆã‚’å…¬é–‹--HTML5ã§æ§‹ç¯‰
å¤¢å±•æœ›ã¯12æœˆ24æ—¥ã€ECã‚µã‚¤ãƒˆã€Œå¤¢å±•æœ›ã€ã®iPhoneå‘ã‘ã‚µã‚¤ãƒˆã‚’å…¬é–‹ã—ãŸã€‚ æ–°ã‚µã‚¤ãƒˆã¯HTML5+CSS3ã§æ§‹ç¯‰ã—ã€å•†å“ç”»åƒã®è¡¨ç¤ºã«ã‚‚ã“ã ã‚ã£ãŸã¨ã„ã†ã€‚åŒç¤¾ã®ãƒ¡ã‚¤ãƒ³ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ãªã‚‹ãƒã‚¤ãƒ†ã‚£ãƒ¼ãƒ³ã‹ã‚‰F1å±¤ï¼ˆ20ã€œ34æ³ã®å¥³æ€§ï¼‰ã‚’è€ƒæ…®ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æŽ¡ç”¨ã™ã‚‹ã€‚ã€Œã‚®ãƒ£ãƒ«ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³ã§çˆªãŒé•·ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚‚åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã€ãƒœã‚¿ãƒ³ã®ã‚µã‚¤ã‚ºã‚„å¹…ã‚’å¤§ãã‚ã«ã¨ã£ãŸã€ï¼ˆå¤¢å±•æœ›ï¼‰ å¤¢å±•æœ›ã¯1998å¹´ã®è¨ç«‹ã€‚å…ƒã€…ã¯çŽ©å…·ã®åˆ¶ä½œãªã©ã‚’æ‰‹ãŒã‘ã¦ã„ãŸãŒã€2003å¹´ã«æ¥½å¤©å¸‚å ´ã¸å‡ºåº—ã—ã¦ECäº‹æ¥ã‚’é–‹å§‹ã€‚å½“åˆã¯å¥åº·é£Ÿå“ãªã©ã‚’è²©å£²ã—ã¦ããŸãŒã€ç¾åœ¨ã¯ã‚¢ãƒ‘ãƒ¬ãƒ«ã«äº‹æ¥ã‚’é›†ç´„ã€‚è‡ªç¤¾ã‚µã‚¤ãƒˆã‚„ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ãƒ¢ãƒ¼ãƒ«ã§å›½å†…6åº—èˆ—ã€ä¸å›½2åº—èˆ—ã€å°æ¹¾3åº—èˆ—ã‚’å±•é–‹ã€‚ä¼šå“¡æ•°ã¯180ä¸‡äººã‚’è¶…ãˆã‚‹ã€‚ åŒç¤¾ã®ç‰¹å¾´ã¯ãƒ¢ãƒã‚¤ãƒ«ã«ç‰¹åŒ–ã—ã¦ã„ã‚‹ã“ã¨ãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã€‚PCå‘ã‘ã‚µã‚¤ãƒˆã‚‚é‹å–¶ã™ã‚‹ãŒã€å£²ã‚Šä¸Šã’ã®90ï¼…ã¯ãƒ¢ãƒã‚¤ãƒ«ã‹ã‚‰ã ã¨ã„ã†ã€‚è‡ªç¤¾ã‚µã‚¤ãƒˆã®å¤¢
norikki 2010/12/27
å¤¢å±•æœ›ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã®CNETEè¨˜äº‹

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

HTML5
ãƒªãƒ³ã‚¯
mimonelu on Twitter: "è£œè¶³ï¼šã€ŒHTML5æŽ¡ç”¨ã‚µã‚¤ãƒˆã€ã®ã‚¯ã‚»ã«tableã‚¿ã‚°ã¨ã‹â€¦ã€‚CSSã®ã€Œdisplay: table;ã€ã‚’ä½¿ã„ãªã•ã„ã€‚rowspanã‚‚colspanã‚‚ä½¿ãˆãªã„ã‘ã©ã€‚"
norikki 2010/12/27
å¤¢å±•æœ›ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã®CNETè¨˜äº‹ã«å¯¾ã™ã‚‹åå¿œ

HTML5

twitter
ãƒªãƒ³ã‚¯
mimonelu on Twitter: "ã²ã©ã„ã‚µã‚¤ãƒˆã‚’è¦‹ãŸã€‚ http://japan.cnet.com/news/service/20424467/ articleã¨footerã‚¿ã‚°ã‚’ä½¿ã£ãŸç¨‹åº¦ã§HTML5ï¼ãƒ€ã‚µã„å‰²ã‚Šã«CSSãŒ2500è¡Œè¶…ãˆï¼ˆ60KBï¼‰ï¼ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆã§jQueryï¼æ–‡å—ã ã‘ç”»åƒï¼AJAXãªã—"
norikki 2010/12/27
å¤¢å±•æœ›ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã®CNETè¨˜äº‹ã«å¯¾ã™ã‚‹åå¿œ

HTML5

twitter
ãƒªãƒ³ã‚¯
HTML5ã§é€²åŒ–ã—ãŸãƒ•ã‚©ãƒ¼ãƒ æ©Ÿèƒ½ã€€ã“ã“ãŒé•ã†ï¼ã‚µãƒ³ãƒ—ãƒ«ã§è¦‹ã‚‹HTML5ï¼ˆ5ï¼‰
ã¯ã˜ã‚ã« ã“ã®é€£è¼‰ã§ã¯ã€ä»Šæ—¥ã®ã‚¦ã‚§ãƒ–æ¥ç•Œã®æµè¡Œèªžã¨ãªã£ã¦ã„ã‚‹ã€ŒHTML5ã€ã‚’ã¨ã‚Šã‚ã’ã€å…¨6å›žã«åˆ†ã‘ã¦ã€ã“ã‚Œã¾ã§ã®æŠ€è¡“ã¨ã©ã®ã‚ˆã†ãªé•ã„ãŒã‚ã‚‹ã®ã‹ã€å…·ä½“çš„ã«ã‚µãƒ³ãƒ—ãƒ«ã®ã‚³ãƒ¼ãƒ‰ã‚’ç¤ºã—ãªãŒã‚‰è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ éŽåŽ»ã®é€£è¼‰ã‚‚èªã‚€ ç¬¬1å›žï¼šHTML5ãŒæ³¨ç›®ã‚’æµ´ã³ã‚‹ç†ç”±ã¨ã¯ï¼Ÿ ç¬¬2å›žï¼šHTML4ã‹ã‚‰å¤‰åŒ–ã—ãŸHTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ç¬¬3å›žï¼šHTML5ã§å†å®šç¾©ã•ã‚ŒãŸè¦ç´ ã¨å±žæ€§ ç¬¬4å›žï¼šHTML5ã§å®Ÿç¾ã§ãã‚‹ãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ç³»æ©Ÿèƒ½ æ–°ãŸã«å°Žå…¥ã•ã‚ŒãŸãƒ•ã‚©ãƒ¼ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ« ã“ã‚Œã¾ã§ã‚¦ã‚§ãƒ–ã«ãŠã‘ã‚‹å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã¯ã€éžå¸¸ã«é™ã‚‰ã‚ŒãŸã‚‚ã®ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚çš†ã•ã‚“ãŒã‚ˆãã”å˜ã˜ã®ãƒ†ã‚ã‚¹ãƒˆï¼ˆãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ï¼‰å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ã‚»ãƒ¬ã‚¯ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã€ãƒ•ã‚¡ã‚¤ãƒ«é¸æŠžã§ã™ã€‚ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã§ã‚ã‚Œã°ã€ã»ã¨ã‚“ã©ã®ã‚·ãƒ¼ãƒ³ã§ååˆ†ã¨ã„ãˆã‚‹ã§ã—ã‚‡ã†ãŒã€ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ãŠã„ã¦ã¯ã€ä¸è¶³ã—ã¦ã„
norikki 2010/12/27
HTML5

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸHTML5ã«ã¤ã„ã¦è‰²ã€…èª¿ã¹ã¦ã¿ã¾ã—ãŸ - ã‚‚ã¨ã¾ã‹æ—¥è¨˜
å…ˆæ—¥ã€ãƒ‰ã‚³ãƒ¢ã®Androidç«¯æœ«ã§ã‚ã‚‹ã€ŒGALAXY Sã€ã‚’äºˆç´„ã—ãŸã‚ã‘ã§ã™ãŒã€ãã†ãªã‚‹ã¨æ°—ã«ãªã‚‹ã®ãŒã€ãšãƒ¼ã£ã¨å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸHTML5ã«ã¤ã„ã¦ã€‚ã“ã‚Œã‹ã‚‰ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæ™®åŠã™ã‚‹ã«ã¤ã‚Œã¦ã€ç„¡è¦–å‡ºæ¥ãªã„æŠ€è¡“ã§ã‚ã‚‹ã®ã¯èª°ã®ç›®ã«ã‚‚æ˜Žã‚‰ã‹ãªã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã¦ã“ã¨ã§ã€HTML5ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸãƒ¡ãƒ¢ã§ã™ã€‚ HTML5ã®æ¦‚è¦ã¾ãšã¯é›£ã—ã„ã“ã¨ã¯æŠœãã«ã—ã¦ã€æ¦‚è¦ã‚’èªã‚“ã§ã¿ã‚‹ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ HTML5, ãã¡ã‚“ã¨ã€‚ã“ã®è¨˜äº‹ã ã‘ã§ååˆ†ã§ã™ã€‚é•·ãã‚‚ãªãã€æ–‡å—ã‚‚å°‘ãªã„ã®ã§éžå¸¸ã«å…¥ã‚Šã‚„ã™ã„ã§ã™ã€‚ HTML5ä»•æ§˜é–¢é€£ä¸€å¿œã§ã™ãŒã€ä»•æ§˜ã«ã¤ã„ã¦ã€‚ HTML5.JP - æ¬¡ä¸–ä»£HTMLæ¨™æº– HTML5æƒ…å ±ã‚µã‚¤ãƒˆHTMLÂ 5 â€• HTMLÂ 4 ã‹ã‚‰ã®å¤‰æ›´ç‚¹ (http://www.w3.org/TR/html5-diff/ æ—¥æœ¬èªžè¨³) å¿…è¦ã«å¿œã˜ã¦ã¿ã‚Œã°ã„ã„ã®ã§ã€ç´°ã‹ãã¯è¦‹ã¦ã¾ã›ã‚“ã€‚ åŸºç¤ŽçŸ¥è˜æ¦‚è¦ãŒç†è§£å‡ºæ¥
norikki 2010/12/19
*ã¾ã¨ã‚

HTML5

è³‡æ–™

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
iPadã¯ã€Œè¦‹ã‚‹ã€ãƒ‡ãƒã‚¤ã‚¹ã€æ©Ÿèƒ½ã‚ˆã‚Šã‚‚ä½¿ã„ã‚„ã™ã•--ãƒ‹ã‚³å‹•ãŒHTML5ã«å¯¾å¿œ
ãƒ‹ãƒ¯ãƒ³ã‚´ã¯9æœˆ29æ—¥ã€å‹•ç”»ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã€Œãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ï¼ˆ9ï¼‰ã€ãŒã€HTML5ã«ã‚ˆã‚‹å‹•ç”»å†ç”Ÿã«å¯¾å¿œã—ãŸã¨ç™ºè¡¨ã—ãŸã€‚Flashã‚’è¡¨ç¤ºã§ããªã„iPadã®ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚‚ã€å‹•ç”»ã‚’è¦–è´ã—ãŸã‚Šã‚³ãƒ¡ãƒ³ãƒˆã‚’æŠ•ç¨¿ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ HTML5ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã®é–‹ç™ºã«ãŠã‘ã‚‹ã“ã ã‚ã‚Šã‚„iPadç‹¬è‡ªã®æ©Ÿèƒ½ã«ã¤ã„ã¦ã€ãƒ‰ãƒ¯ãƒ³ã‚´åŸ·è¡Œå½¹å“¡ ç ”ç©¶é–‹ç™ºæœ¬éƒ¨é•·ã®åƒé‡Žè£•å¸æ°ã€HTML5ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒªãƒ¼ãƒ€ãƒ¼ã®è‰é‡Žç¿”æ°ã€HTML5ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼UIãƒ‡ã‚¶ã‚¤ãƒ³æ‹…å½“ã®ç¯ åŽŸå‹é‡Œæ°ã«è©±ã‚’èžã„ãŸã€‚ ä»Šå›žå¯¾å¿œã™ã‚‹HTML5ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã¯ã€iPadã«ç‰¹åŒ–ã—ãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã«ãªã£ã¦ã„ã‚‹ã€‚iPadã‚’æ¨ªä½ç½®ã«æŒã¤ã¨ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¡¨ç¤ºã«ãªã‚Šã€ç”»é¢ä¸Šã‚’ã‚¿ãƒƒãƒ—ã™ã‚‹ã¨å‹•ç”»ãŒå†ç”Ÿã•ã‚Œã‚‹ã€‚ã¾ãŸã€ç”»é¢å³ä¸‹ã®ãƒšãƒ³ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¿ãƒƒãƒ—ã™ã‚‹ã¨ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã‚³ãƒ¡ãƒ³ãƒˆã‚’æŠ•ç¨¿ã§ãã‚‹ã€‚ è‰é‡Žæ°ã¯ã€ŒPCã§è¦–è´ã§ãã‚‹Flashãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã»ã©é«˜æ©Ÿèƒ½ã§ã¯ã‚ã‚Š
norikki 2010/10/07
iPad

HTML5

ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»
ãƒªãƒ³ã‚¯
HTML5ã§Webãƒšãƒ¼ã‚¸ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ãŸã‚ã®åŸºç¤ŽçŸ¥è˜
æœ€è¿‘ã‚ˆãç›®ã«ã™ã‚‹ã€ŒHTML5ã€ã¨ã„ã†è¨€è‘‰ã€‚JavaScriptã®APIã‚„CSS3ã€SVGãªã©ã‚’å«ã‚ã€æ€¥é€ŸãªåºƒãŒã‚Šã‚’è¦‹ã›ã¤ã¤ã‚ã‚‹ã€ŒHTML5ã€ã®åŸºç¤Žã‚’å¦ã¹ã‚‹å…¥é–€é€£è¼‰ã§ã™ã€‚ã€ŒHTML5ã‚’ä½¿ã†ã¨ã€ä½•ãŒã§ãã‚‹ã®ã‹ã€ã€Œãã‚Œã‚’å®Ÿç¾ã™ã‚‹ã«ã¯ã€ã©ã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ã„ãŸã‚‰ã„ã„ã®ã‹ã€ã‚’ãŠå±Šã‘ã—ã¾ã™ 5ã‹ã‚‰HTMLã®â€œæ–‡æ³•â€ãŒå¤‰ã‚ã‚‹ã£ã¦çŸ¥ã£ã¦ãŸï¼Ÿ é€£è¼‰ç¬¬1å›žã®ã€ŒWebã®3ã¤ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ã€ŒHTML5ã€ã¨ã¯ä½•ãªã®ã‹ã€ã§ã¯ã€HTML5ã¨ã„ã†æŠ€è¡“é©æ–°ã®æ„ç¾©ã€ãã—ã¦æœ¬é€£è¼‰ã®å¤§ã¾ã‹ãªæµã‚Œã«ã¤ã„ã¦ãŠè©±ã—ã—ã¾ã—ãŸã€‚é€£è¼‰ç¬¬2å›žã§ã‚ã‚‹ä»Šå›žã¯ã€HTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’è¡Œã†ãŸã‚ã®åŸºç¤ŽçŸ¥è˜ã«ã¤ã„ã¦ãŠè©±ã—ã—ã¾ã™ã€‚ HTML5ã§ã¯ã€ãã®æ–‡æ³•ãŒå¤§ããå¤‰åŒ–ã—ã¾ã—ãŸã€‚ã€ŒHTMLãŒã€ã©ã‚Œã»ã©æ™®åŠã—ã¦ã„ã‚‹ã‹ã€ã€Œæ ¹åº•ã¨ãªã‚‹â€œæ–‡æ³•â€ãŒå¤‰ã‚ã£ã¦ã—ã¾ã£ãŸã‚‰ã€ã©ã‚Œã»ã©ã®å½±éŸ¿ãŒã‚ã‚‹ã‹ã€ã«æƒ³åƒãŒåŠã¶æ–¹ã§ã‚ã‚Œã°ã€éžå¸¸ãªé©šãã¨ä¸å®‰ã‚’æŠ±ã‹ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚
norikki 2010/10/06
HTML5

*webåˆ¶ä½œ

*ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸