[B! html5] june29ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

june29 id:june29

html5ã«é–¢ã™ã‚‹june29ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

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

ä¸å›½SNSã‚’å¸å·»ã™ã‚‹"éŠã¹ã‚‹"åºƒå‘Šã€ŒH5ã€ã£ã¦ä½•ã ï¼Ÿ - ä¸å›½ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ“ã‚¸ãƒã‚¹æ—¥è¨˜
ä¸å›½ã¯ã¾ã‚‚ãªãæ˜¥ç¯€ã‚’è¿Žãˆã€å„ç¤¾ã¨ã‚‚ã‚µãƒ¼ãƒ“ã‚¹æ™®åŠã®ç‚ºã®PRã«å¥”èµ°ã—ã¦ã„ã‚‹ã€‚ä¸å›½ãƒ¢ãƒã‚¤ãƒ«ãƒšã‚¤ã®äºŒå¤§å·¨é ã®ä¸€ã¤ã€WeChatPayãŒãŠæ£æœˆã®ã€ŒãŠå¹´çŽ‰ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã€ã§æ™®åŠã‚’æˆåŠŸã•ã›ãŸã‚ˆã†ã«ã€ãŠæ£æœˆã¯ä¸å›½ ITä¼æ¥ã«ã¨ã£ã¦æœ€ã‚‚é‡è¦ãªãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã‚·ãƒ¼ã‚ºãƒ³ã ã¨è¨€ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„ã€‚ ãã‚“ãªä¸ã€ã“ã“æ•°å¹´ä¸å›½ã®SNSã‚’è³‘ã‚ã›ã¦ã„ã‚‹ã®ãŒã€ã€ŒH5åºƒå‘Šã€ã¨ã„ã†ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã€ŒéŠã¹ã‚‹ã€åºƒå‘Šã ã€‚ã€Œæ¥½ã—ãã¦ã€ã€Œã‚·ã‚§ã‚¢ã—ãŸã„ã€ã¨ã„ã†ã€SNSæ™‚ä»£ãªã‚‰ã§ã¯ã®ç‰¹å¾´ã‚’æŒã£ãŸæ–°ã—ã„åºƒå‘Šãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€ä¸å›½ã®ã¿ãªã‚‰ãšã€æ—¥æœ¬ã§ã‚‚ãƒ–ãƒ¬ã‚¤ã‚¯ã™ã‚‹å¯èƒ½æ€§ã‚’ç§˜ã‚ã¦ã„ã‚‹ã€‚ ã“ã®H5åºƒå‘ŠãŒã©ã‚“ãªåºƒå‘Šãªã®ã‹ã€ã¾ãšã¯ã“ã¡ã‚‰ã®ä¾‹ã‚’ã”è¦§ã„ãŸã ããŸã„ã€‚ H5åºƒå‘Šâ‘ ã€ŒPUPUPULAã®å®¶æ—å†™çœŸã€ ï¼ˆãƒªãƒ³ã‚¯å…ˆã‹ã‚‰ç›´æŽ¥é–‹ã‘ã¾ã™ï¼‰ pupupula.net ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåºƒå‘Šã‚’é–‹ãã¨ã€ã™ãã«ã‚²ãƒ¼ãƒ ç”»é¢ãŒå‡ºã¦ãã‚‹ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãã“ã§æ§˜ã€…ãªã‚¢ã‚¤ãƒ†ãƒ ã‚’ä½¿ã£ã¦è‡ªåˆ†ã ã‘ã®å®¶æ—å†™
june29 2018/02/16
ã‚ãˆã¦ã€ŒHTML5åºƒå‘Šã€ã¨å‘¼ã°ãªã„ã®ã«ã¯ã€ãªã«ã‹æ„å›³ãŒã‚ã‚‹ã‚“ã ã‚ã‹ã€‚å®Ÿæ…‹ã¨ã—ã¦ã¯ã€Œã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–åºƒå‘Šã€ã¨ã„ã†æ„Ÿã˜â€¦ï¼Ÿ

html

html5

advertisement
ãƒªãƒ³ã‚¯
pdf.js: Rendering PDF with HTML5 and JavaScript
Andreas Gal Entrepreneur. Techno logist. Former CTO Mozilla, CEO Silk Labs. Now ï£¿ Update: I updated the links again. pdf.js has moved to a new location on github. Why? While traveling to the Firefox 4 launch parties in Seoul and Taipei all the way from California, we killed a lot of time by brainstorming cool things to do with the web platform. Like many before us, we were wondering why nobody had
june29 2013/05/11
javascript

mozilla

pdf

html

html5
ãƒªãƒ³ã‚¯
#2ã€ŒJavaScriptã§ãŠã£ã±ã„ã‚’å‹•ã‹ã™ã€ tech.kayac.com Advent Calendar 2012 - KAYAC Engineers' Blog
ã‚«ãƒƒãƒ—ãƒ«çˆ†ç™ºã—ã‚ ã©ã†ã‚‚ã€‚ã€Œä½•ã‹ã‚ˆãçŸ¥ã‚‰ãªã„ã‘ã©è¨³åˆ†ã‹ã‚“ãªã„äººã ã¨æ€ã£ã¦ãŸã€ã¨ç¤¾å†…ã§æœ€è¿‘è¨€ã‚ã‚ŒãŸHTMLãƒ•ã‚¡ã‚¤éƒ¨ã®damele0nã§ã™ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªã¯tech.kayac.com Advent Calendar 2012 2æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ãƒ†ãƒ¼ãƒžã¯ã€Œç§ã®ä¸ã®ãƒžã‚¤ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ 2012ã€ å£ç¯€ã®ã›ã„ã‹å‘¨å›²ã§ã¯ã‚«ãƒƒãƒ—ãƒ«ãŒç¶šã€…ã¨èª•ç”Ÿã—ã¦æ¬¡ã€…ã¨ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚’èµ·ã“ã™ãªã‹ã€åƒ•ã¯ã¨ã„ãˆã°ç›¸å¤‰ã‚ã‚‰ãšäººç”Ÿã«ã—ã‹ã‚ŒãŸéžãƒ¢ãƒ†ã®ãƒ¬ãƒ¼ãƒ«ã‚’å…‰ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã§çªãé€²ã‚“ã§ã„ã¾ã™ã€‚ åƒ•ã ã£ã¦ã€2äººã§ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚’èµ·ã“ã—ãŸã„â€¦ã€‚ åƒ•ã ã£ã¦ã€å†¬ã®ã›ã„ã«ã—ãŸã„â€¦ã€‚ åƒ•ã ã£ã¦ã€ã‚¯ãƒªã‚¹ãƒžã‚¹ã«ä¸ƒé¢é³¥æŠ±ãˆãªãŒã‚‰æµ·å²¸æ²¿ã„ã‚’2äººã§ã‚ãƒ£ãƒƒã‚ãƒ£ã‚¦ãƒ•ãƒ•ã—ãŸã„â€¦ã€‚ åƒ•ã ã£ã¦ã€ã¡ã¡ãã‚ŠãŸã„â€¦ã€‚ åƒ•ã ã£ã¦ã€åƒ•ã ã£ã¦ã€åƒ•ã ã£ã¦â€¦ã€‚ å®‰å¿ƒã—ã¦ãã ã•ã„ã€‚ åƒ•ã¯ã€ãªã‚“ã§ã™ã‹ï¼Ÿ ã‚ãªãŸã¯ã€ãªã‚“ã§ã™ã‹ï¼Ÿ ãã†ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã™ã€‚ ç„¡ã„ã‚‚ã®ã¯ä½œã‚Œã°ã„ã„ã€‚ä¸–ç•Œãªã‚“
june29 2012/12/14
ã“ã‚“ãªã«ãŠã‚‚ã—ã‚ã„ã€ŒéŽè¨€ã§ã¯ãªã„ã€ã®ä½¿ã„æ–¹ã‚’ã¯ã˜ã‚ã¦è¦‹ãŸã€‚

javascript

html5
ãƒªãƒ³ã‚¯
Dot Com Infoway Releases HTML5 Infographic - Dot Com Infoway
Dot Com Infoway (DCI) has recently unveiled a new infographic titled â€˜HTML5-Past, Present & Futureâ€™ which explains the evolution, key features and capabilities of HTML5 in an informative and interesting manner. HTML5 has an edge over its predecessors with top-notch features and supports a variety of current media devices and Web browsers. HTML5 is the next evolutionary step for the Web world. With
june29 2012/07/01
html

html5

history

infographics
ãƒªãƒ³ã‚¯
SLOBSERVER - L'actualitÃ© de Second Life
june29 2012/06/26
"EventSource works by sending a stream of text based events over a normal HTTP connection that never closes."

eventsourcehq

html5

http
ãƒªãƒ³ã‚¯
ãƒ‰ãƒƒ ãƒ‰ãƒƒ ãƒ‰ãƒªãƒ‰ãƒª ãƒ‰ãƒ‰ãƒ‰ãƒ‰ ãƒ‰ãƒªãƒ©ãƒ³ãƒ‰
ãƒ‰ãƒƒ ãƒ‰ãƒƒ ãƒ‰ãƒªãƒ‰ãƒª ãƒ‰ãƒ‰ãƒ‰ãƒ‰ ãƒ‰ãƒªãƒ©ãƒ³ãƒ‰ãƒ‰ãƒƒ ãƒ‰ãƒƒ ãƒ‰ãƒªãƒ‰ãƒª ãƒ‰ãƒ‰ãƒ‰ãƒ‰ ãƒ‰ãƒªãƒ©ãƒ³ãƒ‰Loading...RandomTweetèª²é‡‘ã—ã¦æ–°ã—ã„æ©Ÿèƒ½ã‚’æ‰‹ã«ã„ã‚Œã‚‹($1)èª²é‡‘ã—ã¦æ–°ã—ã„æ©Ÿèƒ½ã‚’æ‰‹ã«ã„ã‚Œã‚‹($2)èª²é‡‘ã—ã¦æ–°ã—ã„æ©Ÿèƒ½ã‚’æ‰‹ã«ã„ã‚Œã‚‹($5)
june29 2012/05/30
ãƒ‰ãƒªãƒ©ãƒ³ãƒ‰ã®MMLã€‚ã™ã”ã„ã€‚ã†ã‚‰ã‚„ã¾ã—ã„ã€‚

javascript

music

gumroad

html5

audio

mml
ãƒªãƒ³ã‚¯
ã¼ãã®è€ƒãˆãŸã™ã”ã„ãƒ–ãƒ©ã‚¯ãƒ© - ã¼ãã¯ã¾ã¡ã¡ã‚ƒã‚“ï¼
ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ï¼ ä»Šæ—¥ã¯iPhoneã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢ã§ã™ï¼ ã¾ãšã¯ãƒ‡ãƒ¢ã€‚ ã‚¹ãƒžãƒ›ã§è¦‹ã‚‹ã¨ã„ã„ã‹ã‚‚ï¼Ÿâ†’ http://bit.ly/wbKXXG ãƒ»iPhoneã®Safariã¯audioè¦ç´ ãŒä½¿ãˆã‚‹ ãƒ»audioè¦ç´ ã¯ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§éŸ³å£°ã‚’å†ç”Ÿã§ãã‚‹ ãƒ»iPhoneã ã¨ãƒžãƒŠãƒ¼ãƒ¢ãƒ¼ãƒ‰ã§ã‚‚éŸ³å£°ã‚’å†ç”Ÿã™ã‚‹ ãƒ»ãŸã ã—iPhoneã§è‡ªå‹•å†ç”Ÿã¯ã§ããªã„ ãƒ»ãã®ã‹ã‚ã‚Šã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆçµŒç”±ãªã©ã§å†ç”Ÿã™ã‚‹ã“ã¨ã¯ã§ãã‚‹ ã¨ã„ã†ã“ã¨ã¯â€¦ ãƒ»ã†ã¾ãã‚¯ãƒªãƒƒã‚¯ã‚’èª˜ç™ºã™ã‚‹ã‚ˆã†ãªç”»é¢ã‚’ã¤ãã‚Š (ãƒãƒƒãƒ†ãƒªãƒ¼è¦å‘Šãã£ãã‚Šã®ãƒ€ã‚¤ã‚¢ãƒã‚°å‡ºã™ã¨ã‹) ãƒ»äººã«è´ã‹ã‚Œã¦ã¯å›°ã‚‹ã‚ˆã†ãªéŸ³å£°ã‚’åŸ‹ã‚è¾¼ã‚“ã§ãŠã ãƒ»é›»è»Šã®ä¸ãªã©ã§iPhoneã‚’ä½¿ã£ã¦ã„ã‚‹äººãŒå¤šã„æ™‚é–“å¸¯ã‚’ç‹™ã£ã¦â€¦ ã€æ‹¡æ•£å¸Œæœ›ã€‘ RT @Hamachiya2 ã“ã‚Œã™ã”ã„ã‚ˆï¼iPhoneãƒ¦ãƒ¼ã‚¶ãƒ¼å¿…è¦‹ï¼ï¼ http://bit.ly/wbKXXG ãªã©ã¨twitterã«æµã™ã“ã¨ã«ã‚ˆã£ã¦
june29 2012/01/27
é ã„ã„ã€‚

html

html5

audio

iphone

android
ãƒªãƒ³ã‚¯
AliceJS - (A Lightweight Independent CSS Engine)
AliceJS - (A Lightweight Independent CSS Engine) is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) in modern browsers for generating high-quality, high-end visual effects. Created by Laurent Hasson (@ldhasson, lhasson at rim dot com), and co-developed with Jim Ing (@jim_ing, jing at rim dot com), and Matt Lantz (@mattylantz, malantz at r
june29 2011/10/19
AliceJS is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) for generating high-quality, high-end visual effects.

javascript

html5

css3

library
ãƒªãƒ³ã‚¯
Anatomy of a Mashup: Definitive Daft Punk visualised
A mashup is a song created by blending two or more other songs. The more complex a mashup gets, the harder it is to distinguish the parts that are being used to create what you're hearing. This visualisation of the song "Definitive Daft Punk" by Cameron Adams dissects a mashup in realtime to show you how each of the 23 parts contributes to the greater whole. Better performance in Chrome or Safari
june29 2011/08/08
HTML ã®æœªæ¥ã‚’æ„Ÿã˜ã‚‹ãªã‚ã€‚æ¥½ã—ã„ã€‚

html5

canvas

audio
ãƒªãƒ³ã‚¯
HTML5 èŠ±ç«å¤§ä¼š
HTML5ã®èŠ±ç«å¤§ä¼šãŒå§‹ã¾ã‚Šã¾ã—ãŸã€‚ JavaScriptã‚„CSS3ã§æ›¸ã‹ã‚ŒãŸã‚³ãƒ¼ãƒ‰ãŒç¾Žã—ã„èŠ±ç«ã¨ãªã£ã¦ å¤ã®å¤œç©ºã‚’é®®ã‚„ã‹ã«å½©ã‚Šã¾ã™ã€‚ START
june29 2011/07/07
ãŸãƒ¼ã¾ã‚„ãƒ¼!!

html

html5

css

css3

javascript

art
ãƒªãƒ³ã‚¯
HTML5 presentation
This presentation is an HTML5 website Press â†’ key to advance. Zoom in/out: Ctrl or Command + +/- Having issues seeing the presentation? Read the disclaimer HTML5* Web Development to the next level *Including other next generation techno logies of the Web Development stack Rough Timeline of Web Techno logies 1991 HTML 1994 HTML 2 1996 CSS 1 + JavaScript 1997 HTML 4 1998 CSS 2 2000 XHTML 1 2002 Tablel
june29 2011/03/26
HTML5/CSS3/JavaScript è£½ã§ãã‚Œè‡ªèº«ã®å¼·åŠ›ã•ã‚’ä¼ãˆã‚‹ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã€‚

html5

javascript

css3

html

css

presentation
ãƒªãƒ³ã‚¯
A Hand-Coded Designer CSS UI Kit
Web UI sets have been around for ages, but this takes things a step further. This free UI Kit is coded by hand using HTML5 and CSS3 so you can easily drop these elements into any project you're working on. This code is made to take advantage of modern browsers and to degrade gracefully in older versions of internet explorer, so no matter what your client or visitor is using they will be see an exc
june29 2011/02/27
ãƒœã‚¿ãƒ³ã‚„æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ç‰ã®ã‚ˆãä½¿ã†ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ã€‚

html5

css3

web

design
ãƒªãƒ³ã‚¯
WebSocketã§ç›®æŒ‡ã›â€œãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webâ€ï¼ç¬¬1å›ž node.jsã®è¡æ’ƒã¨WebSocketãŒæ‹“ãæœªæ¥ - ï¼ IT
ã”æŒ¨æ‹¶ ã“ã‚“ã«ã¡ã¯ã€ãƒãƒ³ãƒ‰ãƒ³ã®New Bambooã¨ã„ã†ä¼šç¤¾ã§Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦åƒã„ã¦ã„ã‚‹@makoto_inoueã§ã™ã€‚ã“ã“ã®ã¨ã“ã‚ã€Pusherã¨ã„ã†WebSocketã®ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã®é–‹ç™ºã«é–¢ã‚ã£ã¦ã„ã¾ã™ã€‚ä»Šå›žã‹ã‚‰3å›žã«æ¸¡ã£ã¦WebSocketã«é–¢ã™ã‚‹çŸæœŸé€£è¼‰ã‚’æ‹…å½“ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ç§ã‚’å«ã‚ãŸNew Bambooã®é¢ã€…ï¼ˆæˆ‘ã€…ã¯è‡ªåˆ†ãŸã¡ã®ã“ã¨ã‚’Bambinoã¨å‘¼ã‚“ã§ã„ã¾ã™ï¼‰ãŒWebSocketã«ãªãœèˆˆå‘³ã‚’æŒã£ãŸã‹ã¨ã„ã†ã“ã¨ã‹ã‚‰ã¯ã˜ã¾ã‚Šã€å®Ÿéš›ã«ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã‚’å§‹ã‚ã‚‹ã¾ã§ã«ã„ãŸã£ãŸã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ãŠè©±ã—ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’é€šã˜ã¦ã€WebSocketãŒåˆ‡ã‚Šé–‹ãã€Œãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webã€ãªä¸–ç•Œã¸ã®å¯èƒ½æ€§ã‚„æŠ€è¡“çš„èª²é¡Œã‚’çš†ã•ã‚“ã¨å…±æœ‰ã§ãã‚Œã°ã¨æ€ã£ã¦ã„ã¾ã™ã€‚
june29 2010/11/13
New Bamboo ã®äº•ä¸Šã•ã‚“ã®ã¨ã¦ã‚‚ä¸å¯§ãªè§£èª¬è¨˜äº‹ã€‚

html5

websocket
ãƒªãƒ³ã‚¯
audioã‚¿ã‚°ã§ãƒªã‚ºãƒ ãƒžã‚·ãƒ³ä½œã£ãŸ - hitode909ã®æ—¥è¨˜
HTML909ã£ã¦ã„ã†ãƒªã‚ºãƒ ãƒžã‚·ãƒ³ã‚’ä½œã£ãŸï¼Ž ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ã½ã¡ã½ã¡ã™ã‚‹ã¨ï¼ŒéŸ³ãŒé³´ã£ãŸã‚Šã™ã‚‹ï¼Ž HTML909 audioã‚¿ã‚°ã‚’ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚ˆãé³´ã‚‰ã™ã®ãŒé›£ã—ã„ã‚ˆã†ã§ï¼Œç’°å¢ƒã«ã‚ˆã£ã¦æŒ™å‹•ãŒå¤‰ã‚ã£ã¦ãŠã‚‚ã—ã‚ã„ï¼Ž Safariã ã¨ã†ã¾ãå‹•ãï¼Ž Firefoxã ã¨ï¼Œã“ã®å‰ã¾ã§ã¯ã„ã„æ„Ÿã˜ã ã£ãŸã‘ã©ï¼Œã“ã®å‰ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã£ã¦ã‹ã‚‰ï¼ŒéŸ³ãŒã‚ˆã‚Œã‚ˆã‚Œã«ãªã‚‹ã‚ˆã†ã«ãªã£ãŸï¼Ž Google Chromeã§ã¯éŸ³ãŒå‡ºãªã„ï¼Ž ãã®ã†ã¡ï¼Œãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã£ãŸã‚‰ï¼Œã¾ã—ã«ãªã‚‹ã¨æ€ã†ï¼Ž éŸ³ã¯ï¼ŒTR909-all.zipã¿ãŸã„ãªã‚„ã¤ã‚’æ‹¾ã£ã¦ãã¦ä½¿ã£ã¦ã‚‹ï¼Ž ã“ã“ã§é…ã£ã¦ãŸï¼Ž Music Machines: Roland TR-909 wavãƒ•ã‚¡ã‚¤ãƒ«ã¯GAEã«ç½®ã„ã¦ã‚‹ã®ã ã‘ã©ï¼Œapp.yamlã§ï¼Œmime typeã‚’æŒ‡å®šã—ãªã„ã¨ï¼Œaudioã‚¿ã‚°ã§å†ç”Ÿã§ããªã‹ã£ãŸï¼Ž ã“ã‚“ãªæ„Ÿã˜ã«ï¼Œmime typeã‚’æŒ‡å®šã™ã‚‹ï¼Ž - url
june29 2010/11/13
ç´ æ™´ã‚‰ã—ã„!!

html5

audio
ãƒªãƒ³ã‚¯
WebSocket Jpeg Streaming
ä»¥å‰ã€äº•ä¸Šã•ã‚“(@makoto_inoue)ã€é è—¤ã•ã‚“(@MiCHiLU)ä¸»å‚¬ã®#wsbofã«å‡ºãŸéš›ã€ä½•ã¨ãªãè¦‹ã›ãŸWebSocket Jpeg Streamingã®ã‚½ãƒ¼ã‚¹ã‚’ã‚„ã£ã¨å…¬é–‹ã—ã¾ã—ãŸã€‚é…ããªã‚Šã™ãŽã¦ã€ã¨ã£ã¦ã‚‚ã”ã‚ã‚“ãªã•ã„ã€‚ ã¾ãã€æ™‚æœŸçš„ã«æ—¬ã‚’é€ƒã—ãŸã®ã§ã™ãŒã€ã‚‚ã†ã™ãSPEC-03ãŒå‡ºã‚‹ã®ã¨ã€ä¸åº¦hybiã§chunk/streamingã«é–¢ã™ã‚‹ãƒ¡ãƒ¼ãƒ«ãŒé£›ã‚“ã§ã„ã‚‹ã®ã§ã€ãã®ã‚ãŸã‚Šã‚’å°‘ã—ã€‚ WebSocketã‚’åˆ©ç”¨ã•ã‚ŒãŸã“ã¨ãŒã‚ã‚‹æ–¹ãªã‚‰ã”å˜ã˜ã®é€šã‚Šã€ä»Šç¾åœ¨ã€WebSocketã§åˆ©ç”¨ã§ãã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€0x00ã¨0xffã§å›²ã¾ã‚ŒãŸã€UTF-8ã®STRINGã ã‘ã§ã™ã€‚ ã•ã¦ã€WebSocketã‚’åˆ©ç”¨ã—ã¦çš†ã•ã‚“ä½•ã‚’é€å—ä¿¡ã—ãŸã„ã¨æ€ã†ã§ã—ã‚‡ã†ã‹? ã†ã‚“ã€å¤§æŠµã®å ´åˆã€JSONã§ã™ã‚ˆãã€‚(XMLâ€¦èžã‹ãªã‹ã£ãŸã“ã¨ã«ã—ã¾ã™) ä¾‹ãˆã°ã€ã“ã‚“ãªãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’é€ã‚ŠãŸã„ã¨ã—ã¾ã—ã‚‡ã†ã€‚ {"data"
june29 2010/11/09
iSight ã®æ˜ åƒã‚’ WebSocket ã§æµã—ã¦ Canvas ã«æç”»ã€ã¨ã‹ã§ãã‚‹ã®ã‹â€¦!

websocket

html5

streaming

javascript
ãƒªãƒ³ã‚¯
HTML5 & CSS3 only Accordion Effect â€“ aduca
ä»Šæ—¥ã¯å³äº¬ãã‚“ã«é ¼ã¾ã‚ŒãŸã®ã§ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’HTML5ã¨CSS3ã§å®Ÿè£…ã™ã‚‹ã€‚ åŸºæœ¬çš„ãªDOMæ§‹é€ ã¯ã“ã‚“ãªã‚‚ã®ã€ - body `- section#accordion |- section | |- h2 | `- p |- section | `- ... |- section | `- ... `- section `- ... ã‚“ã§ã“ã‚Œã‚‰ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã‚‹ã®ã ã‘ã‚Œã©ã€ãã®å‰ã«ã¨ã‚Šã‚ãˆãšç¾ç‰©ã®ã‚µãƒ³ãƒ—ãƒ«ã€‚ CSS Accordion CSSãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚‚ã™ã¹ã¦ã“ã®HTMLä¸€æžšã«ã‹ã„ã¦ã‚ã‚Šã¾ã™ã€‚(Firefoxã§ã‚‚å‹•ãã¿ãŸã„ã ã‘ã©Webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶ãŒä¸€ç•ªç¶ºéº—ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¾ã™) hoverã®é–¢ä¿‚ æœ€ä¸‹å±¤ã®sectionä¸Šã«ãƒã‚¤ãƒ³ã‚¿ãŒã‚ã‚‹å ´åˆã€ãã®è¦ªè¦ç´ ã«ã‚‚:hoverãŒä»˜ãã€‚ ã“ã‚Œã‚’åˆ©ç”¨ã—ãªã„ã¨ã€å˜ç´”ã«:not(:hover)ã—ã¦ã—ã¾ã†ã¨ã€æ™®é€šã®çŠ¶æ…‹(ãƒã‚¤ãƒ³ã‚¿ãŒä¸€åˆ‡ãªã„
june29 2010/09/22
ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€‚WebKit ã§é–²è¦§ã™ã‚‹ã¨ãã‚Œã„ã€‚

html5

css3
ãƒªãƒ³ã‚¯
JavaScriptã§æ³¢ã‚’ã¤ãã‚ã†ã€‚ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ æ³¢å½¢ç”Ÿæˆï¼†å†ç”Ÿ - Yanagi Entertainment
å‰ã®ã‚¨ãƒ³ãƒˆãƒªã§ã“ã‚“ãªã“ã¨ã‚’æ›¸ãã¾ã—ãŸã€‚ JavaScriptã§æ³¢å½¢ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿æ›¸ãã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ã—ã‹ã—å†ç”Ÿã™ã‚‹ã®ã¯é›£ã—ã„ã€‚ HTML5ã®audioã‚¿ã‚°ã¨Data URIã‚’çµ„ã¿åˆã‚ã›ã‚Œã°ã§ããªã„ã“ã¨ã‚‚ãªã„ãŒã€ã‚³ã‚¹ãƒˆãŒå¤§ãã™ãŽã‚‹ã€‚ ã‚³ã‚¹ãƒˆãŒå¤§ãã„ã®ã¯éŸ³å£°ãƒ•ã‚¡ã‚¤ãƒ«ãŒå¤§ãã„ã‹ã‚‰ã§ã™ã€‚50MBã‚ã‚‹æ³¢å½¢ã‚’ã„ã¡ã„ã¡å¤‰æ›ã—ã¦ã‚‰ã‚Œã¾ã›ã‚“ã€‚ ã§ã‚‚å°ã•ã„æ³¢å½¢ãªã‚‰ã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„ï¼ã€€ã¨ã„ã†ã“ã¨ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ åŸºæœ¬çš„ãªã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ æ³¢å½¢ãƒ‡ãƒ¼ã‚¿ã‚’ã¤ãã‚‹ï¼ˆæ•°å€¤ã®é…åˆ—ï¼‰ æ³¢å½¢ã‚’ãƒã‚¤ãƒŠãƒªåˆ—ã«å¤‰æ›ã™ã‚‹ ãƒã‚¤ãƒŠãƒªåˆ—ã«WAVãƒ˜ãƒƒãƒ€ã‚’ä»˜åŠ ã™ã‚‹ Base64ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ audioã‚¿ã‚°ã®srcå±žæ€§ã«æŒ‡å®š audioã‚’å†ç”Ÿ ã¤ãã£ãŸã‚‚ã® http://yanagiatool.appspot.com/jsaudio/mmltest.html ã‚·ãƒ³ãƒ—ãƒ«ãªMMLãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ã™ã€‚JavaScript + HTML5ã€‚ ãƒ™ãƒã‚·ãƒ†ã‚£ã¨ã‹ãƒ«ãƒ¼
june29 2010/06/02
JavaScript + HTML5 ã§ MMLï¼

javascript

html5

audio
ãƒªãƒ³ã‚¯
HTML video and audio - Learn web development | MDN
Previous Overview: Structuring content with HTML Next Now that we are comforta ble with adding simple images to a webpage, the next step is to start adding video and audio players to your HTML documents! In this article we'll look at doing just that with the <video> and <audio> elements; we'll then finish off by looking at how to add captions/subtitles to your videos. Basic HTML familiarity, as cov
june29 2010/06/02
audio ã‚¿ã‚°ã¨ video ã‚¿ã‚°ã«ã¤ã„ã¦ã€Event ã®ç¨®é¡žãªã©ã€‚

html

html5

video

audio
ãƒªãƒ³ã‚¯
GitHub - yanagia/jsaudio: javascript audio
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
june29 2010/06/02
JavaScript + HTML5 ã§ MML ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã€‚å‚è€ƒã«ã€‚

javascript

audio

html5
ãƒªãƒ³ã‚¯
wav
wav
june29 2010/05/25
åŠ é€Ÿåº¦ã‚»ãƒ³ã‚µãƒ¼ã§éŸ³ã‚’é³´ã‚‰ã™ï¼

html5

audio

accelerometer

javascript
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸