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

raydive id:raydive

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

${{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}}

ã€TASã€‘ãƒ†ãƒˆãƒªã‚¹ã‚’ä½œã£ã¦ã‚¯ãƒªã‚¢(01:23:83)
Tool Assisted Speed coding & Speed Runæœ€é€Ÿã§ãƒ†ãƒˆãƒªã‚¹ã‚’ä½œã£ã¦ã‚¯ãƒªã‚¢ã™ã‚‹ãŸã‚ã®USBãƒ‡ãƒã‚¤ã‚¹ã‚’ä½œã‚Šã¾ã—ãŸã€‚Davinci32uã§Arduinoã‚³ãƒ³ãƒ‘ãƒãƒ–ãƒ«ãªãƒ–ãƒ¼ãƒˆãƒãƒ¼ãƒ€ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ãƒ†ãƒˆãƒªã‚¹ã¯HTML5ã§ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚å‹•ãã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ã‚³ãƒ¼ãƒ‰ã‚‚ãƒ—ãƒ¬ã‚¤ã‚‚æœ€é©åŒ–ãŒå¾®å¦™ãªã®ã§èª°ã‹æ›´æ–°ã—ã¦ä¸‹ã•ã„ã€‚è©³ã—ãã¯ã“ã®ã‚ãŸã‚Šã«æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ã€€http://makebooth.com/i/MgqFbä»Šã¾ã§ã¤ãã£ãŸã‚‚ã® mylist/10611168ã‚½ãƒ¼ã‚¹ã¯ã“ã¡ã‚‰ã€‚ã€€https://github.com/hsgw/Tool_Assisted_Coding_Tetrisãƒ†ãƒˆãƒªã‚¹ã¯ã“ã¡ã‚‰ã€‚ã€€http://dl.dropbox.com/u/61848477/tetris.htmlã‚¿ã‚¤ãƒžãƒ¼ãŒé©å½“ãªã®ã¯å‹•ç”»ã®30FPSãƒ™ãƒ¼ã‚¹ã§ã‚¿ã‚¤ãƒžãƒ¼ä½œã£ãŸã‹ã‚‰ã§ã™ï¼žï¼œï¼žï¼œ
raydive 2012/12/24
ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»

ãƒ‹ã‚³ãƒ‹ã‚³æŠ€è¡“éƒ¨

GitHub

HTML5
ãƒªãƒ³ã‚¯
W3C HTML5 Logo
An HTML5 Logo It stands strong and true, resilient and universal as the markup you write. It shines as bright and as bold as the forward-thinking, dedicated web developers you are. It's the standard's standard, a pennant for progress. And it certainly doesn't use tables for layout. We present an HTML5 logo. The TechÂnology Imagination, meet implementation. HTML5 is the cornerstone of the W3C's ope
raydive 2011/01/19
ã“ã‚Œã¯ã¡ã‚‡ã£ã¨â€¦â€¦ã ã‚Œã‹ãƒ€ãƒ¡ã ã—ã—ãªã‹ã£ãŸã®ã‹

HTML5
ãƒªãƒ³ã‚¯
ã€ŒGoogleã€H.264ã‚µãƒãƒ¼ãƒˆä¸æ¢ã€ã®èƒŒæ™¯ã‚’æŽ¢ã‚‹ (1/3)
ç±³Googleã¯1æœˆ12æ—¥ï¼ˆç¾åœ°æ™‚é–“ï¼‰ã€åŒç¤¾Chromeãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ãŠã‘ã‚‹H.264ã‚³ãƒ¼ãƒ‡ãƒƒã‚¯ã®ã‚µãƒãƒ¼ãƒˆã‚’å°†æ¥çš„ã«ä¸æ¢ã™ã‚‹ã“ã¨ã‚’ç™ºè¡¨ã—ãŸã€‚æœ¬ç¨¿ã§ã¯ã€ã“ã®ç™ºè¡¨ã®èƒŒæ™¯ã«ã¤ã„ã¦æŽ¢ã£ã¦ã„ãã€‚Webæ¥ç•Œã§ä»Šã¾ã•ã«ä½•ãŒèµ·ã“ã£ã¦ã„ã‚‹ã®ã‹ã€ã“ã‚Œã¾ã§ã®çµŒç·¯ã‚’å«ã‚ãŸæµã‚ŒãŒè¿½ãˆã‚‹ã¯ãšã ã€‚ ã€ŒHTML5ã€ã®å°é ã¨ã€ŒWebMã€ç™»å ´ã¾ã§ã‚’æŒ¯ã‚Šè¿”ã‚‹ ç¾åœ¨ã€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚’é–‹ç™ºã™ã‚‹å¤§æ‰‹å„ç¤¾ã¯ã€ŒHTML5ã€ã¨å‘¼ã°ã‚Œã‚‹WebæŠ€è¡“ã®æ¬¡ä¸–ä»£æ¨™æº–ã‚µãƒãƒ¼ãƒˆã«å‘ã‘ã¦ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼è£½å“ã®æ”¹è‰¯ã‚’ç¶šã‘ã¦ã„ã‚‹ãŒã€ã“ã®HTML5ä»•æ§˜ã®ä¸ã§å‹•ç”»å†ç”Ÿã‚’å¯èƒ½ã«ã™ã‚‹ã€Œ<video>ã€ã‚¿ã‚°ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ãŒå˜åœ¨ã™ã‚‹ã€‚ Webã‚µã‚¤ãƒˆã§ã®å‹•ç”»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å†ç”Ÿã¯ã€å¤šãã®å ´åˆFlashã‚„Silverlightã¨ã„ã£ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒä»²ä»‹ã™ã‚‹ã“ã¨ã§å®Ÿç¾ã•ã‚Œã¦ã„ã‚‹ãŒã€HTML5ã®ä¸–ä»£ã§ã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒä¸è¦ã«ãªã‚Šã€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ã¿ã§å†ç”Ÿå¯èƒ½ã¨ãªã‚‹ã€‚ã ãŒã€HTML5ã§ã®å‹•ç”»å†
raydive 2011/01/14
ascii.jp

web

HTML5
ãƒªãƒ³ã‚¯
WebSocketã¨DeviceMotion Eventã§éŠã¶ - DiaryException
iPod touch(ç¬¬2ä¸–ä»£ã¨ç¬¬4ä¸–ä»£)ã®iOSã‚’4.2.1ã«ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ãŸã€‚Safari on iPhone & iPad 4.2: Accelerometer, WebSockets & better HTML5 support | Breaking the Mobile Webã«ã‚ˆã‚Œã°ã€Safariã®HTML5å¯¾å¿œãŒå¼·åŒ–ã•ã‚ŒãŸã‚‰ã—ã„ã€‚ è©¦ã—ã«éŠã‚“ã§ã¿ã‚‹ã€‚ WebSocketã¨DeviceMotion Eventã®çµ„ã¿åˆã‚ã›ã«ç€ç›®ã—ã¦ã€è¤‡æ•°ã®ãƒœãƒ¼ãƒ«ãŒiPod touchã®ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦å‹•ãã€ãã®ãƒœãƒ¼ãƒ«ã®ä½ç½®ãŒWebSocketã‚’é€šã—ã¦Webãƒšãƒ¼ã‚¸ã‚’é–²è¦§ã—ã¦ã„ã‚‹å…¨ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ã«é€šçŸ¥/å…±æœ‰ã•ã‚Œã‚‹ã€ã¨ã„ã†ã‚·ãƒŠãƒªã‚ªã‚’è€ƒãˆãŸã€‚ å›³ã«ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã€‚1ã¤ã®ãƒ‡ãƒã‚¤ã‚¹ãŒ1ã¤ã®ãƒœãƒ¼ãƒ«ã‚’åˆ¶å¾¡ã—ã€WebSocketã‚’é€šã˜ã¦å…±æœ‰ã•ã‚Œã‚‹ãƒ‡ãƒ¼ã‚¿ã¯ã€Œã©ã®ãƒœãƒ¼ãƒ«ãŒã©ã®ä½ç½®ã«ã‚ã‚‹ã‹ã€ã¨ã„ã†å˜ç´”ãªãƒ‡ãƒ¼ã‚¿ã¨
raydive 2010/11/27
Web

technology

HTML5
ãƒªãƒ³ã‚¯
iPadå‘ã‘HTML5ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ãƒªãƒªãƒ¼ã‚¹ï¼†ç”Ÿç´¹ä»‹ç•ªçµ„â€ãƒ‹ã‚³ãƒ‹ã‚³ãƒ‹ãƒ¥ãƒ¼ã‚¹
iPadå‘ã‘HTML5ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ãƒªãƒªãƒ¼ã‚¹ï¼†ç”Ÿç´¹ä»‹ç•ªçµ„ 2010å¹´09æœˆ29æ—¥ iPadã§æ°—è»½ã«ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã‚’è¦–è´ã§ãã‚‹ã‚ˆã†ã€HTML5ã®å‹•ç”»ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ iPadã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã«ã‚¢ã‚¯ã‚»ã‚¹ã—å‹•ç”»ã‚’é–‹ãã ã‘ã§ã”åˆ©ç”¨ã„ãŸã ã‘ã¾ã™ã€‚ â†‘å†ç”Ÿç”»é¢ã‚’æŒ‡å…ˆã§è§¦ã‚Œã‚‹ã¨å†ç”Ÿã•ã‚Œã€æŒ‡ã§å·¦å³ã«ãªãžã‚‹ã“ã¨ã§ã‚·ãƒ¼ã‚¯ãŒå¯èƒ½ã§ã™ã€‚ â€»iPadå‘ã‘ã«ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã‚’è¡Œã£ã¦ã„ã‚‹ãŸã‚ã€æ©Ÿèƒ½åˆ¶é™ãŒã‚ã‚Šã¾ã™ã€‚ ãªãŠã€HTML5ã®é–¢ä¿‚ä¸Šã€å¯¾å¿œå‹•ç”»å½¢å¼ãŒé™ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ãã®ãŸã‚ã€ 2010å¹´8æœˆ26æ—¥ã®ä½Žç”»è³ªãƒ¢ãƒ¼ãƒ‰å‹•ç”»ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆå¤‰æ›´ä»¥å‰ã«æŠ•ç¨¿ã•ã‚ŒãŸ å‹•ç”»ã®è¦–è´ã¯å‡ºæ¥ã¾ã›ã‚“ã€‚ ã¾ãŸã€ã“ã‚Œä»¥é™ã«æŠ•ç¨¿ã•ã‚ŒãŸå‹•ç”»ã§ã‚‚ã€ä¸€éƒ¨è¦–è´ãŒå‡ºæ¥ãªã„å‹•ç”»ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã®è©³ã—ã„ä½¿ã„æ–¹ã¯ã‚³ãƒãƒ© ã¾ãŸã€9æœˆ30æ—¥ï¼ˆæœ¨ï¼‰20æ™‚ã‚ˆã‚Šã€ãƒ‹ã‚³ãƒ‹ã‚³ç”Ÿæ”¾é€ã«ã¦ iPadå‘ã‘HTML5ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼é–‹ç™ºè€…ã«ã‚ˆã‚‹ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ç´¹ä»‹ç•ª
raydive 2010/09/29
éŽåŽ»ã®å‹•ç”»ã¯ç„¡ç†ãªã®ã‹ãƒ¼ã€‚HTML5å¯¾å¿œãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’PCã«ã‚‚é–‹æ”¾ã—ã¦ãã‚Œãªã„ã‹ã®ã†

ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»

HTML5
ãƒªãƒ³ã‚¯
ç‹ã«èƒŒä¸ã‚’é£›ã³è¶Šã•ã‚Œã¾ã—ã¦
ç‹ã«èƒŒä¸ã‚’é£›ã³è¶Šã•ã‚Œã¾ã—ã¦
raydive 2010/05/03
html5

flash

Video
ãƒªãƒ³ã‚¯
Thoughts on Flash - Apple
Apple has a long relationship with Adobe. In fact, we met Adobeâ€™s founders when they were in their proverbial garage. Apple was their first big customer, adopting their Postscript language for our new Laserwriter printer. Apple invested in Adobe and owned around 20% of the company for many years. The two companies worked closely together to pioneer desktop publishing and there were many good times
raydive 2010/04/30
apple

adobe

Flash

iphone

HTML5
ãƒªãƒ³ã‚¯
Webãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ç”»ç·¨é›†ï¼ - Yanagi Entertainment
html5ã§ videoã®ä»»æ„ã®ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’canvasã«æç”»ã™ã‚‹ãƒ¡ãƒ¢ - è¶…è‡ªå·±æº€è¶³ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° http://d.hatena.ne.jp/favril/20100225/1267099197 æ˜¨æ—¥ã“ã®è¨˜äº‹ã‚’è¦‹ã¦ã€ã“ã‚Œã¯ã™ã”ã„ï¼ã€€ã™ã”ã„ã™ã”ã„ï¼ã€€ã£ã¦ãªã£ã¦ã€ã“ã‚ŒãŒã§ãã‚‹ã‚“ãªã‚‰Webãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§å‹•ç”»ç·¨é›†ã§ãã‚‹ã‚“ã˜ã‚ƒãï¼Ÿã€€ã¨æ€ã£ãŸã‚Šã—ãŸã®ã§ã€ã–ã£ãã‚Šä½œã£ã¦ã¿ã¾ã—ãŸã€‚ http://yanagiatool.appspot.com/jsvideo/player.htmlã€€ï¼ˆMacã®Safari4ã§å‹•ä½œç¢ºèªã€‚QuickTime + Chromeãªã‚‰Windowsã§ã‚‚ã„ã‘ã‚‹ã‹ã‚‚ï¼Ÿï¼‰ ã‚ãã³ã‹ãŸ ã€Œå‹•ç”»ã‚’èªã¿è¾¼ã‚€ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã€ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ã«å…¥ã£ã¦ã‚‹urlã®å‹•ç”»ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ã€Œstateã€ã£ã¦æ›¸ã„ã¦ã‚ã‚‹ã¨ã“ã‚ãŒã€Œstand byã€ã«ãªã£ãŸã‚‰ã€Œå†ç”Ÿ / åœæ¢ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¦ãã ã•ã„ã€‚ ã‚ã¨ã¯
raydive 2010/02/27
HTML5

webservice

å‹•ç”»ç·¨é›†
ãƒªãƒ³ã‚¯
ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã‚’HTML5ã§è¦‹ã‚‹bookmarklet - saiten@blog
æ€§æ‡²ã‚Šã‚‚ç„¡ããƒ‹ã‚³ãƒ‹ã‚³ãƒã‚¿ã§ã™ã€‚ iPadã§ã‚‚çµå±€FlashãŒæè¼‰ã•ã‚Œãªã‹ã£ãŸã“ã¨ã‚‚ã‚ã£ã¦ã€æœ€è¿‘Flashã®ä»£æ›¿æ‰‹æ®µã¨ã—ã¦HTML5ãŒã‚„ã‘ã«æŠ¼ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã‚‚ã®ã¯è©¦ã—ã§ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®Flashãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’HTML5ã§æ§‹æˆã—ãŸãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ç½®ãæ›ãˆã‚‹bookmarkletã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚iPhone/iPadã®videoã‚¿ã‚°ã®å‹•ä½œãŒãƒžã‚·ã«ãªã£ã¦ã‚Œã°ã€iPhone/iPadä¸Šã§ã‚‚å‹•ãã‹ã‚‚ã£ã¦ãªæœŸå¾…è¾¼ã¿ã§ã€‚ ä½¿ã„æ–¹ã¯ã€ä¸‹è¨˜ã®bookmarkletã‚’ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®å†ç”Ÿãƒšãƒ¼ã‚¸(http;//www.nicovideo.jp/watch/*)ä¸Šã§å®Ÿè¡Œã™ã‚‹ã ã‘ã§ã™ã€‚å®Ÿè¡Œã™ã‚‹ã¨æ¨™æº–ã®Flashè£½ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ã€HTML5+javascriptã§æ§‹æˆã—ãŸãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ç½®ãæ›ãˆã¾ã™ã€‚ javascript:(function(){var e=document.createElement("script");e.s
raydive 2010/02/26
ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»

HTML5

å‹•ç”»

Bookmarklet
ãƒªãƒ³ã‚¯
1