Mozilla Developer Street (modest)Portions of this content are ©2009-2020 by individual dev.mozilla.jp contributors. Content available under a Creative Commons license.
createObjectURLãŒã™ã”ã„件 - プãƒã‚°ãƒ©ãƒ モグモグ
最近ã¾ãŸLocal Player (Chrome Player)を実装ã—ãªãŠã—ã¦ã„ã¾ã™. 一応説明ã—ã¦ãŠãã¨, Local Playerã¯, 完全ã«ãƒãƒ¼ã‚«ãƒ«ã§å‹•ä½œã™ã‚‹éŸ³æ¥½ãƒ—レイヤーã§ã™. シンプルã•ã‚’求ã‚(実装ãŒã‚ã‚“ã©ãã•ã„ã ã‘), æ“作ã—ã‚„ã™ã(ã“ã‚Œã¯å¤§äº‹), 良ã„æ„Ÿã˜ã®ãƒ—レイヤーã§ã™. åŠå¹´å‰ã«, ソースコードãŒã‚¹ãƒ‘ゲッティã«ãªã£ã¦, 開発をä¸æ–ã—ã¦ã„ã¾ã—ãŸãŒ, 最近ã¾ãŸæ›¸ããªãŠã—始ã‚ãŸã®ã§ã™. 音楽プレイヤーをブラウザー上ã§å®Ÿè£…ã™ã‚‹ã®ã«ã¯, 音楽ファイルをJavaScriptã§èªã¿è¾¼ã¾ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“. ãã“ã§HTML5ã§ã™ã‚ˆï¼ï¼ï¼ <audio src="url/to/musicfile.mp3" type="audio/mp3" /> ã¿ãŸã„ãªæ„Ÿã˜ã§, 音楽をå†ç”Ÿã§ãã¾ã™. 詳細ã¯ä»–ã®ãƒšãƒ¼ã‚¸ã«è²ã‚Šã¾ã™. ã•ã¦, 音楽ファイルをå†ç”Ÿã™ã‚‹ã«ã¯, ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰urlã‚’audi
『HTML5 Web Applicationã®ã¤ãã‚Šã‹ãŸã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€‚ サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’ã—ã¦ãŠã‚Šã¾ã™ 原(@herablog) ã§ã™ã€‚ スマートフォン版 アメーãƒãƒ”ã‚°æ–°è¦ä½œæˆã§ä½¿ç”¨ã—ãŸæŠ€è¡“ã«ã¤ã„ã¦è§¦ã‚ŒãŸã„ã¨æ€ã„ã¾ã™ã€‚ #ã¡ãªã¿ã«ã“ã®è¨˜äº‹ã§ã¯HTML5を「最新ブラウザå‘ã‘ã®webアプリケーション作æˆæŠ€è¡“ã€ã¨ã„ã†ã‹ãªã‚Šåºƒã„解釈ã§ä½¿ç”¨ã—ã¦ã„ã¾ã™ã®ã§äºˆã‚ã”ç†è§£ãã ã•ã„。 今ã¾ã§Desktop・Androidå‘ã‘ã¯Flashã§ä½œæˆã•ã‚Œã¦ã„ãŸã®ã§ã™ãŒã€ä»Šå›žã¯iOS, Androidã¨ã‚‚ã«å¯¾å¿œã—ãŸã„ã¨ã„ã†ã“ã¨ã§ã€HTML5ã§ã§ãã‚‹ã¨ã“ã‚ã¾ã§ã‚„ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ No Lag作るã«ã‚ãŸã‚Š
第21回 HTML5ã¨ã‹å‹‰å¼·ä¼šã€ŒHTML5+ゲーム〠- 車輪をå†ç™ºæ˜Ž / koba04ã®æ—¥è¨˜
http://atnd.org/events/20007 ã¨ã„ã†é¢ç™½ãã†ãªå‹‰å¼·ä¼šãŒã‚ã‚Šã€Canvas以外ã§ã®å®Ÿè£…方法やフレームワークã«ã¤ã„ã¦ã‚‚知ã£ã¦ãŠããŸã‹ã£ãŸã®ã§å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ Canvasã§Flashゲームを移æ¤ã—ã¦ã¿ãŸçµŒé¨“ã‹ã‚‰ã€ã“ã‚Œã¯ãƒ•ãƒ¬ãƒ¼ãƒ ワーク化ã—ã¦é¢å€’ãªã¨ã“ã‚ã‚’å¸åŽã—ãªã„ã¨ãƒ„ラã„ãªãã¨æ€ã£ã¦ã„ã¦ã€ä»–ã®ä¼šç¤¾ã§ã¯ã©ã‚“ãªæ–¹æ³•ã‚’使ã£ã¦ã„ã‚‹ã®ã‹ã‚’知りãŸã„ã¨ã„ã†ã®ã‚‚ã‚ã£ã¦ã€ã€ Smartphone å‘ã‘ HTML5 ゲームã®ä½œã‚Šæ–¹ @sou ã•ã‚“ DeNAã§ã®æ—¢å˜ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã«ã¤ã„ã¦ã®è©±ã§ã—ãŸã€‚ ãã®æ–¹æ³•ã¨ã—ã¦DeNAã§ã¯ã€ã€ŒHTML5+CSS3ã€ã€ã€ŒCanvasã€ã€ã€ŒExGameを使ã£ãŸSWF->HTML5ã¸ã®å¤‰æ›ã€ã®ï¼“ã¤ã‚ã‚‹ã¨ã®ã“ã¨ã§ã—ãŸã€‚今回ã¯ãã®ä¸ã§ã‚‚HTML5+CSS3ã«ã¤ã„ã¦ãŒä¸å¿ƒã®ç™ºè¡¨ã§ã—ãŸã€‚ Canvasã«ã¤ã„ã¦ã¯å…ˆæ—¥ã®JavaScript勉強会ã§ã¯å…¬é–‹
JavaScript ゲーム製作勉強会 Vol.2 - 車輪をå†ç™ºæ˜Ž / koba04ã®æ—¥è¨˜
JavaScriptã®å‹‰å¼·ä¼šã§ã—ã‹ã‚‚今回ã¯ã‚²ãƒ¼ãƒ ãŒé¡Œæã¨ã®ã“ã¨ã§ã€é¢ç™½ãã†ã ã£ãŸã®ã§å‚åŠ ã—ã¦ã¿ã¾ã—ãŸã€‚ 内容ã«ã¤ã„ã¦ã¯ã€hirataraã•ã‚“ãŒã„らã£ã—ゃã£ãŸã“ã¨ã‚‚ã‚り詳細ã«ãƒ¡ãƒ¢ã‚’å–ã£ã¦ã„ãªã„ã®ã§ç°¡å˜ã«æ„Ÿæƒ³ã ã‘を。 詳ã—ã„内容ã«ã¤ã„ã¦ã¯ã€@hirataraã•ã‚“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’å‚ç…§ã—ã¦ãã ã•ã„。 http://d.hatena.ne.jp/hiratara/20110823/1314077158 「ngCore ã®è©±ã€ - @shibukawa ã•ã‚“ iOS版ã®ã€Œå¿è€…ãƒãƒ¯ã‚¤ãƒ¤ãƒ«ã€ã‚’ã‚„ã£ã¦ã¿ã¦ã€ngCoreスゴイãªãã¨æ€ã£ã¦ã„ãŸã®ã§è©±ãŒèžã‘ã‚‹ã®ã‚’楽ã—ã¿ã«ã—ã¦ã„ã¾ã—ãŸã€‚ ngCoreã«ã¤ã„ã¦ã¯ã€æ°—ã«ã¯ãªã£ã¦ã„ãŸã‚‚ã®ã®ã©ã†ã„ã†ã‚‚ã®ã‹å…¨ã知らãªã‹ã£ãŸã®ã§ã€ç°¡å˜ã«æ¦‚è¦ã‚’知るã“ã¨ãŒå‡ºæ¥ã¦ã¨ã¦ã‚‚勉強ã«ãªã‚Šã¾ã—ãŸã€‚ node.jsã§ãƒ“ルドサーãƒãƒ¼ã‚’ç«‹ã¦ã¦ãã“ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰HTTPã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦é–‹ç™ºã—ã¦ã„ã
HTML5ãŒå·¨äººã®å·ç›¸ãªã‚‰ã€data-属性ã¯HTML5ã®å·ç›¸
æ„味ä¸æ˜Žãªã‚¿ã‚¤ãƒˆãƒ«ã§ã™ã‚“ã¾ã›ã‚“。増田ã«ã‚¤ãƒ³ã‚¹ãƒ‘イアã•ã‚Œã¾ã—ãŸã€‚ ã•ã¦ HTML5 界隈ãŒé¨’ãŒã—ã„今日ã“ã®ã”ã‚ã§ã™ãŒã€data- 属性ã¨ã„ã†ã‚‚ã®ã‚’皆ã•ã‚“ã”å˜çŸ¥ã§ã—ょã†ã‹ï¼Ÿ Twitter ã®ãƒ„イートボタン作æˆãƒšãƒ¼ã‚¸ã§ä½œã£ãŸ HTML ã«å…¥ã£ã¦ã‚‹ data-via ã¨ã‹ã®ã“ã¨ã§ã™ã€‚最近色んãªã¨ã“ã‚ã§ã‚ˆãç›®ã«ã—ã¾ã™ãŒã€ã“れを使ã†ã¨ä»»æ„ã® DOM è¦ç´ ã«ä»»æ„ã®å€¤ã‚’セットã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ ã§ã€ã“ã® data- 属性ãªã‚“ã§ã™ãŒ HTML5 ã®ä»•æ§˜ã®ä¸€éƒ¨ã ã£ãŸã¿ãŸã„ã§ã™ã€‚æ¥ãšã‹ã—ãªãŒã‚‰ã¡ã‚ƒã‚“ã¨ã—ãŸä»•æ§˜ã ã¨ã„ã†ã“ã¨ã‚’最近知ã£ãŸã®ã§ã™ãŒã€å€‹äººçš„ã«ã¯ canvas ã¨ã‹ video ã¨ã‹ã‚’ブッã¡ãŽã£ã¦ä¸€ç•ªé‡è¦ãª HTML4 ã‹ã‚‰ã®å¤‰æ›´ç‚¹ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¦ã“ã¨ã§æœ¬æ—¥ã¯ã€åŠªåŠ›å®¶ã ã‘ã©æ¥ãšã‹ã—ãŒã‚Šå±‹ã•ã‚“ã® data- 属性ã•ã‚“(46æ³)ãŒå®Ÿã¯ã„ã¶ã—銀ã®ã‚¹ãƒ¼ãƒ‘ースターã ã¨ã„ã†ã“ã¨ã‚’プãƒãƒã‚¬ãƒ³ãƒ€ã‚’ã—よã†ã¨æ€ã„
HTML5 Canvas Cheat Sheet
Canvas element Attributes Name Type Default
「HTML5ã¯å„ªå…ˆé †ä½ã‚’é–“é•ã£ãŸã€‚ã‚‚ã†ã„ã¡ã©ã‚»ã‚ュリティã®è¨è¨ˆã‹ã‚‰ã‚„ã‚Šç›´ã™ã¹ãã ã€ã¨èªžã‚‹JavaScript大家ã®Douglas Crockfordæ°
「HTML5ã¯å„ªå…ˆé †ä½ã‚’é–“é•ã£ãŸã€‚ã‚‚ã†ã„ã¡ã©ã‚»ã‚ュリティã®è¨è¨ˆã‹ã‚‰ã‚„ã‚Šç›´ã™ã¹ãã ã€ã¨èªžã‚‹JavaScript大家ã®Douglas Crockfordæ° ã€ŒHTML5ã®æœ€å¤§ã®å•é¡Œã¯ã€å„ªå…ˆé †ä½ã‚’é–“é•ã£ãŸã“ã¨ã 。機能ã«ã¤ã„ã¦è°è«–ã™ã‚‹å‰ã«ã€ã‚»ã‚ュリティã®æ‰±ã„ã«ã¤ã„ã¦æ¤œè¨Žã™ã¹ãã ã£ãŸã€ã“ã†èªžã‚‹ã®ã¯ã€JSONã®ç™ºæ˜Žè€…ã¨ã—ã¦çŸ¥ã‚‰ã‚Œã€Yahoo!ã®ã‚·ãƒ‹ã‚¢JavaScriptアーã‚テクトã§ã‚‚ã‚ã‚‹Douglas Crockfordæ°ã€‚5月4æ—¥ã«è¡Œã‚ã‚ŒãŸã‚ªãƒ©ã‚¤ãƒªãƒ¼ã®Web2.0 Expo 2010ã§ã®ã‚¤ãƒ³ã‚¿ãƒ“ューã§ã®ã“ã¨ã§ã™ã€‚ 「もã†ãれをè°è«–ã™ã‚‹ã«ã¯é…ã™ãŽã‚‹ã¨ã„ã†äººã‚‚ã„ã‚‹ãŒã€ãã†ã¯æ€ã‚ãªã„。æ£ã—ã„ã“ã¨ã‚’ã™ã‚‹ã®ã«é…ã™ãŽã‚‹ã“ã¨ã¯ãªã„ã®ã ã‹ã‚‰ã€ï¼ˆCrockfordæ°ï¼‰ Crockfordæ°ã¯HTML5ã¯æ©Ÿèƒ½ãŒé‡è¤‡ã—ã™ãŽã¦ã„ã‚‹ã“ã¨ã‚‚指摘ã—ã¦ã„ã¾ã™ã€‚「Local Storageã¨Local Databaseã®ä¸¡æ–¹ãŒæœ¬å½“
WebKitï¼Google Chrome開発者ã«èžãã€HTML5最å‰ç·š ï¼ ï¼ IT
2010/05/12 「グーグルã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒSafariã®ãŸã‚ã«ã‚³ãƒ¼ãƒ‰ã‚’書ãã“ã¨ã‚‚ã‚ã‚‹ã‚“ã§ã™ã‚ˆã€‚WebKitコミュニティã®ä¸ã§ã¯ã€ãã®ã»ã†ãŒç‰©äº‹ã®é€²ã¿ãŒé€Ÿã„ã¨ã„ã†ä¸æ–‡å¾‹ã®ã‚ˆã†ãªã‚‚ã®ãŒã‚ã‚‹ã‚“ã§ã™ã€ ã“ã†èªžã‚‹ã®ã¯ã€ã‚°ãƒ¼ã‚°ãƒ«ã§Chrome開発ã«æºã‚るソフトウェア・エンジニアã®éµœé£¼æ–‡æ•æ°ã 。鵜飼æ°ã¯Chromeã«æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ãŸã‚ã«ã€WebKitコミュニティã§WebSocketã®è¨è¨ˆã€å®Ÿè£…ãªã©ã‚‚è¡Œãªã£ã¦ã„る。 WebKitã¯ä¸æ€è°ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã 。よã知られã¦ã„るよã†ã«ã€Google Chromeã¨Apple Safari（ãŠã‚ˆã³iPhoneã‚„iPadã«æ載ã•ã‚Œã‚‹ãã®ãƒ¢ãƒã‚¤ãƒ«ç‰ˆã®Mobile Safari）ã¯ã€ã‚ªãƒ¼ãƒ—ンソースベースã§é–‹ç™ºãŒé€²ã‚€ã€ŒWebKitã€ã¨ã„ã†ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã‚’共有ã—ã¦ã„る。ã“ã“ã«ã•ã‚‰ã«ã€WebKitã‚’çµ±åˆã—ãŸGUI開発フレームワーク「Qtã€ã‚’抱ãˆã‚‹ãƒŽã‚アやã€æ載ブラウザをWeb
canvasã‚¿ã‚°ã‚’8å€é«˜é€ŸåŒ–ã™ã‚‹æ–¹æ³•ï¼†FlashCanvasãŒ4å€é€Ÿããªã£ãŸ - yukobaã®ãƒ–ãƒã‚°
最近ã€ãƒ–ãƒã‚°ã‚’書ã„ã¦ã€æ¯Žå›žã€èªã‚“ã ãã ã•ã£ãŸæ–¹ã‹ã‚‰ã€è²´é‡ãªæƒ…å ±ã‚’æ•™ãˆã¦ã‚‚らã£ã¦ã„ã¾ã™ã€‚大変ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ベンãƒãƒžãƒ¼ã‚¯ for canvasã‚¿ã‚°ã¨canvas on Flash 2010 - yukobaã®ãƒ–ãƒã‚°ã§ã™ãŒã€ã‚³ãƒ¡ãƒ³ãƒˆæ¬„＆http://www.revulo.com/blog/20100311.html#p01ã«ã‚ˆã‚‹ã¨ã€drawImage()ã§æ¸¡ã™åº§æ¨™ã¯ã€ä»•æ§˜ä¸Š "float" ã¨ãªã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã“ã“ã« "int" を渡ã™ã¨é«˜é€ŸåŒ–ã™ã‚‹ãã†ã§ã™ã€‚具体的ã«ã¯ã€Math.random() * 750 ã‚’ Math.random() * 750 | 0 ã«ã—ã¾ã™ã€‚"| 0"ã§ã€float → int ã§ã™ã€‚ ã¾ãŸã€FlashCanvas Pro ã¯ä»Šã€1.2 α3 ã§ã™ãŒã€1.2ã«ãªã£ã¦ã€é«˜é€ŸåŒ–ã—ãŸã®ã§ï¼ˆä¸Šã®ãƒ–ãƒã‚°å‚照）ã€ãれをå«ã‚ã¦ãƒ†ã‚¹ãƒˆã—ã¦ã¿ã¾ã—ãŸã€‚ ブラウザ 時間 高速化
Canvasをレンダリングã™ã‚‹3ã¤ã®ãƒ¢ãƒ¼ãƒ‰ - latest log
タイトル変更ã—ã¾ã—㟠今ã®ã¨ã“ã‚ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚Flashモードã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒé«˜é€Ÿã«å‹•ä½œã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ http://pigs.sourceforge.jp/blog/20100217/demo/ (IEã‚„ä»–ã®ãƒ–ラウザã§è¦‹ã¦ã) 今日ã¯ã€Œuupaa.js ãŒå®Ÿè£…ã—ã¦ã„ã‚‹ <canvas> をエミュレートã™ã‚‹ä¸‰ã¤ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ¢ãƒ¼ãƒ‰(VML, Silverlight, Flash)ã«ã¯ã€ãã‚Œãžã‚Œå‘ã/ä¸å‘ããŒã‚ã‚Šã¾ã™ã‚ˆã€ãªèª¬æ˜Žã‚’ã—ã¾ã™ã€‚ æ画方法ã®é•ã„ã‹ã‚‰ãã‚‹å‘ã/ä¸å‘ãã«ã¤ã„㦠VMLモードやSilverlightモードã¯ã€DOMツリーã«ãƒŽãƒ¼ãƒ‰ã‚’è¿½åŠ ã™ã‚‹å½¢ã§æç”»ã—ã¦ã„ã¾ã™ã€‚ 一方 Flashモードã§ã¯ã€ãƒ“ットマップã«è‰²ã‚’上書ãã—ã¦ã„ãå½¢ã§æç”»ã—ã¦ã„ã¾ã™ã€‚ VMLã‚„Silverlightã§ã€Œå¤§é‡ã®ãƒ‘ーティクルを高速ã«å‹•ã‹ã™ã€ã®ã¯ã€å¤§é‡ã®ãƒŽãƒ¼ãƒ‰ã‚’çŸæ™‚é–“ã§å‡¦ç†ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚当然
Adobe working to sabotage HTML5 (updated) | AppleInsider
Despite initial comments in support of HTML5 as an option standard, Adobe has taken action to sabotage the open specification in an effort to support its existing position with Flash. Update: Adobe's Larry Masinter has issued a correction that insists neither he nor his company is intentionally holding up the HTML5 spec: "No part of HTML5 is, or was ever, 'blocked in the W3C HTML Working Group — n
ã§ã€å®Ÿéš›ã®ã¨ã“ã‚HTML5ã§ã©ã®ãらã„ã®ã‚¢ãƒ—リãŒå®Ÿè£…ã§ãã‚‹ã®ã‹å®Ÿé¨“ã—ã¦ã¿ãŸ
å°‘ã—å‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã‚‚触れãŸäº‹ãŒã‚ã‚‹ãŒã€ã€Œã“ã®ã¾ã¾HTML5ãŒæ™®åŠã—ã¦ãれれã°ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ã‚¢ãƒ—リã®å¤§åŠã¯HTML+CSS+Javascriptã ã‘ã§ä½œã‚Œã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨æ„Ÿã˜å§‹ã‚ã¦ã„ã‚‹ç§ã§ã‚る。 ã‚‚ã¡ã‚ã‚“ã€ãã†ãªã‚‹ã«ã¯ã€Œè¦æ ¼ãŒãã¡ã‚“ã¨çµ±ä¸€ã•ã‚Œã‚‹ã€ã€Œã¾ã¨ã‚‚ãªå®Ÿè£…ã‚’ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒå分ã«æ™®åŠã™ã‚‹ã€ã€ŒiPhoneã®ä¸€äººå‹ã¡ã«ã¯ãªã‚‰ãªã„ã€ãªã©ã®æ¡ä»¶ãŒæº€ãŸã•ã‚Œã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã€å¿…ãšã—ã‚‚ãã†ãªã‚‹ã¨ã¯é™ã‚‰ãªã„ãŒã€å°‘ãªãã¨ã‚‚「ãã‚ãã‚ã‚ãƒãƒ³ã¨å‹‰å¼·ã—ã¦ãŠã„ã¦æã¯ãªã„ã€æŠ€è¡“ã§ã‚ã‚‹ã“ã¨ã¯ç¢ºã‹ã€‚
[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)
70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers
CSS3 and HTML 5 are capable of revolutionizing the way we design websites. Both include so many new features and functions that it can be hard to wrap your head around them at times. The inclusion of native support for things like rounded corners and multi-column layouts are just the tip of the ice berg. Below are seventy resources, tutorials, and articles to get you started with CSS3 and HTML 5.
グーグルãŒè³ã‘ã‚‹HTML 5ã®æœªæ¥ ï¼ ï¼ IT
2009/05/28 「決ã—ã¦Webã‚’ã‚ãªã©ã£ã¦ã¯ã„ã‘ãªã„ã€ï¼ˆNever underestimate the Web）。Google I/O 2009åˆæ—¥ã®åŸºèª¿è¬›æ¼”ã§ã‚·ãƒ¥ãƒŸãƒƒãƒˆCEOã«ç¶šã„ã¦ç™»å£‡ã—ãŸã®ã¯ã€ç±³ã‚°ãƒ¼ã‚°ãƒ« ãƒã‚¤ã‚¹ãƒ»ãƒ—レジデントã®ãƒ“ック・グンドトラæ°ã 。ゆã£ãã‚Šã¨ä¸€èªžä¸€èªžã‚’区切りãªãŒã‚‰èªžã‚Šå§‹ã‚ãŸã‚°ãƒ³ãƒ‰ãƒˆãƒ©æ°ã®è¨€è‘‰ã«ã¯é‡ã¿ãŒã‚る。彼ã¯å…ƒãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆç¤¾å“¡ã§ã€ã¾ã•ã«Webã‚’ã‚ãªã©ã£ã¦ã„ãŸå´ã«ã„ãŸã‹ã‚‰ã 。 グンドトラæ°ã¯Windowsプラットフォームを唱é“ã™ã‚‹ç«‹å ´ã«ã‚ã£ãŸã€‚å½¼ã«é™ã‚‰ãšã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆç¤¾å“¡ã®é–“ã«ã¯ã€ãƒã‚¤ãƒ†ã‚£ãƒ–アプリケーションã§ãªã‘ã‚Œã°ã§ããªã„ã“ã¨ãŒã‚ã‚‹ã¨ã™ã‚‹è¦‹æ–¹ãŒä¸€èˆ¬çš„ã ã£ãŸã¨ã„ã†ã€‚「Keyholeã¨ã„ã†ä¼šç¤¾ãŒå‡ºã¦ããŸã¨ãã€å½¼ã‚‰ãŒæŒã¤ã‚ˆã†ãªã‚¢ãƒ—リケーションã“ãã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã§ãªã‘ã‚Œã°ã§ããªã„ã‚‚ã®ã ã¨è¨€ã£ã¦ã„ãŸã€‚ã¨ã“ã‚ãŒã‚°ãƒ¼ã‚°ãƒ«ã¯2004å¹´11月ã«Keyholeã‚’è²·åŽã—ã€Goo
ã„ã¾ HTML5::Canvas ã£ã¦ä½¿ãˆã‚‹ã®? (HTML::Canvas ã®ã‚µãƒãƒ¼ãƒˆçŠ¶æ³) - latest log
Opera ã® getContext("opera-2dgame") ã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ fillText(strokeText) + pattern, + linerGrad, radialGrag ã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ uupaa-excanvas.js ver 0.3 リリース版ã«åŸºã¥ã表を更新ã—ã¾ã—ãŸã€‚ uupaa-excanvas.js ver 0.31ã§ã€drawImage(canvas, ...) をサãƒãƒ¼ãƒˆã—ã¾ã—ãŸã€‚ å…ˆã»ã© Windows XP 上ã§èª¿ã¹ã¾ã—ãŸã€‚Mac ã‚„ Linux ã ã¨ã¡ã‚‡ã£ã¨é•ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 # レンダリングã®å®Ÿä¾‹ã¯http://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-excanvas.js/DEMO.htmã§è¦‹ã‚Œã¾ã™ã€‚ 凡例 5: 実装ã•ã‚Œã¦ãŠã‚Šä»–ã®ãƒ–ラウザã®æç”»çµæžœã¨äº’æ›æ€§ãŒã‚ã‚‹(
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
HTML5Rocks - A resource for open web HTML5 developers
HTML5, ãã¡ã‚“ã¨ã€‚
404
{{#tags}}- {{label}}
{{/tags}}