TypeScript EvolutionFor html5 Conference 2018
PWAå°Žå…¥ã®æˆæžœã¨èª²é¡Œ / nikkei-pwa-html5conf2018 - Speaker Deck
HTML5 Conference 2018 https://events.html5j.org/conference/2018/11/ ã§ç™ºè¡¨ã—ãŸPWAã«é–¢ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ [日経電å版 サイト高速化ã¨PWA対応] https://speakerdeck.com/sisidovski/nikk…
HTML5オールスターズ勉強会　資料ã¾ã¨ã‚ - dackdive's blog
6/13 (土) 㯠htmlday ã¨ã„ã†ã“ã¨ã§ã€ã“ã¡ã‚‰ã®ã‚¤ãƒ™ãƒ³ãƒˆã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ HTML5オールスターズ勉強会｜IT勉強会ãªã‚‰TECH PLAY［テックプレイ］ 第58回 HTML5ã¨ã‹å‹‰å¼·ä¼š - HTML5æœ€æ–°æƒ…å ±@Google I/O, de:code 2015｜IT勉強会ãªã‚‰TECH PLAY［テックプレイ］ ã¨ã‚Šã‚ãˆãšä»Šã®æ™‚点ã§å…¬é–‹ã•ã‚Œã¦ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰è³‡æ–™ã‚„らã‚ーワードやらをã¾ã¨ã‚。 （éšæ™‚æ›´æ–°ã—ã¾ã™ï¼‰ Twitter ã§ã®ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚°ã¯ #dotshtml5 , #htmlday , #html5j ãªã©ãªã©ã€‚ （2015/06/15追記） è‹¥ç‹ã•ã‚“ã®ã€Žãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã“ã‚ã„ã€ã€å·ç”°ã•ã‚“ã®ã€ŽThe next generation mobile web!〠ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ （2015/06/19追記） 『Edge ã ã‘ã˜ã‚ƒãªã„! Build 2015 ã§ç™ºè¡¨ã•ã‚ŒãŸãã‚Œ
誰ã§ã‚‚ãƒã‚¤ãƒ‘フォーマンスï¼OnsenUIãŒå¤‰ãˆã‚‹ãƒã‚¤ãƒ–リッドアプリ開発ã®å¸¸è˜ãƒ¼ng-japan 2015
誰ã§ã‚‚ãƒã‚¤ãƒ‘フォーマンスï¼OnsenUIãŒå¤‰ãˆã‚‹ãƒã‚¤ãƒ–リッドアプリ開発ã®å¸¸è˜ãƒ¼ng-japan 2015 ä½å· 夫美雄（Ashiras, inc.） ã“ã®è¨˜äº‹ã¯ã€Angularをテーマã¨ã—ãŸæ—¥æœ¬åˆã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ 「ng-japanã€ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒ¬ãƒãƒ¼ãƒˆï¼ˆç¬¬2回目）ã§ã™ã€‚ ã¯ã˜ã‚ã« HTML5ãƒã‚¤ãƒ–リッドアプリケーションã¨ã¯ã€å†…部ã®å®Ÿè£…ã«HTML5ãŒåˆ©ç”¨ã•ã‚Œã¦ã„るモãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã§ã™ã€‚アプリã®å†…部実装ã«HTML5を使ã†ã“ã¨ã§ã‚¯ãƒã‚¹ãƒ—ラットフォーム対応ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ãŒã€ãã®ä»£ã‚ã‚Šå•é¡Œã¨ãªã‚‹ã®ãŒUIã¨ãƒ‘フォーマンスã§ã™ã€‚ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ã€Angularã®ä¸Šã«æ§‹ç¯‰ã•ã‚ŒãŸUIフレームワークã§ã‚ã‚‹Onsen UIを紹介ã—ãªãŒã‚‰ã€Angularã§ã©ã†ã™ã‚Œã°é«˜é€Ÿã‹ã¤å¿«é©ãªUIã‚’æŒã¤ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リを作れるã‹ã«ã¤ã„ã¦è©±ã—ã¾ã™ã€‚ Angularã¨Onsen UIã§ä½œã‚‹æœ€é«˜ã®HTML5ãƒã‚¤ãƒ–リッドアプ
HTML5 㧠Windowsã€Macã€Linux å‘ã‘デスクトップアプリãŒé–‹ç™ºã§ãる「Monaca〠[インターãƒãƒƒãƒˆã‚³ãƒ ]
モãƒã‚¤ãƒ«ã‚¢ãƒ—リ開発プラットフォームã®ã‚¢ã‚·ã‚¢ãƒ«ã¯ã€HTML5 アプリ開発プラットフォーム「Monacaã€ã« Chrome Apps é–‹ç™ºæ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸã€‚ Chrome Apps ã¯æ–°ã—ã„タイプã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ— アプリケーションã§ã€Chrome OSã€Windowsã€Macã€Linux å‘ã‘ã«æä¾›ã•ã‚Œã‚‹ãŒã€Chrome ブラウザã ã‘ã§ãªãã€Windows ã‚„ Mac 上ã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ã«å®Ÿè¡Œã§ãる。 ã“ã®ãŸã‚ã€Monaca ã® Chrome Apps 開発機能を利用ã—ã¦ã€HTML5 ã‚„ JavaScript ãªã©ã® Web 標準技術ã§ã€Windows ã‚„ Mac å‘ã‘デスクトップアプリ開発ãŒã§ãるよã†ã«ãªã‚‹ã€‚ Monaca ã® Chrome Apps 関連機能ã«ã¯ã€HTML5 㧠Chrome Apps を開発ã™ã‚‹ãŸã‚ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç’°å¢ƒã‚’æä¾›ã™ã‚‹ Chrome Apps 開発機能ã€Mon
![HTML5 㧠Windowsã€Macã€Linux å‘ã‘デスクトップアプリãŒé–‹ç™ºã§ãる「Monaca〠[インターãƒãƒƒãƒˆã‚³ãƒ ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d7280ed29123094c0becc3655dd92389b191d93c/height=288;version=1;width=512/https%3A%2F%2Fimage.internetcom.jp%2Fimg%2F20140709%2F1404874720.jpg)
ã„ã¾ã•ã‚‰ã§ã™ãŒã€å¢—井雄一郎ã•ã‚“ã®ãƒ¡ãƒ¢å¸³ã‚µãƒ¼ãƒ“ス「wri.peã€ãŒã™ã”ã„件　#HTML5 #プãƒã‚°ãƒ©ãƒŸãƒ³ã‚° #wri.pe #markdown - CodeIQ Blog
CodeIQä¸ã®äººã€babaQã§ã™ã€‚ ã¡ã‚‡ã£ã¨å‰ã«ãªã‚‹ã®ã§ã™ãŒã€ã‚³ãƒ¯ãƒ¼ã‚ãƒ³ã‚°ã‚¹ãƒšãƒ¼ã‚¹èŒ…å ´ç”º Co-Edo（コエド） ã§é–‹å‚¬ã•ã‚ŒãŸmasuidriveã“ã¨å¢—井雄一郎ã•ã‚“ã®ãƒˆãƒ¼ã‚¯ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ HTML5を活用ã—ãŸãƒ¡ãƒ¢å¸³ã‚¢ãƒ—リ「wri.peã€èª•ç”Ÿã®ãã£ã‹ã‘ テーマã¯ã€å¢—井ã•ã‚“ãŒå€‹äººã§ã¤ãã£ãŸï¼ˆã¨ã¯æ€ãˆãªã„）メモ帳アプリ「wri.pe〠ゴールデンウィークを利用ã—ã¦ã€ä½•ã‹ã‚´ãƒªã‚´ãƒªã¨ä½œã‚ŠãŸã„ã¨æ€ã„ç«‹ã¡ã€ 1週間ã§ã€Œè‡ªåˆ†ã§ä½¿ã„ãŸã„ã‚‚ã®ã‚’作るï¼ã€ã¨æ±ºã‚ãŸã®ãŒãã£ã‹ã‘ãªã‚“ã ã¨ã‹ã€‚ ã¾ãšã€æµ®ã‹ã‚“ã アイデアã¯2ã¤ã€‚ 煩雑ãªãƒ¡ãƒ¢ã‚’ã©ã†ã«ã‹ã§ãるアプリã¨ã€æœªèªã®ãƒãƒ£ãƒƒãƒˆã‚’æ•´ç†ã§ãるアプリ。 ã§ã‚‚ã€1週間ã§é–‹ç™ºã™ã‚‹ã«ã¯ãƒãƒ£ãƒƒãƒˆã¯ã¡ã‚‡ã£ã¨é‡ã„… ã¨ã„ã†ã“ã¨ã§ã€ãƒ¡ãƒ¢ã‚¢ãƒ—リを作るã“ã¨ã«æ±ºå®šã€‚ ã¾ãšæœ€åˆã«ã€Œãƒ¡ãƒ¢ã‚¢ãƒ—リã®èª²é¡Œã€ã‚’æ•´ç†ã—ãŸãã†ã§ã™ã€‚ - ã„ã¤ã§ã‚‚ã€ã©ã“ã§ã‚‚使ãˆã‚‹ï¼ˆiPhoneã€iPadã§ã‚‚）
HTML5ã§æƒ…å ±æœ€é©åŒ–ï¼è¦–覚化＆WebRTCã§å¤‰ã‚る未æ¥ï½žQCon Tokyo 2013レãƒãƒ¼ãƒˆ
WebRTCã§å¤‰ã‚ã‚‹Webã®æœªæ¥ QCon Tokyo 2013ã®ãƒ¢ãƒã‚¤ãƒ«ï¼HTMLカテゴリã®2ã¤ç›®ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯ã€å‰å·å¾¹æ°ã«ã‚ˆã‚‹ã€ŒWebRTCã§å¤‰ã‚ã‚‹Webã®æœªæ¥ã€ã€‚ 冒é ã§ã¯ã€å‰å·æ°ã‚ˆã‚Šã€ŒWebRTCã«ã¤ã„ã¦å¤šå°‘ã§ã‚‚知ã£ã¦ã„ã‚‹ã‹ã€ã¨å‚åŠ è€…ã«å•ã„掛ã‘ãŸã¨ã“ã‚ã€3～4割ã®å‚åŠ è€…ãŒæŒ™æ‰‹ã€‚WebRTCã«ã¤ã„ã¦åˆã‚ã¦è´è¬›ã™ã‚‹å‚åŠ è€…ã‚‚å¤šã‹ã£ãŸãŸã‚ã€å‰å·æ°ã¯åŸºæœ¬çš„ãªéƒ¨åˆ†ã‚‚å«ã‚ãŸå½¢ã§è©±ã‚’展開ã—ãŸã€‚ WebRTCã¨ã¯ 講演ã¯ã€WebRTC（Web Real-Time Communications）ã«ã¤ã„ã¦ã®è©±ã‹ã‚‰å§‹ã¾ã£ãŸã€‚ã“ã“ã§ã¯ã€ã€ŒWebブラウザ上ã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ コミュニケーションを実ç¾ã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€ã€ŒåŒæ–¹å‘性ã®ã‚るコミュニケーションを必è¦ã¨ã™ã‚‹ã•ã¾ã–ã¾ãªã‚¢ãƒ—リを開発ã§ãã‚‹ã“ã¨ã€ã®2点ãŒWebRTCã®ç‰¹å¾´ã§ã‚ã‚‹ã“ã¨ãŒèªžã‚‰ã‚ŒãŸã€‚ デãƒã‚¤ã‚¹ã®ã‚«ãƒ¡ãƒ©ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ç”»åƒã‚’Webブラウザã«è¡¨ç¤ºã™ã‚‹
HTML5 Canvasã¨CSS3ã®ã‚¹ãƒžãƒ›ãƒ–ラウザã§ã®æ画性能 - ICS MEDIA
スマートフォンã®ãƒ–ラウザã§ã©ã®ç¨‹åº¦ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯è¡¨ç¾ãŒå¯èƒ½ãªã®ã‹ã€æ€§èƒ½ãŒæ°—ã«ãªã‚Šã¾ã›ã‚“ã‹ï¼Ÿã€€è¿‘å¹´ã€HTML5を利用ã§ãる分野ã¯ã‚¦ã‚§ãƒ–サイトã®ã¿ãªã‚‰ãšã€ã‚²ãƒ¼ãƒ ã‚„SPA（シングルページアプリケーション）ãªã©å¤šå²ã«æ¸¡ã£ã¦ã„ã¾ã™ã€‚ãã“ã§ã€æœ¬è¨˜äº‹ã§ã¯iOSã‚„Androidã®æ–°æ—§ã•ã¾ã–ã¾ãªç«¯æœ«ã‚’使ã£ã¦ãƒ‘フォーマンスを検証。記事ã®å‰åŠã§ã¯æ画性能をã€å¾ŒåŠã§ã¯JavaScriptã®è¨ˆç®—性能を測定ã—ã¦ã„ã¾ã™ã€‚ æ画性能ã®æ¤œè¨¼ãƒ“デオをã”覧ãã ã•ã„ ã•ã¾ã–ã¾ãªç«¯æœ«ã‚’使ã£ã¦ã€æ画検証ã®æ§˜åを録画ã—ã¾ã—ãŸã€‚ã“ã®80秒ã®å‹•ç”»ã§ã¯ç”»åƒã®ã‚ªãƒ–ジェクトã®è¡¨ç¤ºå¯èƒ½ãªå€‹æ•°ã‚’測定ã—ã¦ã„ã¾ã™ã€‚ビデオã®å¾ŒåŠãŒè¦‹ã©ã“ã‚ã§ã€iPhone 5ã®ãƒ‘フォーマンスãŒè‰¯ã™ãŽã¦ãƒ“デオを早é€ã‚Šã™ã‚‹ã»ã©ã‚¹ã‚³ã‚¢ãŒã§ã‚‹ã¾ã§æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã¾ã™ã€‚ ã•ã¾ã–ã¾ãªç«¯æœ«ã®ã‚¹ã‚³ã‚¢ã‚’測定ã—ã¾ã—㟠次ã®è¡¨ã«ã€2012å¹´ã¾ã§ã«ç™ºå£²ã•ã‚ŒãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¹ã‚³ã‚¢ã‚’掲載ã—ã¾ã—ãŸã€‚
[iOS] iOS Safari ã® Web インスペクタãŒä¾¿åˆ©ã™ãŽã‚‹
自分ã®ãƒ–ãƒã‚°ã®ã‚¹ãƒžãƒ›ç‰ˆã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹æ™‚ã¨ã‹ã« ã„ã¾ã•ã‚‰ã§ã™ãŒ iOS 6 ã® Safari ã«å‚™ã‚ã£ã¦ã„ã‚‹ Web インスペクタを試ã—ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšã¯ä¸Šå›³ã®é€šã‚Šã€Web インスペクタ機能を ON ã«è¨å®šã—ã¾ã™ã€‚è¨å®šã¯ iOS ã®è¨å®šã‹ã‚‰ Safari＞詳細 ã¨é€²ã‚ã° OK ã§ã™ã€‚ ã“ã‚Œã ã‘ã§ã¯å…¨ç„¶ä¸å分ãªã®ã§ã€ä¸Šå›³ã«ã‚‚ã‚る通りコンピュータ (Mac) å´ã®è¨å®šã‚‚è¡Œã„ã¾ã™ã€‚
第38回HTML5ã¨ã‹å‹‰å¼·ä¼šã€ŒWebアプリ×テスト最新事情〠- Yuji Blog
2012/4/26ã«è¡Œã‚ã‚ŒãŸç¬¬38回HTML5ã¨ã‹å‹‰å¼·ä¼šã€ŒWebアプリ×テスト最新事情ã€ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ JavaScriptã®ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ã¤ã„ã¦ã„ã‚ã„ã‚ãªè©±ã‚’èžãã“ã¨ãŒã§ãã¾ã—ãŸã€‚ é…ã‚Œã¦å‚åŠ ã—ãŸã†ãˆã«ã€ãƒŽãƒ¼ãƒˆãƒ‘ソコンã®é›»æºå…¥ã‚ŒãŸã¨ãŸã‚“ã«é›»æ± 切れ orz 途ä¸ã®ä¼‘憩時間ã«ã‚³ãƒ³ã‚»ãƒ³ãƒˆã®ã‚ã‚‹å¸ã¸ç§»å‹•ã—ãŸã®ã§ã™ãŒã€å‰åŠã¯ãƒ¡ãƒ¢ã‚Œã¦ãªã„ã§ã™ï½— メモã¨ã‚‹ã®ãŒå…¨ç„¶è¿½ã„ã¤ã‘ãªã‹ã£ãŸã®ã§ã€ã‚³ãƒ¼ãƒ‰ã¨ã‹çœç•¥ã—ã¦ãŸã‚Šé–“é•ã£ã¦ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ãŒã€é›°å›²æ°—ã ã‘ã§ã‚‚æ„Ÿã˜ã¦é ‚ã‘ã‚Œã°ã¨ã€‚ Sinon.jS 外æ‘å’Œä»ã•ã‚“ テストã—ã«ãã„ã‚‚ã®ã®ãƒ€ãƒŸãƒ¼ã‚’作æˆã™ã‚‹ã€‚ spy メソッドã®ä»£ã‚ã‚Šã«ãƒ€ãƒŸãƒ¼ã‚’作æˆã§ãる。 // オブジェクト作æˆã€‚spyã¯ãƒ¡ã‚½ãƒƒãƒ‰ã‚ªãƒ–ジェクト // ã“れをテストã—ãŸã„メソッドを上書ãã™ã‚‹æ„Ÿã˜ã§ã€‚ var spy = sinon.spy(); // 試ã—ã«ãƒ¡ã‚½ãƒƒãƒ‰èªã‚“ã§ã¿ã‚‹ spy('foo'
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IE9.jsã§å®Ÿç¾ã™ã‚‹ã‚·ãƒ³ãƒ—ルãªclearfixã¨ãã®ä»–ã®æ©æµ - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚（更新ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ æ—¢ã«åºƒã知られã¦ã„ã‚‹ã§ã‚ã‚ã†ã€IE9.jsã¯ã€ æ–°æ—§IEã®å·®ç•°ã‚’（出æ¥ã‚‹ã ã‘）埋ã‚ã¦ãã‚Œã‚‹ç´ æ™´ã‚‰ã—ã„スクリプトã§ã™ã€‚ 今日ã®ãŠè©±ã¯ã€IE9.jsã§å®Ÿç¾å‡ºæ¥ã‚‹ã‚·ãƒ³ãƒ—ルãªclearfixã¨ã€ ã“ã®ã‚¹ã‚¯ãƒªãƒ—トã§å®Ÿéš›ã©ã‚“ãªæ©æµãŒå—ã‘られるã‹ã®å‚™å¿˜éŒ²ã§ã™ã€‚ cf) ie7-js – Project Hosting on Google Code シンプルã«ãªã£ãŸclearfix 念ã®ç‚ºã‚¹ã‚¯ãƒªãƒ—トã®ãƒãƒ¼ãƒ‰ã‚‚記載ã—ã¦ãŠãã¾ã™ã€‚ IE用ã®æ¡ä»¶åˆ†å²ã‚³ãƒ¡ãƒ³ãƒˆã‚’外ã™ã¨ä»–ã®ãƒ–ラウザã§ã‚¨ãƒ©ãƒ¼ãŒå‡ºã¾ã™ã®ã§ã”注æ„を。 （ã“れも内部ã§æ¡ä»¶åˆ†å²ã—ã¦é ‚ã‘ã‚‹ã¨å¤§å¤‰å¹¸ã›ã ãªã） <!--[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/trunk/lib/IE9.js"></script> <
HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ãªã‚‰ã¨ã‚Šã‚ãˆãšie9.jsã¨html5shiv.jsを入れる : 森ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
9月8 HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ãªã‚‰ã¨ã‚Šã‚ãˆãšie9.jsã¨html5shiv.jsを入れる カテゴリ:javascriptHTML5 Tweet 最近ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—界隈を観察ã—ã¦ã¿ã‚‹ã¨ã€ HTML5ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã¨ãã¯ï¼’ã¤ã®jsã‚’èªã¿è¾¼ã¾ã›ã‚‹ã®ãŒå¤šã„ã¿ãŸã„ã§ã™ã€‚ ie9.js ã¨html5shiv.js â– ie9.js ã“ã‚Œã¯ã€internetexplore6,7,8ã‚’ie9ã«è¿‘ã¥ã‘ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリ。 ・position:fixed; ・max-heightã‚„min-heightãªã©ã®æœ€å¤§ã‚µã‚¤ã‚ºè¨å®š ・aタグ以外ã§ã®:hover ・margin:0 autoã§ä¸å¤®å¯„㛠・é€éŽPNG ・opacityã§é€æ˜Žåº¦ ãªã©ãªã©ã‚’対応ã•ã›ã‚‹ã¨ã„ã†ã€‚ ã“ã‚Œã¾ã§IE6ã‚„IE7ã®ãƒãƒƒã‚¯ã‚’ã—ã¦ããŸã‚³ãƒ¼ãƒ€ãƒ¼ã®æ–¹ã€…ã«ã¨ã£ã¦ã¯ã€ 「ãã†ãã†ã€IE6ã¨ï¼—ã«å¯¾å¿œã•ã›ã‚‹ã¨ãã¯å¤§ä½“ソレã よã〠ãªã‚„ã¤ã‚‰ã§ã™ã
HTML5.jsã¨IE9.js｜Webクリエイターãƒãƒƒãƒˆ
以å‰ã€å½“サイトã®â€HTML5å°Žå…¥å‰ã«è¦šãˆã¦ãŠããŸã„ã“ã¨â€œã®è¨˜äº‹ã«é–¢ã—ã¦ã€ï½¢html5.jsã¨IE9.jsã®ã©ã¡ã‚‰ã‚’使ã†æ–¹ãŒã‚ˆã„ã®ã§ã™ã‹ï¼Ÿï½£ã¨ã„ã£ãŸãŠå•ã„åˆã‚ã›ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ ã¾ãŸã€å€‹äººçš„ã«åŒç¨®ã®å†…容を質å•ã•ã‚ŒãŸã“ã¨ãŒä½•åº¦ã‹ã‚ã‚Šã¾ã™ã®ã§ã€ãƒˆãƒ”ックスã§å–り上ã’ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ※当サイトã®è¨˜äº‹ã«ã‚‚一部追記ã—ã¾ã—ãŸã€‚ ⇒ HTML5å°Žå…¥å‰ã«è¦šãˆã¦ãŠããŸã„ã“ã¨~html5.jsã¨IE9.jsã¯ä¸¡æ–¹å¿…è¦ãªã®?~ html5.js html5.jsã¯ã€Internet Explorerã®8以å‰ã®ã‚ˆã†ã«ã€HTML5ã®æ–°è¦ç´ ã«å¯¾å¿œã—ã¦ã„ãªã„ブラウザã«ã‚‚一部ã®æ–°è¦ç´ を対応ã•ã›ã‚‹ã“ã¨ãŒãƒ¡ã‚¤ãƒ³ã®Javascriptã§ã™ã€‚ IE9.js ãã‚Œã«å¯¾ã—IE9.jsã¯ã€CSS3ã«å¯¾å¿œã—ã¦ã„ãªã„Internet Explorerã®5.5～8ã«ã‚‚一部ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚„プãƒãƒ‘ティを対応ã•ã›ã‚‹ã“ã¨ãŒãƒ¡ã‚¤ãƒ³ã®Javascrip
ie9.jsを使ã†ã¨å‡ºæ¥ã‚‹ã“ã¨ã€å‡ºæ¥ãªããªã‚‹ã“ã¨ã€‚ - Toro_Unit
最近ie9.jsを活用ã™ã‚‹ã“ã¨ãŒå°‘々ã‚ã‚‹ã®ã§ã€ ã„ã¾ã•ã‚‰ãªãŒã‚‰ã¾ã¨ã‚ã§ã™ã€‚ é…å¸ƒå ´æ‰€ ie7-js http://code.google.com/p/ie7-js/ã§é…布ã•ã‚Œã¦ã„ã¾ã™ã€‚ デモã¯http://ie7-js.googlecode.com/svn/test/index.htmlã§è¦‹ã‚Œã¾ã™ã€‚ 使ã„æ–¹ head内㫠[html] <!–[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> <![endif]–> [/html] ã¨è²¼ã‚Šä»˜ã‘ã‚‹ã ã‘ã§ã™ã€‚フッターã«è²¼ã‚‹ã¨èª¤ä½œå‹•èµ·ã“ã™å ´åˆãŒãŸã¾ã«åˆã£ãŸã‚ˆã†ãªæ°—ãŒã—ã¾ã™ã€‚ ã§ãるよã†ã«ãªã‚‹ã“㨠E > F åセレクタ。直下ã®åè¦ç´ ã«ã®ã¿é©å¿œã™ã‚‹ã‚„ã¤ã€‚ E + F 隣接兄弟セレクタ。Eã®ã™ã下隣ã«å±…る弟è¦ç´
Ajalog.7z: [HTML5][JavaScript] Notifications APIを使ã£ã¦ã¿ã‚‹
2010/08/08 [HTML5][JavaScript] Notifications APIを使ã£ã¦ã¿ã‚‹ Tag HTML5, JavaScript Notifications APIã£ã¦ï¼ŸNotifications APIを使ã†ã¨ã€ãƒ–ラウザã‹ã‚‰ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®å³ä¸‹ã«é€šçŸ¥ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’出ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã€‚ãªã‹ãªã‹ã«é…力的。Chromeã®æ‹¡å¼µã§ã¯ã‚‚ã¨ã‚‚ã¨ä½¿ãˆã‚‹æ©Ÿèƒ½ã ã£ãŸã‚‰ã—ã„ã‘ã©ã€ã„ã¤ã®é–“ã«ã‚„ら普通ã®Webサイトã§ã‚‚使ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ãŸï¼ˆã®ã‹ãªï¼‰ã€‚ã¡ãªã¿ã«ä»•æ§˜ã¯ã“ã“http://dev.w3.org/2006/webapi/WebNotifications/publish/ã§ã¾ã¨ã‚られã¦ã„ã‚‹ã¿ãŸã„。Chromiumã§ã®ä»•æ§˜ã¯http://sites.google.com/a/chromium.org/dev/developers/design-documents/deskt
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
Drag and Dropã¨File APIを試㙠- NullPointer's
HTML5ã®Drag and Drop APIã¨File APIを試ã—ã¦ã¿ã¾ã—ãŸã€‚ Drag And Drop API㯠HTML上ã®è¦ç´ ã®ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—をサãƒãƒ¼ãƒˆ File APIã¨ã®é€£æºã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‹ã‚‰ã®ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—をサãƒãƒ¼ãƒˆ 1番ã¯HTML5ã§ãªãã¦ã‚‚jQueryç‰ã‚’用ã„ã‚Œã°å®Ÿç¾å¯èƒ½ã§ã™ã®ã§ã€File APIã¨ã®é€£æºã‚’試ã—ã¾ã™ã€‚ File APIã®ã‚µãƒ³ãƒ—ル jQueryã§File APIを使ã†ãŸã‚ã«ä»¥ä¸‹ã®ãŠã¾ã˜ãªã„を実行ã—ã¾ã™ã€‚ jQuery.event.props.push('dataTransfer'); Dropイベントã¨File APIã¨ã®é€£æºã«ã¯event.dataTransferプãƒãƒ‘ティを使ã„ã¾ã™ãŒã€jQueryã®ã‚¤ãƒ™ãƒ³ãƒˆã‚ªãƒ–ジェクトã«ã¯dataTransferãŒå˜åœ¨ã—ã¾ã›ã‚“。ã“ã®ãŠã¾ã˜ãªã„ã§ã€jQueryã®eventオブジェクトã«ãƒ–ラウザãƒã‚¤ãƒ†ã‚£ãƒ–
HTML5 File Uploads with jQuery
Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers. The photos will have a preview and a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on t
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Angularã¨Onsen UIã§ä½œã‚‹æœ€é«˜ã®HTML5ãƒã‚¤ãƒ–リッドアプリ
{{#tags}}- {{label}}
{{/tags}}