Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
HTML5ã§ä½•ãŒå¤‰ã‚る？ InfoTalk#17 フォトレãƒãƒ¼ãƒˆ ï¼ ï¼ ITè‡ªåˆ†æˆ¦ç•¥ç ”ç©¶æ‰€
第6回　HTML5ã§ä½•ãŒå¤‰ã‚る？ InfoTalk#17 フォトレãƒãƒ¼ãƒˆ å²‘åº·è²´ï¼ˆï¼ ITè‡ªåˆ†æˆ¦ç•¥ç ”ç©¶æ‰€ï¼‰ 2010/4/19 第17回 InfoTalk　2010å¹´4月16日（金）　産æ¥æŠ€è¡“大å¦é™¢å¤§å¦ä¸»å‚¬ã«ã‚ˆã‚‹ICT関連ã®å‹‰å¼·ä¼šã€‚åŒå¤§å¦ 教授ã®å°å±±è£•å¸æ°ãŒä¸å¿ƒã¨ãªã£ã¦é‹å–¶ã—ã¦ã„る。今回ã®ãƒ†ãƒ¼ãƒžã¯ã€ŒHTML5ã€ã€‚
File APIã¨JavaScriptを使ã£ã¦ã€ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’åŠ å·¥ã™ã‚‹ä¾¿åˆ©ãƒ„ールを作ã£ãŸ - ã‚ã¨å‘³
昨日ã€ãŸã¾ãŸã¾ä»•äº‹ã§ã€CSVå½¢å¼ã®åç°¿ã‚’åŠ å·¥ã™ã‚‹å¿…è¦ãŒã‚ã£ã¦ã€æœ€è¿‘ã¯ã“ã†ã„ã†æ™‚ã€JavaScriptを使ã£ã¦åŠ å·¥ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ 昨日ã®è©±ã§è¨€ã†ã¨ã€å…·ä½“çš„ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªCSVファイルを〠ã»ã’æ ªå¼ä¼šç¤¾,jdg,[email protected] æ ªå¼ä¼šç¤¾ãµãŒ,taiju,tai[email protected] 有é™ä¼šç¤¾ã´ã‚ˆ,foo,[email protected]以下ã®ã‚ˆã†ã«åŠ å·¥ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ケースã§ã—ãŸã€‚ jdgï¼ ã»ã’æ ªå¼ä¼šç¤¾,[email protected] taijuï¼ æ ªå¼ä¼šç¤¾ãµãŒ,tai[email protected] fooï¼ æœ‰é™ä¼šç¤¾ã´ã‚ˆ,[email protected]「会社å,åå‰,メールアドレスã€ã§æ§‹æˆã•ã‚Œã¦ã„ã‚‹CSVを「åå‰ï¼ 会社å,メールアドレスã€ã§æ§‹æˆã—ãŸCSVã«åŠ å·¥ã™ã‚‹ã£ã¦ã“ã¨ã§ã™ã€‚ ã“ã†ã„ã†æ™‚ã€ä»Šã¾ã§ã¯ã€ã¾ãšã¯ãƒ†ã‚ストエディタã®ç½®æ›ã‚’使ã£ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªé…列オブジェクトã«
livedoor Techブãƒã‚° : ã‚„ã‚Œã°å‡ºæ¥ã‚‹JavaScript
ã“ã‚“ã«ã¡ã¯ã€æƒ…å ±ç’°å¢ƒæŠ€è¡“ç ”ç©¶å®¤ã®syuuã¨ç”³ã—ã¾ã™ã€‚ GoogleãŒMapsãªã©ã®ã‚µãƒ¼ãƒ“スã§Flashを使ã‚ãšã«HTMLã¨JavaScriptã ã‘ã§ã“ã“ã¾ã§å‡ºæ¥ã‚‹ã®ã ã€ã¨ã„ã†äº‹ã‚’実証ã—ã¦ã¿ã›ã€Ajaxã¨ã„ã†è¨€è‘‰ãŒæµè¡Œã£ãŸã®ã‚‚一昔å‰ã€ä»Šã§ã¯ã™ã£ã‹ã‚Šå®šç€ã—ãŸæ„ŸãŒã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã®æ‰€ã€ãƒ–ラウザ上ã®JavaScriptã§ã©ã“ã¾ã§ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒå¯èƒ½ãªã®ã§ã—ょã†ã‹ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ç§ã¯ã¾ã ã¾ã JavaScriptを甘ã見ã¦ã„ãŸã€ã‚·ãƒã‚倒ã›ã°ã‚‚ã£ã¨è‰²ã€…出æ¥ã‚‹ã‚“ã ï¼ã¨æ„Ÿã˜ã•ã›ã¦ãã‚ŒãŸå¹¾ã¤ã‹ã®JavaScriptプãƒã‚°ãƒ©ãƒ ã‚’ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ â– Concurrent.Thread - 標準的ãªJavaScriptã ã‘ã§æ›¸ã‹ã‚ŒãŸã‚¹ãƒ¬ãƒƒãƒ‰ãƒ©ã‚¤ãƒ–ラリ ã¾ãšã¯ã€ã€ŒConcurrent.Thread（http://jsthread.sourceforge.net/cgi-bin/wiki/wiki.cgi?
Canvasã§èƒŒæ™¯(星屑)テスト
Star☆Dust background Canvasã§èƒŒæ™¯ã‚’作ã£ã¦ã¿ã‚‹ãƒ†ã‚¹ãƒˆ ↓ã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ã„ã˜ã£ã¦restartを押ã—ã¦è¦‹ã¦ãã ã•ã„。 ã¡ã‚‡ã£ã¨ã—ãŸé•ã„ã§æ§˜åãŒã‚¬ãƒ©ãƒªã¨å¤‰ã‚ã£ã¦é¢ç™½ã„ã§ã™ã‚ˆã€‚ Firefox3.5ã§ã—ã‹ç¢ºèªã—ã¦ã„ãªã„ã®ã§æ³¨æ„!? : stroke : fill : every time clearRect restart
WebSocketを使ã£ã¦ãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ã‚¹ã‚¯ã£ã½ã„VNCã£ã½ã„WebSocketRemoteã¨ã„ã†ã‚‚ã®ã‚’作ã£ã¦ã¿ã¾ã—㟠(Kanasansoft Web Lab.)
(2010/04/09 追記:タイトル内ã®VNCã‚’SVNã¨é–“é•ãˆã¦ã„ãŸã®ã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚) 次世代ã®Webã®è¦æ ¼ã¨ã—ã¦WebSocketã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚WebSocketã¯ã€Ajaxã§ã‚‚Cometã§ã‚‚ãªã„サーãƒ-クライアント間ã®æ–°ã—ã„通信方法ã§ã™ã€‚通常ã®Webアクセスやã€Ajax・Cometã¯HTTPを使用ã—ã¦ã„ã¾ã™ãŒã€WebSocketã¯HTTPã§ã¯ã‚ã‚Šã¾ã›ã‚“。接続ã®ãŸã³ã«æŽ¥ç¶šã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒç™ºç”Ÿã™ã‚‹HTTPã¨é•ã„ã€WebSocketã¯ã¨ã¦ã‚‚高速ã§ã€åŒæ™‚ã«è¤‡æ•°ã®æŽ¥ç¶šã‚‚å¯èƒ½ã¨ãªã£ã¦ã„ã¾ã™ã€‚é…延もå°ã•ã比較的容é‡ã®å¤§ãã„データも高速ã«è»¢é€ã§ãã‚‹ãŸã‚ã€ãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ã‚ˆã†ãªã‚‚ã®ãŒä½œæˆã§ããªã„ã‹ã¨æ€ã„ã€WebSocketRemoteã¨ã„ã†ã‚‚ã®ã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚ブラウザã«ã¯ã€ãƒ—ラグインやFlashã€Javaアプレットç‰ã¯ä¸€åˆ‡ä¸è¦ã¨ãªã£ã¦ã„ã¾ã™ã€‚ 一応動作ã™ã‚‹ã®ã§ã™ãŒã€XMLHttpReq
SVG on canvas on Flash (FlashCanvas Pro) - yukobaã®ãƒ–ãƒã‚°
canvg ã¨ã„ã†å¤‰ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒç™»å ´ã—ã¾ã—ãŸï¼ ã¨ã„ã†ã‚ã‘ã§ã€ã“れを〠変更内容ã®ãƒ‘ッãƒã¯ã€Patch for IE with FlashCanvas · Issue #20 · canvg/canvg · GitHub ã‚’ã”覧ãã ã•ã„。http://yukoba.jp/SvgCanvasFlash/SvgCanvasFlash.patch ã‚‚ã—èªã‚“ã§ã„らã£ã—ゃã£ãŸã‚‰ã€FlashCanvas Pro ã®ä½œè€…ã•ã‚“ã¸ã€‚パッãƒã‚’ã”覧ã«ãªã‚‹ã¨ã‚ã‹ã‚Šã¾ã™ãŒã€var fc = FlashCanvas; ã§ã€ä¸€åº¦ã€window.FlashCanvas ã‚’å¾…é¿ã•ã›ãŸå¾Œã€ã‚‚ã†ä¸€åº¦ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‹ã‚‰å‘¼ã³å‡ºã•ã‚ŒãŸã€é–¢æ•° r() ã®ä¸ã§ã€FlashCanvas = fc; ã¨ã—ã¦ã€å…ƒã«æˆ»ã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã—ãªã„ã¨å‹•ã‹ãªã‹ã£ãŸã®ã§ã™ãŒã€ãªãœå¿…è¦ãªã®ã§ã—ょã†ï¼Ÿãªã‚“ã‹ã®ã€ãƒã‚°ã§ã¯ãªã„ã‹ã¨æ€ã‚ã‚Œã¾ã™ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯
Webブラウザã¨Google Waveã§å‹•ãシーケンサã€Anzutoneãƒªãƒªãƒ¼ã‚¹ï¼ - Yanagi Entertainment
http://anzutone.appspot.com/ èªã¿æ–¹ã¯ã€Œã‚ã‚“ãšã¨ãƒ¼ã‚“ã€ã§ã™ã€‚ ã“ã‚Œã¯ãªã«ï¼Ÿ Safariã¨Firefoxã§å‹•ãミュージックシーケンサã§ã™*1。 éžå¸¸ã«ã‚·ãƒ³ãƒ—ルãªæ©Ÿèƒ½ã—ã‹å‚™ãˆã¦ã„ã¾ã›ã‚“ãŒã€ã€Œã¿ã‚“ãªã§ä½œæ›²ã§ãã¾ã™ã€ã€‚ ã¿ã‚“ãªã§ä½œæ›²ã§ãã‚‹ 上記サイトã®Anzutoneã¯é€šå¸¸ç‰ˆã§ã™ãŒã€Google Waveã§å‹•ããƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã€‚ テンプレートã¯ä»¥ä¸‹ã«ã€‚ Anzutone Gadgetã®ãƒ†ãƒ³ãƒ—レート ã“ã®ã‚¬ã‚¸ã‚§ãƒƒãƒˆã¯Anzutoneã‚’Google Waveã§ã‚‚å‹•ãよã†ã«ã—ãŸã‚‚ã®ã§ã™ã€‚ 通常版ã¨ã®é•ã„ã¯ã€Œã¿ã‚“ãªã§ä½œæ›²ã§ãã‚‹ã€ã“ã¨ã§ã™ã€‚ãœã²ãŠè©¦ã—ãã ã•ã„。 ãŸã ã€éžå¸¸ã«æ¨ªå¹…ã®åºƒã„ガジェットãªã®ã§å–り扱ã„ã«ã¯æ³¨æ„ã—ã¦ãã ã•ã„。 ソースã¨ã‹ オープンソースã§ã™ã€‚MITライセンス。 Githubã«ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã¾ã™ã€‚ 今後ã®å±•æœ› ノープランã§ã™ã€‚ ã„ãã¤ã‹è¿½åŠ ã—ãŸã„機能ã¯ã‚
WebGLã§ãƒŒãƒ«ãƒŒãƒ«å‹•ã3Dãƒãƒˆã‚²ã‚’作ã£ã¦ã¿ãŸ - 蟻地ç„
タイトルã¯é‡£ã‚Šã ã‘ã©ã€WebGLã§3Dãƒãƒˆã‚²ã£ã½ã„UIを作ã£ã¦ã¿ãŸã‚ˆï¼ スクリーンショット å‹•ã‹ã—æ–¹ ã¾ã WebGLã«æ£å¼å¯¾å¿œã—ãŸãƒ–ラウザãŒç„¡ã„ã‹ã‚‰ã€é–‹ç™ºç‰ˆã®ãƒ–ラウザをインストールã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã‚ã‚“ã©ãã•ã„ï¼ è©³ã—ãã¯ã“ã“らã¸ã‚“を見ã¦ã。 Getting a WebGL Implementation - WebGL Public Wiki ã“ã“ã§ã¯ä¸€ç•ªç°¡å˜ã«ä½¿ãˆã‚‹Chromiumã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã®ã—ã‹ãŸã‚’説明ã—ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸(http://build.chromium.org/buildbot/continuous/win/LATEST/)ã‹ã‚‰æœ€æ–°ç‰ˆã‚’ダウンãƒãƒ¼ãƒ‰ 以下ã®ã‚ˆã†ã«ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‚ªãƒ—ションを付ã‘ã¦èµ·å‹• chrome.exe --no-sandbox --enable-webgl コマンドラインオプションを付ã‘ãªã„ã¨WebGLãŒæœ‰åŠ¹ã«ãªã‚‰ãªã„ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„。
スマートフォンã®canvasã‚¿ã‚°ã®ãƒã‚°ã®ã¾ã¨ã‚ - yukobaã®ãƒ–ãƒã‚°
ã»ã¨ã‚“ã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¦ã‚§ãƒ–ブラウザã¯canvasã‚¿ã‚°ã«å¯¾å¿œã—ã¦ã„ã¾ã™ãŒã€ãƒã‚°ã らã‘ã§ã™ã€‚以下ã€è‰²ã€…ãªç’°å¢ƒã§è©¦ã—ãŸãƒã‚°ã®ã¾ã¨ã‚ã§ã™ã€‚ iPhone OS 3.1 ã“ã®ãƒã‚°ã¯ iOS 4 ã§ã¯ã€ç›´ã£ã¦ã„ã¾ã™ã€‚ iPhone OS 3.1 ã§ã¯ã€fillText() ãªã©ã®æ–‡å—列æ画系ãŒãƒã‚°ã£ã¦ã„ã¾ã™ã€‚ç”»é¢ãŒä¸Šä¸‹å転ã—ã¦ã€ãƒ•ã‚©ãƒ³ãƒˆãªã©ã‚‚åæ˜ ã—ã¾ã›ã‚“。ãŠæŒã¡ã®æ–¹ã¯ 実際ã®ã‚µãƒ³ãƒ—ル - fillText() メソッド - Canvasリファレンス - HTML5.JP ã§ãŠè©¦ã—ãã ã•ã„。ãŠã‹ã—ãªä½ç½®ã«æ–‡å—ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã“ã®ãƒã‚°ã¯ã€iPod touchã€iPhone å…¨ã¦ã§ç™ºç”Ÿã—ã¾ã™ã€‚ ã¾ã‚‚ãªãã€iPhone OS 3.2 ãŒå‡ºã¾ã™ãŒã€ç›´ã£ã¦ã„ã‚‹ã“ã¨ã‚’å¼·ã祈りã¾ã™ï¼ Android 2.1 ã“ã®ãƒã‚°ã¯Android 2.2ã§ã¯ã€ç›´ã£ã¦ã„ã¾ã™ã€‚ Android 2.0, 2.1ãŒã€ä¸€ç•ªã²ã©ã„ã§ã™
HTML5ã®scriptè¦ç´ ãã®2 | Torisugariã®æ—¥è¨˜ | スラド
<script type="text/csv; header=present"> first, second, third a,b,c d,e,f </script> ã‚’ã€ãã‚Œã„ã«è¦‹ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ Script elements + text/csv (ソースも見ã¦ãã ã•ã„) 一応ã€Firefox3.6ã€IE8ã€Chrome4ã§ã¯æœŸå¾…通り動作ã—ã¦ã„ã¾ã™ã‹ã‚‰ã€Geckoã€Tridentã€WebKitç³»ã§ã¯å¤§ä¸ˆå¤«ã§ã—ょã†ã€‚試ã—ã¦ã„ã¾ã›ã‚“ãŒã€Operaã‚‚ãŠãらãå•é¡Œãªã„ã¨æ€ã„ã¾ã™ã€‚ å¤ã„ブラウザやæºå¸¯é›»è©±ã¯æµçŸ³ã«ç„¡ç†ã ã¨æ€ã„ã¾ã™ãŒã€ãã†ã„ã†é¡žã§ã¯ã€ã‚¹ã‚¯ãƒªãƒ—トè¦ç´ 自体ã®æŒ™å‹•ã§ã¯ãªãã€DOMã‚„JavaScript(ã®å…ˆé€²æ€§)ãŒãƒãƒƒã‚¯ã«ãªã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒé«˜ã„ã®ã§ã€å°‘ã—検証ã™ã‚Œã°ä¸Šæ‰‹ãç«‹ã¡å›žã‚Œã‚‹ã§ã—ょã†ã€‚ãŸã ã—ã€IE6ã¯ã‚¹ã‚¯ãƒªãƒ—トè¦ç´ ã«innerHTMLã™ã‚‰åŠ¹ã‹ãªã„らã—ã„ã®ã§ã€DOMæ“作自体ãŒ
SDLå¤ - 兼雑記
http://gonypage.jp:10080/proj/wiki/SDL_2009%E5%A4%8F ã¨ã‚Šã‚ãˆãšä»Šå›žã®ãƒã‚¿ã¯ã“ã®ã¸ã‚“。 http://shinh.skr.jp/koneta/#wsock Gimiteã•ã‚“ã®web-socket-rubyã¨web-socket-jsã«ä¾å˜ã—ã¦ã„ã¾ã™ã€‚ æƒ…å ±å‡¦ç†è‹¥æ‰‹ã®ä¼šã§ä½œã£ã¦ãŸã‚‰ã§æœŸé–“ä¸ã«ããŸã®ã§ã€ãã£ã¡ã§ã‚‚発表ã—ã¦ã¿ã¾ã—ãŸã€‚ãã®å¾Œã€ SDL 全然関係ãªã„ã®ã§æ„味もãªãã‚ã„ã“ã‚“ã¡ã‚ƒã‚“を飛ã°ã—ã¦ã¿ãŸã€‚ デモã¯ä¸€æ—¥ãらã„ã¯æ”¾ç½®ã—ã¦ãŠãã¾ã™ã€‚発表ã®æ§˜åã¯ãƒ‹ã‚³ãƒ‹ã‚³ã«ä¸Šã’ã¦ã„ãŸã ã‘ã‚‹ã£ã½ã„ã®ã§ã€ä¸Šã’ã¦ã‚‚らã£ãŸã‚‰åˆ‡ã‚‹ã¨æ€ã„ã¾ã™ã€‚è¦ flash 。 flash をブãƒãƒƒã‚¯ã™ã‚‹è¨å®šã¨ã‹ã«ãªã£ã¦ã‚‹ã¨å‹•ãã¾ã›ã‚“。ãã†ã§ãªãã¦ã‚‚å‹•ã‹ãªã„ã‹ã‚‚。 http://shinh.org/wsock/tc.html 追記: ãªã‚“ã‹ãƒ‡ãƒ¢ç”¨ã«ãƒ—レゼンテーションやã£ã¦ã‚‹äººä»¥å¤–ãŒ
“Misunderstanding Markup†日本語訳
ã“ã®ã‚³ãƒŸãƒƒã‚¯ã¯ã€â€œMisunderstanding Markup: XHTML 2/HTML 5 Comic Stripâ€ã«ã‚るコミックをã€è‘—作者ã®è¨±å¯ã‚’å¾—ã¦æ—¥æœ¬èªžã«è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ å…ƒã«ãªã£ãŸè¨˜äº‹ã®ç¿»è¨³ã‚‚è¡Œã£ã¦ã„ã¾ã™ã€‚“Misunderstanding markupâ€ã‚’ã”覧ãã ã•ã„。 先週ã€W3Cã¯XHTML 2 Working GroupãŒå¹´å†…ã§ãã®æ´»å‹•ã‚’終了ã™ã‚‹ã¨ç™ºè¡¨ã—ãŸã‚“ã 。å˜åˆ€ç›´å…¥ã§ã€æ“è¿Žã•ã‚Œã‚‹ã¹ãã“ã¨ã ã£ãŸã‚“ã ã‘ã©ã€ã€ŒXHTMLãŒçµ‚ã‚ã£ã¦ã—ã¾ã†ã€ã¨å¤šãã®äººã‚’æ··ä¹±ã•ã›ã¦ã—ã¾ã£ãŸã€‚Zeldmanã®blogãƒã‚¹ãƒˆã«å¯„ã›ã‚‰ã‚ŒãŸã‚³ãƒ¡ãƒ³ãƒˆã‚’èªã‚€ã¨ã€ãã‚ŒãŒåˆ†ã‹ã‚‹ã¨æ€ã†ã€‚ 仕方ã®ãªã„部分もã‚る。異ãªã‚‹æŠ€è¡“ã«ã€åŒã˜ã‚ˆã†ãªåå‰ãŒã¤ã„ã¦ã„ãŸã“ã¨ãŒåŽŸå› ãªã‚“ã ã‹ã‚‰ã€‚ã—ã‹ã‚‚ã€ã“ã‚Œã¯ä»Šã«å§‹ã¾ã£ãŸã“ã¨ã˜ã‚ƒã‚ãªã„。 ãŸã¨ãˆã°ã€JavaScript。Javaã«ãªã«ã‹é–¢ä¿‚ã—ãã†ã ã‘ã©ã€ãã†ã˜ã‚ƒãªã„よã。書ãæ–¹ãŒã™ã“
YAPC::Asia 2009 å‰å¤œç¥ - VTuberã«ãªã£ãŸãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®é‚ã®æ®‹æ»“
id:amachangãŒHTML5ã®ç™ºè¡¨ã‚’ã™ã‚‹ã¨ã„ã†ã®ã§ãã¦ã¿ãŸã€‚ 以下メモ書ã ã¿ã‚“ãªHTML5ã‚„ã‚ã†ã‚ˆï¼ アジェンダ 自己紹介 HTML5 ã‚‚ã†1ã¤ã®æœ¨æ§‹é€ 仕様をèªã‚‚ㆠHTML5 æ–°ã—ã„HTMLã®ä»•æ§˜ HTML5ã®æ¦‚è¦ ç‹¬è‡ªä»•æ§˜ã®å†å®šç¾© æ–°ã—ã„è¦ç´ ã€å±žæ€§ã€æ„味ã®å®šç¾© APIã®å®šç¾© 独自仕様ã®å†å®šç¾© document.write apple ã® canvas contentEditable ãªã©ãªã© æ–°ã—ã„è¦ç´ ã€å±žæ€§ nav, aside, article, section canvas date keygen... API html4.0.1 -> ドã‚ュメントã®ä»•æ§˜ html5 -> ドã‚ュメント＋API=アプリケーションã®ä»•æ§˜ ã¿ãŸã„ãªï¼Ÿ APIã‚ã‚Šããªè¦ç´ ã€å±žæ€§ canvas Microdata contentEditable DEMO contentEditor使ã£ã¦Yah
BPStudy#24 メモ - ã™ãŽã‚ƒãƒ¼ã‚“メモ
BPStudy#24 : ATND 雑多メモãªã®ã§è‰²ã€…é–“é•ã£ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€‚ æ ªå¼ä¼šç¤¾ã‚ゆãŸã€€ç™½çŸ³ä¿Šå¹³æ° html5-developers-jpã¨ã„ã†ML Gearsã‹ã‚‰å…¥ã£ã¦ãã¾ã—㟠第一部 HTML5ã£ã¦ãªã«ï¼Ÿ 仕様書 メインã ã‘ã§PDFã§900ページ以上ã«ãªã£ãŸ 8/25 最新ドラフトãŒå…¬é–‹ マークアップä¸å¿ƒã®ä»•æ§˜ã¨ã€Webアプリケーション用APIã§ä»•æ§˜ãŒåˆ†ã‹ã‚Œã¦ã„ã‚‹ ã©ã†æ›¸ã？HTML5 サンプル：HTML5サンプル集 - æ ªå¼ä¼šç¤¾ã‚ゆ㟠拡張åã€Content-Typeã¯ã“ã‚Œã¾ã§é€šã‚Š å…ˆé ã«ç©ºã®DOCTYPE宣言 空ã ã¨æœ€æ–°ã®ã‚‚ã®ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã‚ã€ã¨ã„ã†ã“ã¨ã«ãªã‚‹ã‚‰ã—ã„ article, header, footer ãªã©ã€æ–‡æ›¸æ§‹é€ divã®åµã‚’抑ãˆã‚‹ figure, video, canvas ãªã©åŸ‹ã‚è¾¼ã¿è¦ç´ inputè¦ç´ ã«æ–°ã—ã„typeãŒãŸãã•ã‚“ æ–°è¦ç´ ã‚’é£ã£ãŸ
HTML5 㨠CSS3 㧠æ»ã«ãŸã„
CSS3ã®ã€Œå¤‰å½¢ãƒ»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ã€ã®ãƒ—ãƒãƒ‘ティã¯é¢ç™½ã„ã§ã™ã。ã“れらã®ãƒ—ãƒãƒ‘ティã®ç™»å ´ã«ã‚ˆã£ã¦ã€CSSã®æŒã¤è¡¨ç¾åŠ›ãŒã€Œã©ã‹ãƒ¼ã‚“ã€ã¨æ‹¡å¤§ã™ã‚‹ã‚ˆã†ã«æ„Ÿã˜ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ã€WebKit Nightly Buildsã§ã®è¡¨ç¤ºã‚’対象ã«ã€ CSS3ã§æ–°ãŸã«å®šç¾©ã•ã‚ŒãŸãƒ—ãƒãƒ‘ティを色々ã¨ä½¿ã£ãŸã‚µãƒ³ãƒ—ルを作ã£ãŸã®ã§ã€ãれを紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ サンプルページã¯ã€CSS3ã®ãƒ—ãƒãƒ‘ティã®ç·´ç¿’ã¨ã—ã¦ä½œã£ã¦ã„ãŸã®ã§ã€ 表示ã®å¯¾è±¡ã¯ã“れらã®ãƒ—ãƒãƒ‘ティを先行実装ã—ã¦ã„ã‚‹WebKitエンジンã®ãƒ–ラウザーã®ä¸ã§ã‚‚〠æ写速度ãŒæ¿€çš„ã«æ”¹å–„ã•ã‚Œã¦ã„る開発者å‘ã‘ã®WebKit Nightly Buildsã«ãªã‚Šã¾ã™ã€‚ Safari4ã‚„Google Chromeã§ã‚‚見られã¾ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‚¹ãƒ ーズã«å†ç”Ÿã•ã‚Œã¾ã›ã‚“。ã¾ãŸã€HTML5ã®audioè¦ç´ ã«å¯¾å¿œã—ã¦ã„ãªã„å ´åˆã¯éŸ³ãŒå‡ºåŠ›ã•ã‚Œãªã„よã†ã§ã™ã€‚éžå¸¸ã«é«˜è² è·ãªå‡¦ç†ãŒç››
Mozilla Party 10 ã®è³‡æ–™ - 最速ãƒãƒ¥ãƒ‘ã‚«ãƒ–ãƒ©ç ”ç©¶ä¼š
Mozilla Party 10 ã§canvasã®è©±ã‚’ã—ã¦ãã¾ã—ãŸã®ã§è³‡æ–™ã‚’公開ã—ã¾ã™ã€‚ http://www.slideshare.net/gyuque/mozilla-party-2009-canvas-programming デモã¯ä»¥ä¸‹ã®URLã«ã‚ã‚Šã¾ã™ http://gyu.que.jp/jscloth/touch-opera-gecko.html 海外ã‹ã‚‰ã®ã‚²ã‚¹ãƒˆã®ãŸã‚ã«é€šè¨³ãŒã¤ã„ã¦ã„ãŸã®ã§ã™ãŒã€ãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢ã®å¦ç”Ÿã•ã‚“ã ã£ãŸãã†ã§ã™ã€‚普通ã«ãŠé‡‘を出ã—ã¦ä¾é ¼ã—ãŸã‚‚ã®ã ã¨æ€ã£ã¦ã„ãŸã®ã§ã€é–‰ä¼šã®æŒ¨æ‹¶ã®ã¨ãã«çŸ¥ã£ã¦ã³ã£ãã‚Šã—ã¾ã—ãŸã€‚ ä¼šå ´ã®è³ªå•ã§ Flash ã¨æ¯”ã¹ã¦ã©ã†ãªã‚“ã ã¨èžã‹ã‚Œã€ä»Šã®æ™‚点ã§ã¯ã€è‡ªåˆ†ãŒä»•äº‹ã§ Web ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ç«‹å ´ã ã£ãŸã‚‰ç„¡é›£ã« Flash を使ã†ã¨ç”ãˆã¾ã—ãŸï¼ˆã€Œãる。ã€ã¯ã‚ãã¾ã§è¶£å‘³ãªã®ã§ã€IE ãªã‚“ã¦æ°—ã«ã›ãš canvas を使ãˆãŸã‚ã‘ã§ã™ï¼‰ã€‚ 悲ã—ã„ã“ã¨ã«ã€
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
NHK: IT whitebox
IE9ã®SVGサãƒãƒ¼ãƒˆã€å›ºã„路線 | エンタープライズ | マイコミジャーナル
lucille development blog » Blog Archive » World’s first visual benchmark for HTML5 + JavaScript: AO bench!
{{#tags}}- {{label}}
{{/tags}}