User timing API  | Articles  | web.dev
User timing API Stay organized with collections Save and categorize content based on your preferences. High performance web applications are crucial to a great user experience. As web applications become more and more complex, understanding performance impact is vital to creating a compelling experience. Over the past few years, a number of different APIs have appeared in the browser to help analy
今ã‹ã‚‰ï¼“分ã§ï¼ŒHTML5ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—API㨠File APIã‚’ç¿’å¾—ã—よã†ï¼ˆJSã®å®Ÿè£…サンプル付ã） - 主ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ 開発ã«é–¢ã—ã¦
JavaScriptプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®TOP㸠今ã‹ã‚‰ï¼“分ã§ï¼ŒHTML5ã® JavaScript API ã®ä½¿ã„方を２ã¤è¦šãˆã‚ˆã†ã€‚ １：ドラッグ＆ドãƒãƒƒãƒ—API ç”»é¢ä¸Šã®è¦ç´ を。 ç”»é¢å¤–ã‹ã‚‰ã€‚ ２：File API èªã¿è¾¼ã¿ã€‚ 書ãè¾¼ã¿ã€€â€»ã“ã‚Œã¯è¦šãˆã‚‹å¿…è¦ã¯ãªã„。 シンプルãªã‚µãƒ³ãƒ—ルコード付ãã§ï¼Œã“れらã®å®Ÿè£…ã®æ–¹æ³•ã‚’ç´ æ—©ãå¦ç¿’ã™ã‚‹ã€‚ ※サンプルã¯ï¼ŒIE8ã®ã‚ˆã†ãªHTML5未サãƒãƒ¼ãƒˆã®å¤ã„ブラウザã§ã¯å‹•ã‹ãªã„ã®ã§æ³¨æ„。Firefoxã‚„Chromeを使ã†ã“ã¨ã€‚ ã§ã¯ï¼Œã“ã“ã‹ã‚‰ï¼“分ã®æ™‚é–“ã®ã‚«ã‚¦ãƒ³ãƒˆã‚’開始。集ä¸ã—ã¦èªã‚‚ã†ã€‚ （0：00〜å‰åŠã®ï¼‘分åŠï¼‰ ç”»é¢å†…ã§ã®ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ‰ãƒãƒƒãƒ— （後åŠã®1：30〜3：00） ç”»é¢å¤–ã‹ã‚‰ã®ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ‰ãƒãƒƒãƒ— å‚考資料 （0：00〜å‰åŠã®ï¼‘分åŠï¼‰ç”»é¢å†…ã§ã®ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ‰ãƒãƒƒãƒ— ã¾ãšï¼Œå‹•ä½œä¾‹ã‚’見ã¦ã¿ã‚‹ã€‚「リンゴã€ã‚’ãƒã‚¹ã‚±ãƒƒãƒˆã«ãƒ‰ãƒãƒƒãƒ—ã—ã¦ã¿ã¦ã»ã—ã„。 動作サンプル１ ht
第38回 HTML5ã¨ã‹å‹‰å¼·ä¼šã§ãƒ†ã‚¹ãƒˆã«ã¤ã„ã¦è©±ã—ã¾ã—ãŸã€‚ - teppeis blog
先週ã®4/26ã«é–‹å‚¬ã•ã‚ŒãŸç¬¬38回HTML5ã¨ã‹å‹‰å¼·ä¼šã€ŒWebアプリ×テスト最新事情ã€ã§ã€JavaScriptã®ãƒ†ã‚¹ãƒˆã«ã¤ã„ã¦è©±ã•ã›ã¦ã‚‚らã„ã¾ã—ãŸã€‚ 発表資料ã¯ã“ã¡ã‚‰ã€‚ JavaScript Unit Test Why? What? How? from teppeis æ¥ãšã‹ã—ã„ビデオã¯ã“ã¡ã‚‰ã€‚http://www.ustream.tv/recorded/31976691 発表内容ã¯ã€å‰å›žã®WEB+DB PRESSã§æ›¸ã‹ã›ã¦ã‚‚らã£ãŸå†…容ã®è¦ç´„版＋アルファã§ã—ãŸã€‚ 個人的ã«ã¯ã€æœ€è¿‘よã†ã‚„ã実践テスト駆動開発(通称GOOS本)ã‚’èªã‚“ã§ã€2é‡ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ãƒ«ãƒ¼ãƒ—ã¨ã‚¢ã‚¸ãƒ£ã‚¤ãƒ«ãƒ†ã‚¹ãƒˆã®4象é™ã€TDD/BDDãªã‚“ã‹ãŒè‡ªåˆ†å†…ã§ã‚¬ã‚·ãƒ¼ãƒ³ã¨ã€ã‚¶ãƒ»ãƒ¯ãƒ¼ãƒ«ãƒ‰ãŒæ™‚ã®æ¯è»Šã‚’ãŒã£ã¡ã‚ŠæŽ´ã‚“ã ã¨ãã®ã‚ˆã†ãªã¤ãªãŒã£ãŸæ„ŸãŒã‚ã£ãŸã®ã§ã™ãŒã€ã¾ã 言語化ã™ã‚‹ã«ã¯æ—©ã‹ã£ãŸã‚‰ã—ãã‚ã¾ã‚Šã†ã¾ãã¯ä¼ãˆã‚‰ã‚Œãªã‹ã£ãŸã‹ãªã¨åçœã—ã¾ã—ãŸã€‚ 座
第38回HTML5ã¨ã‹å‹‰å¼·ä¼šã€ŒWebアプリ×テスト最新事情〠- Yuji Blog
2012/4/26ã«è¡Œã‚ã‚ŒãŸç¬¬38回HTML5ã¨ã‹å‹‰å¼·ä¼šã€ŒWebアプリ×テスト最新事情ã€ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ JavaScriptã®ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ã¤ã„ã¦ã„ã‚ã„ã‚ãªè©±ã‚’èžãã“ã¨ãŒã§ãã¾ã—ãŸã€‚ é…ã‚Œã¦å‚åŠ ã—ãŸã†ãˆã«ã€ãƒŽãƒ¼ãƒˆãƒ‘ソコンã®é›»æºå…¥ã‚ŒãŸã¨ãŸã‚“ã«é›»æ± 切れ orz 途ä¸ã®ä¼‘憩時間ã«ã‚³ãƒ³ã‚»ãƒ³ãƒˆã®ã‚ã‚‹å¸ã¸ç§»å‹•ã—ãŸã®ã§ã™ãŒã€å‰åŠã¯ãƒ¡ãƒ¢ã‚Œã¦ãªã„ã§ã™ï½— メモã¨ã‚‹ã®ãŒå…¨ç„¶è¿½ã„ã¤ã‘ãªã‹ã£ãŸã®ã§ã€ã‚³ãƒ¼ãƒ‰ã¨ã‹çœç•¥ã—ã¦ãŸã‚Šé–“é•ã£ã¦ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ãŒã€é›°å›²æ°—ã ã‘ã§ã‚‚æ„Ÿã˜ã¦é ‚ã‘ã‚Œã°ã¨ã€‚ Sinon.jS 外æ‘å’Œä»ã•ã‚“ テストã—ã«ãã„ã‚‚ã®ã®ãƒ€ãƒŸãƒ¼ã‚’作æˆã™ã‚‹ã€‚ spy メソッドã®ä»£ã‚ã‚Šã«ãƒ€ãƒŸãƒ¼ã‚’作æˆã§ãる。 // オブジェクト作æˆã€‚spyã¯ãƒ¡ã‚½ãƒƒãƒ‰ã‚ªãƒ–ジェクト // ã“れをテストã—ãŸã„メソッドを上書ãã™ã‚‹æ„Ÿã˜ã§ã€‚ var spy = sinon.spy(); // 試ã—ã«ãƒ¡ã‚½ãƒƒãƒ‰èªã‚“ã§ã¿ã‚‹ spy('foo'
HTML5ã§çµ„ã‚“ã§ã‚‹ãªã‚‰ã“ã®é”法ã®jsも入れã¦ãŠã‘ã£ã¦ã„ã†è©±
ç¾åœ¨ã€A!@attripã•ã‚“発ã§è©±é¡Œã«ãªã£ã¦ã„る「ãŸã£ãŸ2è¡Œã§IE5.5～IE8をモダンブラウザã®æŒ™å‹•ã«ã™ã‚‹é”法ã®JSã€ã¨ã„ã†è¨˜äº‹ã€‚ Webデザイン界隈ã§ã¯å½“ãŸã‚Šå‰ã®ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã‚‚ã†ã²ã¨ã¤è¿½åŠ ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„jsãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ Photo:html5 By michael pollak IE8以å‰ã®ãƒ–ラウザã¯ã©ã†ã«ã‚‚ã“ã†ã«ã‚‚開発者泣ã‹ã›ãªã‚ã‘ã§ã™ãŒã€ie9.jsã¨css3-mediaqueries.jsã‚’çªã£è¾¼ã‚€ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã¨åŒã˜æŒ™å‹•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚‚ã†å°‘ã—具体的ã«æ›¸ãã¨ã€ie9.jsを組ã¿è¾¼ã‚€ã“ã¨ã§ã€ position:fixed;ã«å¯¾å¿œ max-widthã€max-heightã«å¯¾å¿œ 属性セレクタã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«å¯¾å¿œ margin:0 auto;ã§ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã«å¯¾å¿œ é€éŽPNGã«å¯¾å¿œ opacityã«å¯¾å¿œ ã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚è¦ã¯CS
ã€HTML5】File APIを使ã£ã¦ã€æŠ•ç¨¿ã•ã‚ŒãŸç”»åƒã‚’å³æ™‚表示ã™ã‚‹æ–¹æ³•ã€å°ãƒã‚¿ã€‘
ã“ã‚“ã«ã¡ã¯ã€æ©‹æœ¬ã§ã™ã€‚ 今回ã¯å°ãƒã‚¿ã‚’１ã¤ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç”»åƒæŠ•ç¨¿ãƒ•ã‚©ãƒ¼ãƒ を作る際ã«ã€æŠ•ç¨¿ã•ã‚ŒãŸç”»åƒã‚’å³æ™‚表示ã—ãŸã„ãªã‚“ã¦ã“ã¨ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ãã‚“ãªã¨ãã«ä¾¿åˆ©ãªã®ãŒã€HTML５ã§è¿½åŠ ã•ã‚ŒãŸFile API。 File APIを使ãˆã°ã€æŠ•ç¨¿ã•ã‚ŒãŸç”»åƒï¼ˆæ£ç¢ºã«ã¯ã€é¸æŠžã•ã‚ŒãŸãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ã®æƒ…å ±ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã§ã¯ã€ç”»åƒæŠ•ç¨¿æ©Ÿèƒ½ã®ã‚µãƒ³ãƒ—ルを元ã«ã€File APIã®ä½¿ã„方を見ã¦è¡Œãã¾ã—ょã†ã€‚ File API自体ã¯jQueryã¨ä½•ã®é–¢ä¿‚ã‚‚ã‚ã‚Šã¾ã›ã‚“ãŒã€ã„ã‚ã„ã‚ã¨é¢å€’ãªã®ã§ä»Šå›žã‚‚jQueryを使ã£ã¦ã„ã¾ã™ã€‚ サンプル <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <script src="http://code.jquery.com/jquery-latest.js" type="text/jav
HTML5 Canvas + JavaScript ã§ã¤ãる極å°iPhone – Tiny iOS ã®æŠ€è¡“解説 | DOTAPON Blog
先日ã€ç„¡äº‹å…¬é–‹ã¾ã§ãŸã©ã‚Šã¤ã‘ãŸã€ŒTiny iOSã€ã€‚ 今回ã¯ã€Tiny iOSã«ä½¿ç”¨ã—ãŸæŠ€è¡“è¦ç´ ã«ã¤ã„ã¦ã€ã„ãã¤ã‹è§£èª¬ã—ã¦ã¿ã¾ã™ã€‚ Canvasè¦ç´ ç”»é¢ã®è¡¨ç¤ºã¯ã€HTML5ã®Canvasè¦ç´ を使用ã—ã¦ã„ã¾ã™ã€‚ Canvasè¦ç´ ã¯ã€ç·šã®æ画や塗りã¤ã¶ã—ã€ç”»åƒã®æç”»ãªã©ã€å¤šå½©ãªæ画機能をサãƒãƒ¼ãƒˆã™ã‚‹è¦ç´ 。 W3Cã§ã¾ã ã¾ã 仕様ç–定ä¸ã§ã™ãŒã€Chrome, Safari, Opera, Firefoxãªã©ã€ãŸã„ã¦ã„ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã§å‹•ãã¾ã™ã€‚ IE? 知りã¾ã›ã‚“ ;-p ピクセルã®æ‰±ã„ãŒæ‰‹è»½ã€æ画オプションも豊富ã¨ã€ãªã‹ãªã‹ä½¿ã„å‹æ‰‹ã®ã‚ˆã„仕上ãŒã‚Šã§ã™ã€‚ 「何ã‹ä½œã£ã¡ã‚ƒã‚‹ãœï¼ã€ã¨ã„ã†æ°—ã«ã•ã›ã¦ãã‚Œã¾ã™ã€‚ Canvasã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ã¯ã€ã“ã“を押ã•ãˆã¦ãŠã‘ã°ã»ã¼äº‹è¶³ã‚Šã¾ã™ã€‚ 「Canvasリファレンス – HTML5.jpã€ ç´ æ™´ã‚‰ã—ã„サイトã§ã™ã€æ„Ÿè¬ã€‚ アニメーション Tiny iOSã®
明日ã®ãŸã‚ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVC
Columinity (æ—§Scrum Team Survey) を使ã£ã¦ãƒãƒ¼ãƒ ã®ç¶™ç¶šçš„ãªæ”¹å–„活動を始ã‚よㆠ/ Scrum Fest Osaka 2024
カラーピッカー.js - JavaScript ライブラリー - HTML5.JP
対応ブラウザー Internet Explorer 6 以上 Firefox 2.0以上 Opera 9.0以上 Safari 3.0以上（もã—ã‹ã—ãŸã‚‰2.0ã§ã‚‚動作ã™ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æœªç¢ºèªã§ã™ã€‚） Google Chrome 0.3以上 使ã„æ–¹ cpick_x_x_x.zipを解å‡ã—ã€html5jpフォルダをウェブサーãƒã«ãã®ã¾ã¾ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„。ãã—ã¦HTMLã®headè¦ç´ 内ã«ã€cpick.jsã‚’ãƒãƒ¼ãƒ‰ã™ã‚‹ã‚ˆã†scriptタグを記述ã—ã¦ãŠãã¾ã™ã€‚ã“ã®ã‚µãƒ³ãƒ—ルã¯ã€html5jpフォルダãŒä¸€éšŽå±¤ä¸Šã«å˜åœ¨ã—ã¦ã„ã‚‹ã‚‚ã®ã¨ã—ã¦scriptè¦ç´ ã®src属性を指定ã—ã¦ã„ã¾ã™ãŒã€html5jpフォルダ ã¯ã©ã“ã«è¨ç½®ã—ã¦ã‚‚構ã„ã¾ã›ã‚“。html5jpフォルダã®è¨ç½®å ´æ‰€ã«åˆã‚ã›ã¦cpick.jsã‚’ãƒãƒ¼ãƒ‰ã™ã‚‹scriptè¦ç´ ã®src属性を書ãæ›ãˆã¦ãã ã•ã„。
「第１回 渋谷 HTML5+CSS3+JS de ゲーム勉強会 html5技術講座 x コãƒãƒ—ラ事例発表ã€ã«è¡Œã£ã¦æ¥ã¾ã—㟠- å¼·ç«ã§é€²ã‚
ã€å³æ—¥æº€å“¡ï¼å¢—å“¡400å】第１回 渋谷 HTML5+CSS3+JS de ゲーム勉強会 html5技術講座 x コãƒãƒ—ラ事例発表 : ATND http://atnd.org/events/25251 ソーシャル時代ã«è¦‹ã‚‹Web系エンジニア生ã残り戦略 - mochrom クãƒã‚«ãƒ¯ リュートã•ã‚“ ãªãœæˆ¦ç•¥ãŒå¿…è¦ãªã®ã‹ ターゲットユーザを明確ã«ã— ターゲットユーザーã«éŸ¿ã方法ã§å‘ŠçŸ¥ã‚’ã— é•·ãæ„›ã•ã‚Œã‚‹ã‚µãƒ¼ãƒ“ス/アプリを目指㙠集客ã®æ–¹æ³•ãƒ»äº‹ä¾‹ 「MacBook Airã¯ä¸è¯åŒ…ä¸ã¨ã—ã¦ã¤ã‹ãˆã‚‹ã®ã‹ã€‚〠「ã“ã‚Œã€ä¸è¯åŒ…ä¸ã¿ãŸã„ã 。ã€ã‹ã‚‰å§‹ã¾ã£ãŸ 関連動画もå«ã‚ãŸç·å†ç”Ÿæ•°ã¯100万å†ç”Ÿè¶… 国内ã§ã¯GIZMODO JAPANã€ãƒ‡ã‚¤ãƒªãƒ¼ãƒãƒ¼ã‚¿ãƒ«Zã€ãã¨ã‚‰ã¼ã€ç§’刊サンデー。海外ã§ã¯GIZMODOã€CNNã€Yahoo!香港ã€ãƒ‡ã‚£ã‚¹ã‚«ãƒãƒªãƒ¼ãƒãƒ£ãƒ³ãƒãƒ«ãªã©ã§å–り上ã’られ㟠気をã¤ã‘ã¦ã„る事 ティザーã¯æ‰“ãŸãªã„
HTML5+CSS3ã®å°Žå…¥æ™‚ã«å½¹ç«‹ã¤7ã¤ã®è¨å®š
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ 個人的ã«ä»•äº‹ã®å¤§åŠã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ãªã®ã§ã€ 最近ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã»ã¨ã‚“ã©å…¨ã¦HTML5+CSS3ã§è¡Œã£ã¦ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€PCå‘ã‘ã®ã‚µã‚¤ãƒˆã§ã¯ã¾ã ã¾ã HTML4.01ã€XHTML1.0ã€CSS2.1を使用ã—ã¦ã„ã‚‹å ´åˆãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ ã§ã™ã®ã§ã€ä»Šå›žã¯HTML5+CSS3ã‚’å°Žå…¥ã™ã‚‹ã«ã‚ãŸã£ã¦ã€å½¹ç«‹ã¤ã¨æ€ã†7ã¤ã®è¨å®šã«ã¤ã„ã¦ã€æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ １．HTML5ã®åˆæœŸãƒ†ãƒ³ãƒ—レート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 åˆæœŸãƒ†ãƒ³ãƒ—レート</title> <!-- reset.cssã®è¨å®šÂ --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportã®è¨å®šÂ --> <meta nam
第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勉強会ã§ã¯å…¬é–‹
第21回 HTML5ã¨ã‹å‹‰å¼·ä¼š テーマ「HTML5+ゲームã€ã¾ã¨ã‚ #html5j　
「HTML5ã¨ã‹å‹‰å¼·ä¼šã€ã¯ã€html5j.org管ç†äººã§ã‚る白石俊平ãŒã€ã€Œå°è¦æ¨¡ã§ãƒ•ãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®è»½ã„勉強会を始ã‚ãŸã„ã€ã¨ã„ã†è»½ã„æ°—æŒã¡ã‹ã‚‰ã€ã€Œç¬¬0回 Webkit/HTML5勉強会ã€ã¨ã„ã†å‹‰å¼·ä¼šã‚’2009/11/17ã«é–‹å‚¬ã—ãŸã®ãŒå§‹ã¾ã‚Šã§ã™ã€‚ 大掛ã‹ã‚Šãªå‹‰å¼·ä¼šã‚’目指ã™ã¤ã‚‚ã‚Šã¯æ¯›é ãªã‹ã£ãŸãŸã‚ã€æœˆã«ä¸€å›žã¨ã„ã†æ¯”較的高ã„é »åº¦ã§å®Ÿæ–½ã—ã¦ã„ã¾ã—ãŸã€‚ 当åˆã¯å‚åŠ è€…ãŒ10人ã«æº€ãŸãªã„éžå¸¸ã«å°è¦æ¨¡ãªå‹‰å¼·ä¼šã§ã—ãŸãŒã€HTML5ã®ç››ã‚Šä¸ŠãŒã‚Šã¨å…±ã«å‚åŠ å¸Œæœ›è€…ã¯å¢—åŠ ã®ä¸€é€”を辿りã€åå‰ã‚’「HTML5ã¨ã‹å‹‰å¼·ä¼šã€ã«æ”¹ã‚ãŸç¬¬4回ã®é ƒã«ã¯å‚åŠ å¸Œæœ›è€…ãŒ90åã€2011å¹´8月ç¾åœ¨ã§ã¯å®šå“¡100åã®å‹‰å¼·ä¼šãŒå¸¸ã«æº€å“¡å¾¡ç¤¼ã¨ã„ã†ã€å‹‰å¼·ä¼šä¸»å‚¬è€…ã¨ã—ã¦ã¯å®Ÿã«å¹¸ã›ãªçŠ¶æ³ã«ã‚ã‚Šã¾ã™ã€‚ 月ã«ä¸€å›žã€100åè¦æ¨¡ã®å‹‰å¼·ä¼šã‚’コンスタントã«å®Ÿæ–½ã§ãã¦ã„ã‚‹ã®ã¯ã€ã²ã¨ãˆã«å„ªç§€ãªã‚¹ã‚¿ãƒƒãƒ•ã¨ã€æ§˜ã€…ãªå¤–部ã®å”åŠ›è€…ï¼ˆå ´æ‰€ã‚’è²¸ã—ã¦ã„ãŸã ã‘ã‚‹ä¼æ¥æ§˜ã€èˆˆå‘³æ·±ã„ãŠè©±
第19回html5ã¨ã‹å‹‰å¼·ä¼š PJAX ～HTML5時代ã®AJAXサイトプラクティス～
16. Htmlを見ã¦ã‚‚分ã‹ã‚‰ãªã„<header> <h1> bad ajax sample. </h1> - doesn't care about states ;-( - </header> <nav> <ul> <li><a href="/0">semantics</a></li> <li><a href="/1">offline</a></li> <li><a href="/2">device</a></li> <li><a href="/3">connectivity</a></li> </ul> </nav> <article> </article> </body>
Paper.jsã¯ã€HTML5...
Paper.jsã¯ã€HTML5 Canvasè¦ç´ ã«ã‚ˆã‚‹ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ»ã‚°ãƒ©ãƒ•ã‚£ã‚¯ã‚¹ã‚’扱ã†ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã 。 å¿œç”¨é ˜åŸŸã¨ã—ã¦ã¯Processing.jsã«ä¼¼ãŸã¨ã“ã‚ãŒã‚ã‚‹ã‘ã‚Œã©ã€å‘ã“ã†ã¯Processingã¨ã„ã†å…ƒãƒã‚¿ãŒã‚ã‚‹ã®ã«å¯¾ã—ã¦ã€ã“ã¡ã‚‰ã¯ç´”粋ã«HTML5 and JavaScriptã«ç‰¹åŒ–ã—ã¦ã„ã‚‹ã“ã¨ã‹ã‚‰ã€ä½œã‚Šã«ç„¡ç†ãŒãªã„（Processing.jsã¯ã€ã ã„ã¶ã€Œç„¡ç†ã—ã¦ã‚‹æ„Ÿã€ãŒã‚る）。 ã¨ã„ã†ã“ã¨ã§ã€HTML5ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªãƒ™ã‚¯ã‚¿ãƒ¼ãƒ»ã‚°ãƒ©ãƒ•ã‚£ã‚¯ã‚¹éŠã³ã‚’ã™ã‚‹ãªã‚‰ã€ã“ã£ã¡ãŒãŠã™ã™ã‚ã‹ã‚‚。
HTML5 花ç«å¤§ä¼š
HTML5ã®èŠ±ç«å¤§ä¼šãŒå§‹ã¾ã‚Šã¾ã—ãŸã€‚ JavaScriptã‚„CSS3ã§æ›¸ã‹ã‚ŒãŸã‚³ãƒ¼ãƒ‰ãŒç¾Žã—ã„花ç«ã¨ãªã£ã¦ å¤ã®å¤œç©ºã‚’鮮やã‹ã«å½©ã‚Šã¾ã™ã€‚ START
HTML5ã®é…力。Webブラウザ上ã§æ¥½èœã‚’表示ã—ã€MIDIを使ã£ã¦å¥ã§ã‚‹Â·ABC.js MOONGIFT
ABC.jsã¯Web上ã§æ¥½èœã‚’表示ã—ã€æ¼”å¥ã™ã‚‹JavaScriptライブラリ。 ABC.jsã¯HTML5/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。HTML5ã«ã‚ˆã£ã¦Web上ã®è¡¨ç¾åŠ›ã¯é«˜ã¾ã£ã¦ã„る。SVGã§ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã‚’æã„ãŸã‚Šã€WebGLã«ã‚ˆã£ã¦3Dオブジェクトをæã出ã™ã“ã¨ã‚‚ã§ãる。Canvasを使ã†ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚‚多ã„。 ãã‚Œã„ãªæ¥½èœè¡¨ç¤º ã“ã‚Œã¾ã§ã¯Flashを使ã£ãŸã‚Šã€ç”»åƒã‚’使ã‚ãªã‘ã‚Œã°ãªã‚‰ãªã‹ã£ãŸè¡¨ç¾ã‚‚HTMLã ã‘ã§ã§ãるよã†ã«ãªã‚‹ã€‚ãã®ä¸€ã¤ã€æ¥½èœã‚’æã出ã—ã¦éŸ³ã¾ã§é³´ã‚‰ã›ã‚‹ã®ãŒABC.jsã 。 ABC.jsã¯ç‰¹å®šã®è¨˜æ³•ã«æ²¿ã£ã¦è¨˜è¿°ã™ã‚‹ã“ã¨ã§Webブラウザ上ã«æ¥½èœã‚’書ãライブラリã 。JavaScriptを使ã£ã¦ã„ã‚‹ã®ã§ã€ãã®å ´ã§æ‰‹ç›´ã—ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ç›´ã™ã“ã¨ã‚‚ã§ãる。楽èœå…±æœ‰ã‚µã‚¤ãƒˆã®ã‚ˆã†ãªã‚‚ã®ã‚’作るã“ã¨ã•ãˆã§ãã‚‹ã ã‚ã†ã€‚ Firefoxãªã‚‰æ¼”å¥ã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚ ãã—ã¦æ
ã‚„ã£ã±ã—ã“ã‚Œã‹ã‚‚viewport
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / html5 boilerplate mobile ã® viewport指定ãŒå¤‰ã‚ã£ã¦ãŸã‚“ã§ã™ã“ã‚“ãªã®ã«ã€‚ ã‚れーã§ã‚‚ã“ã‚Œã£ã¦ã‚ã‚Œã˜ã‚ƒãªã„？iPhoneã§æ¨ªã«ã™ã‚‹ã¨ã§ã‹ããªã‚Šã™ãŽã¡ã‚ƒã†ã‚„ã¤ã˜ã‚ƒãªã„？iPhoneã®ãƒã‚°ã ã‹ä»•æ§˜ã ã‹åˆ†ã‹ã‚‰ãªã„ã‘ã©ã£ã¦å‰æ›¸ã„ãŸï¼ˆ1, 2）ã®ã ã‘ã‚Œã©ã€html5 boilerplate mobileã«ã¯ã‚‚ã†ä¸€å·¥å¤«ã—ã¦ã‚ã£ãŸã€‚ãã‚ŒãŒã“れ。 A fix for iPhone viewport scale bugã“ã‚Œã¯ä½•ã‹ã¨ã„ã†ã¨ã€åŸºæœ¬ã¯ã“ã‚Œ width=device-width, initial-scale=1.0ã§ã€iPhoneã§ã¯ã“ã‚Œ width=device-widt
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
転é€ä¸
about:blank
{{#tags}}- {{label}}
{{/tags}}