Hype
Animate in a Snap Tumult Hype’s keyframe-based animation system brings your content to life. Click “Record†and Tumult Hype watches your every move, automatically creating keyframes as needed. Or, if you’d prefer to be more hands-on, manually add, remove, and re-arrange keyframes to fine-tune your content. It is easy to create natural curves by clicking and dragging on an element's motion path to
HTML5 & CSS3 ブラウザ別サãƒãƒ¼ãƒˆçŠ¶æ³
What is an IP Address? An IP (short for “Internet Protocolâ€) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
2011å¹´ã®JavaScript ─ウェブアプリ全盛ã®æ™‚代㸠| gihyo.jp
ã‚ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚昨年ã«å¼•ã続ãã€ä»Šå¹´ã‚‚JavaScriptã®è¿‘ã„未æ¥ã«ã¤ã„ã¦ã¡ã‚‡ã£ã¨ã ã‘ãŠè©±ã•ã›ã¦é ‚ãã¾ã™ã€‚ 最åˆã«æ˜¨å¹´ã®äºˆæƒ³ã‚’見返ã—ã¦ãŠãã¾ã—ょã†ã€‚昨年ã¯æ¬¡ã®3ã¤ã‚’2010å¹´ã®éµã¨ã—ã¦å–り上ã’ã¾ã—ãŸã€‚ ウェブ標準 ブラウザ拡張 サーãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScript ã“ã®3ã¤ã‚’軸ã«2010年を振り返ã£ã¦ã¿ã¾ã™ã€‚ 2010å¹´ã®JavaScript界隈ã§ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ ウェブ標準 2010年最åˆã®ãƒ“ッグニュースã¯ãªã‚“ã¨ã„ã£ã¦ã‚‚IE 9ã®Platform Preview版ã®ç™»å ´ã§ã—ãŸã€‚ã“ã‚Œã¾ã§ã®ç‹¬è‡ªå®Ÿè£…路線ã‹ã‚‰ä¸€è»¢ã—ã¦ï¼ˆæ£ç¢ºã«ã¯IE 8ã®æ™‚点ã§JSONã‚„Web Storageã®ã‚µãƒãƒ¼ãƒˆãªã©ã€ãã®å¾´å€™ã¯ã‚ã£ãŸã®ã§ã™ãŒâ ）â ã€HTML5ãªã©ã®ã‚¦ã‚§ãƒ–標準ã®ã‚µãƒãƒ¼ãƒˆã‚’進ã‚ã‚‹ã“ã¨ã‚’表明ã—ã¾ã—ãŸã€‚ãã—ã¦å®Ÿéš›ã«8週ãŠãã«Platform Preview版をアップデートã—ã¦ã€ECMAScript5・S
WebSocketã§ç›®æŒ‡ã›â€œãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webâ€ï¼ç¬¬1回 node.jsã®è¡æ’ƒã¨WebSocketãŒæ‹“ãæœªæ¥ - ï¼ IT
ã”挨拶 ã“ã‚“ã«ã¡ã¯ã€ãƒãƒ³ãƒ‰ãƒ³ã®New Bambooã¨ã„ã†ä¼šç¤¾ã§Webエンジニアã¨ã—ã¦åƒã„ã¦ã„ã‚‹@makoto_inoueã§ã™ã€‚ã“ã“ã®ã¨ã“ã‚ã€Pusherã¨ã„ã†WebSocketã®ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“スã®é–‹ç™ºã«é–¢ã‚ã£ã¦ã„ã¾ã™ã€‚今回ã‹ã‚‰3回ã«æ¸¡ã£ã¦WebSocketã«é–¢ã™ã‚‹çŸæœŸé€£è¼‰ã‚’担当ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ç§ã‚’å«ã‚ãŸNew Bambooã®é¢ã€…（我々ã¯è‡ªåˆ†ãŸã¡ã®ã“ã¨ã‚’Bambinoã¨å‘¼ã‚“ã§ã„ã¾ã™ï¼‰ãŒWebSocketã«ãªãœèˆˆå‘³ã‚’æŒã£ãŸã‹ã¨ã„ã†ã“ã¨ã‹ã‚‰ã¯ã˜ã¾ã‚Šã€å®Ÿéš›ã«ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“スを始ã‚ã‚‹ã¾ã§ã«ã„ãŸã£ãŸã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ãŠè©±ã—ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’通ã˜ã¦ã€WebSocketãŒåˆ‡ã‚Šé–‹ã「リアルタイムWebã€ãªä¸–ç•Œã¸ã®å¯èƒ½æ€§ã‚„技術的課題を皆ã•ã‚“ã¨å…±æœ‰ã§ãã‚Œã°ã¨æ€ã£ã¦ã„ã¾ã™ã€‚
JavaScriptã§æ³¢ã‚’ã¤ãã‚ã†ã€‚リアルタイム波形生æˆï¼†å†ç”Ÿ - Yanagi Entertainment
å‰ã®ã‚¨ãƒ³ãƒˆãƒªã§ã“ã‚“ãªã“ã¨ã‚’書ãã¾ã—ãŸã€‚ JavaScriptã§æ³¢å½¢ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿æ›¸ãã™ã‚‹ã“ã¨ãŒã§ãる。ã—ã‹ã—å†ç”Ÿã™ã‚‹ã®ã¯é›£ã—ã„。 HTML5ã®audioã‚¿ã‚°ã¨Data URIを組ã¿åˆã‚ã›ã‚Œã°ã§ããªã„ã“ã¨ã‚‚ãªã„ãŒã€ã‚³ã‚¹ãƒˆãŒå¤§ãã™ãŽã‚‹ã€‚ コストãŒå¤§ãã„ã®ã¯éŸ³å£°ãƒ•ã‚¡ã‚¤ãƒ«ãŒå¤§ãã„ã‹ã‚‰ã§ã™ã€‚50MBã‚る波形をã„ã¡ã„ã¡å¤‰æ›ã—ã¦ã‚‰ã‚Œã¾ã›ã‚“。 ã§ã‚‚å°ã•ã„波形ãªã‚‰ã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„ï¼ã€€ã¨ã„ã†ã“ã¨ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ 基本的ãªã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ 波形データをã¤ãる（数値ã®é…列） 波形をãƒã‚¤ãƒŠãƒªåˆ—ã«å¤‰æ›ã™ã‚‹ ãƒã‚¤ãƒŠãƒªåˆ—ã«WAVãƒ˜ãƒƒãƒ€ã‚’ä»˜åŠ ã™ã‚‹ Base64エンコード audioã‚¿ã‚°ã®src属性ã«æŒ‡å®š audioã‚’å†ç”Ÿ ã¤ãã£ãŸã‚‚ã® http://yanagiatool.appspot.com/jsaudio/mmltest.html シンプルãªMMLプレイヤーã§ã™ã€‚JavaScript + HTML5。 ベãƒã‚·ãƒ†ã‚£ã¨ã‹ãƒ«ãƒ¼
åŠ é€Ÿåº¦ã‚»ãƒ³ã‚µãƒ¼ + æ³¢å½¢ç”Ÿæˆ + 波形表示 - hitode909ã®æ—¥è¨˜
JavaScriptã§æ³¢å½¢ç”Ÿæˆã—ã¦éŸ³ã‚’出ã—ã¦ã„る人ãŒã„ã¦ï¼Œã‹ã£ã“よã‹ã£ãŸã®ã§ï¼ŒéŸ³ãŒå‡ºã‚‹ã®ã‚’作ã£ã¦ã¿ãŸï¼Ž http://hitode909.appspot.com/wav/ リアルタイムã«ï¼Œaudioã‚¿ã‚°ã§éŸ³ã‚’出ã—ã¦ï¼Œcanvasã§æ³¢å½¢ãŒè¡¨ç¤ºã—ã¦ã‚‹ï¼Žæ»ã¬ã»ã©é‡ã„． åŠ é€Ÿåº¦ã‚»ãƒ³ã‚µãƒ¼ã‚’ä½¿ãˆã‚‹ã¨ãã¯ãƒŽãƒ¼ãƒˆãƒ‘ソコンを傾ã‘ã‚‹ã‹ï¼Œãƒžã‚¦ã‚¹ã‚’å‹•ã‹ã—ãŸã‚Šã™ã‚‹ã¨ï¼ŒéŸ³ç¨‹ã¨éŸ³è‰²ãŒå¤‰ã‚る． Firefox3.6ã§MacBookã ã¨ï¼ŒãƒŽãƒ¼ãƒˆãƒ‘ソコンを傾ã‘ã¦éŠã¹ã¦ï¼ŒéŸ³ã‚‚ã¡ã‚ƒã‚“ã¨å‡ºã‚‹ï¼ŽSafariã ã¨éŸ³ãŒå¤‰ãªæ„Ÿã˜ã«ãªã‚‹ï¼ŽGoogle Chromeã ã¨éŸ³ãŒå‡ºãªã‹ã£ãŸï¼Žãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ã¨ãã¯ãƒžã‚¦ã‚¹ã§éŸ³ç¨‹ã¨ã‹å¤‰ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã‚‹ï¼Ž å‚考 JavaScriptã§æ³¢ã‚’ã¤ãã‚ã†ã€‚リアルタイム波形生æˆï¼†å†ç”Ÿ - Yanagi Entertainment ã“ã®è¨˜äº‹ãŒã™ã”ãå‚考ã«ãªã£ãŸï¼Œã¨ã„ã†ã‹ï¼Œã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ã‘ã£ã“ã†ã‚³ãƒ”ーã—ã¦ããŸã‚Šã—ãŸ
[js][html5][websocket] web_socket.js - HTML5ã®Web Socketã‚’Flashを使ã£ã¦å®Ÿè£… - monthly gimite
HTML5ã®Web Socketã‚’ã€Flashã®åŠ›ã‚’借りã¦å®Ÿè£…ã—ã¦ã¿ã¾ã—ãŸã€‚ gimite / web-socket-js - GitHub Web Socketã¯HTML5ã«å…¥ã‚‹ï¼ˆäºˆå®šã®ï¼Ÿï¼‰æ©Ÿèƒ½ã§ã€JavaScriptã‹ã‚‰ç”Ÿã®TCP Socketã«è¿‘ã„ã‚‚ã®*1を使ãˆã‚‹ã‚ˆã†ã«ã—よã†ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ 2009å¹´11æœˆé ƒã«Chromeã®é–‹ç™ºç‰ˆã§å®Ÿè£…ã•ã‚Œã¾ã—ãŸãŒã€ã»ã‹ã®ãƒ–ラウザã§ã¯æœªå®Ÿè£…ã§ã™ã€‚ã“ã®ãƒ©ã‚¤ãƒ–ラリを使ã†ã¨ã€ã™ã¹ã¦ã®ãƒ–ラウザã§ï¼ˆFlashãŒå…¥ã£ã¦ã„ã‚Œã°ï¼‰Web SocketãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 使ã„æ–¹ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ // ãŠã¾ã˜ãªã„ãã®1: JavaScriptライブラリã®èªã¿è¾¼ã¿ <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript" src="web
![[js][html5][websocket] web_socket.js - HTML5ã®Web Socketã‚’Flashを使ã£ã¦å®Ÿè£… - monthly gimite](https://cdn-ak-scissors.b.st-hatena.com/image/square/f9f270d6c5b66de7437a50fd9e0e7785d5d31601/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673860630%2F17680117126973993697%2F1550668916)
Pusher | HTML5 WebSocket Powered Realtime Messaging Service
Powering realtime experiences for mobile and webBi-directional hosted APIs that are flexible, scalable and easy to use. We create and maintain complex messaging infrastructure so you can build the realtime features your users need, fast. Bi-directional hosted APIs that are flexible, scalable and easy to use. Get started today and find out what you can build with Pusher
)
Internet Explorer Platform Preview Guide for Developers - Internet Explorer 9 Preview Builds
The Internet Explorer 9 Guide for Developers provides a look at the features and improvements in Internet Explorer 9. By using this guide, web developers and designers can take full advantage of these enhancements. Developers can also experience the platform in action using the Internet Explorer Test Drive. Introduction Welcome to Windows Internet Explorer 9. As a developer, you want to know the l
HTML5ã®scriptè¦ç´ | Torisugariã®æ—¥è¨˜ | スラド
"HTML5 scriptè¦ç´ "ã¨ã„ã†ã‚ーワードã§æ¤œç´¢ã™ã‚‹ã¨ã€async属性（åŠã³defer属性）ã«æ³¨ç›®ã—ã¦ã„る人ãŒå¤šã„よã†ã§ã™ã€‚確ã‹ã«ã€ã“ã†ã„ã†ç´°ã‹ã„挙動もã€ã²ã„ã¦ã¯ãƒ“ジターã®å¿«ãƒ»ä¸å¿«(ã„ã‚ゆるUser Experience)ã«å½±éŸ¿ã‚’与ãˆã‚‹ã®ã§ã€æ±ºã—ã¦è»½ã‚“ã˜ã¦ã„ã„ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“れを使ã„ã“ãªã›ã‚‹ã»ã©é‡ã„処ç†ã‚’スクリプトã«ã‚„らã›ã‚‹ã®ã‹ã€ã¨è€ƒãˆã‚‹ã¨ã€AJAX万æ³ãªæ™‚代ã®è¶¨å‹¢ã«æ¼ 然ã¨ã—ãŸä¸å®‰ã‚’覚ãˆã¾ã™ã€‚ ã¨ã“ã‚ã§ã€ç§ãŒå€‹äººçš„ã«æ³¨ç›®ã—ã¦ã„ã‚‹ã®ã¯ã€scriptè¦ç´ ã®ä¸èº«ã§ã™ã€‚4.01ã§ã¯ã€ The SCRIPT element places a script within a document. This element may appear any number of times in the HEAD or BODY of an HTML document.
2010å¹´ã®JavaScript：「ã“ã‚Œã¾ã§ã€ã¨ã€Œã“ã‚Œã‹ã‚‰ã€ | gihyo.jp
2010å¹´ã®JavaScriptã¨é¡Œã—ã¾ã—ã¦ã€JavaScript周辺ã®ã€Œã“ã‚Œã¾ã§ã€ã¨ã€Œã“ã‚Œã‹ã‚‰ã€ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 2009å¹´ã¾ã§ã®JavaScript JavaScriptã¯å„ブラウザベンダãªã©ãŒå€‹åˆ¥ã«å®Ÿè£…ã™ã‚‹ã¨ã„ã†ç‰¹æ®Šæ€§ã‹ã‚‰ã€ãƒ–ラウザ（実装）ã”ã¨ã®éžäº’æ›æ€§ã®å•é¡Œã«æ‚©ã¾ã•ã‚Œç¶šã‘ã¦ããŸè¨€èªžã§ã™ã€‚ã¾ãšã€ãã®JavaScriptã®æ´å²ã‚’ç°¡å˜ã«æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¾ã™ã€‚ ECMA-262 3rd editionã¨ã‚¹ãƒ”ードコンテスト JavaScriptã¯Netscape社ã«ã‚ˆã£ã¦LiveScriptã¨ã„ã†åå‰ã§èª•ç”Ÿã—ã€ãã®å¾ŒECMAScriptã¨ã—ã¦æ¨™æº–化ãŒé€²ã¿ã¾ã—ãŸã€‚1999å¹´12月ã«ECMA-262 3rd editionãŒç–定ã•ã‚Œã¦ã‹ã‚‰ã€Internet Explorerã®JScriptã€Mozillaã®SpiderMonkey（TraceMonkeyâ ）â ã€Safariã®Jav
Canvas万è¯é¡ - by edvakf in hatena
2010å¹´ã®æ›¸ãåˆã‚㯠Canvas ã§ã—ãŸã€‚ 元日ã«å‡ºãŸ Opera 10.50 pre-alpha ã‹ã‚‰ã¯ HTML5 ã® video è¦ç´ ãŒæœ‰åŠ¹ã«ãªã‚Šã€ã¨ã‚Šã‚ã‘ canvas ã« drawImage 㧠video ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãŒç½®ã‘ã‚‹ã¨ã„ã†ã“ã¨ã§ã€æ—©é€Ÿ Ubuntu ã« Opera 10.50 を入れã¦éŠã‚“ã§ã¾ã—ãŸã€‚ 後ã§æ°—付ã„ãŸã®ã§ã™ãŒã€Video on Canvas 㯠Firefox 3.5 ã§ã‚‚普通ã«ä½¿ãˆã¾ã—ãŸã€‚ ãã® Video on Canvas ãŒãŠã‚‚ã—ã‚ãã†ã ã£ãŸã®ã§ã€å‰ã‹ã‚‰ã‚„ã£ã¦ã¿ãŸã‹ã£ãŸä¸‡è¯é¡ã‚’書ã„ã¦ã¿ã¾ã—ãŸã€‚ http://edv.sakura.ne.jp/product/video_canvas/rectangle.html http://edv.sakura.ne.jp/product/video_canvas/triangle.html 下ã®ã»ã†ãŒä¸‡è¯é¡ã‚‰
Ruby & WebSockets: TCP for the Browser - igvita.com
By Ilya Grigorik on December 22, 2009 WebSockets are one of the most underappreciated innovations in HTML5. Unlike local storage, canvas, web workers, or even video playback, the benefits of the WebSocket API are not immediately apparent to the end user. In fact, over the course of the past decade we have invented a dozen technologies to solve the problem of asynchronous and bi-directional communi
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Admiral
HTML5, ãã¡ã‚“ã¨ã€‚
{{#tags}}- {{label}}
{{/tags}}