HTML5 Demos
Google Hangouts Chat web component: <hangout-chat> Screensharing with getUserMedia() <gangnam-style> web component ShadowDOM Visualizer Animate a background using <canvas> as the source Create .webm from getUserMedia() Sticky Blog Titles Image Importer using Folder Drag & Drop "Holy Grail" of Application Layout Hooking up <audio> to the Web Audio API Live Photobooth Video subtitles HTML5 Filesyste
著者ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を関連付ã‘る「rel="author"ã€ã‚¿ã‚°ç™»å ´ ãªã©10+2記事（海外&国内SEOæƒ…å ±ï¼‰ | 海外&国内SEOæƒ…å ±ã‚¦ã‚©ãƒƒãƒ
著者ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を関連付ã‘る「rel="author"ã€ã‚¿ã‚°ã‚’グーグルãŒå°Žå…¥ ★★★★☆ 「何ãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹ã‹ã€ã«åŠ ãˆã¦ã€Œèª°ãŒæ›¸ã„ãŸã‹ã€ã®æƒ…å ± （Google Webmaster Central Blog）グーグルã¯ã€ãƒšãƒ¼ã‚¸ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä½œæˆè€…をグーグルã«ä¼ãˆã€ã‚¦ã‚§ãƒ–上ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒèª°ã«ã‚ˆã£ã¦ä½œã‚‰ã‚ŒãŸã‹ã‚’特定ã™ã‚‹ãŸã‚ã®ã€Œrel="author"ã€å±žæ€§ã®ã‚µãƒãƒ¼ãƒˆã‚’始ã‚ãŸã“ã¨ã‚’アナウンスã—ãŸã€‚ウェブページを特定ã®ä½œè€…ã¨çµã³ã¤ã‘ã‚‹ã“ã¨ã§æƒ…å ±ã‚’æŽ¢ã—ã‚„ã™ãã™ã‚‹ã®ãŒç‹™ã„ã 。 サイトã§ã“れを実ç¾ã™ã‚‹ã«ã¯ã€ã‚µã‚¤ãƒˆå†…ã«è‘—è€…æƒ…å ±ã‚’è¡¨ç¤ºã™ã‚‹ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ãƒšãƒ¼ã‚¸ã‚’è¨ã‘ã€å„コンテンツページã‹ã‚‰ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„著者ã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ãƒšãƒ¼ã‚¸ã¸ãƒªãƒ³ã‚¯ã‚’張りã€ãã®ãƒªãƒ³ã‚¯ã«rel="author"å±žæ€§ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã 。 ãŸã¨ãˆã°Webæ‹…ã§ã¯è¤‡æ•°ã®è‘—者ãŒè¨˜äº‹ã‚’公開ã—ã¦ã„る。ç†è€…ã‚‚ãã®ã†ã¡ã®1人ã§ç†è€…専用ã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ãƒšãƒ¼ã‚¸ãŒã‚る。今ã‚ãª
HTML5Rocks - A resource for open web HTML5 developers
Stay organized with collections Save and categorize content based on your preferences. We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.
All Is Not Lost
大変申ã—訳ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯Google Chrome上ã§å‹•ãよã†ã«æœ€é©åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãŠä½¿ã„ã®ãƒ–ラウザã§ã¯é€”ä¸ã§æ¢ã¾ã£ã¦ã—ã¾ã£ãŸã‚Šã€æ£ã—ãå‹•ã‹ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®æ©Ÿä¼šã«æ˜¯éžGoogle Chromeã‚’ãŠè©¦ã—ãã ã•ã„。ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ■推奨環境 ◎ブラウザã«ã¤ã„㦠当コンテンツã¯Google Chrome上ã§å‹•ãよã†ã«æœ€é©åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ 最新ã®Google Chromeをインストールã—ã¦ãŠæ¥½ã—ã¿ãã ã•ã„。 Google Chrome以外ã®ãƒ–ラウザã§ã¯ã€é€”ä¸ã§æ¢ã¾ã£ã¦ã—ã¾ã£ãŸã‚Šã€æ£ã—ãå‹•ã‹ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ 最新ã®Google Chromeã§ãŠæ¥½ã—ã¿ã„ãŸã ãã“ã¨ã‚’推奨ã—ã¾ã™ã€‚ â—‡ Windows XP/Vista/7 â—‡ Mac OSX 10.6〜 â—Žãƒãƒ¼ãƒ‰ã«ã¤ã„㦠◇ Windows OS：Windows XPã€Windows Vist
グーグルãŒHTML5ã®Microdataã«æ—©ãも対応
Microdataã¯ã€HTMLã«ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã‚’埋ã‚込むãŸã‚ã®è¨˜è¿°æ–¹æ³•ã§ã™ã€‚HTML5ã®ä»•æ§˜ã®ä¸€éƒ¨ã¨ã—ã¦ç–定ãŒé–‹å§‹ã•ã‚Œã€ç¾åœ¨ã¯W3Cã®HTML5仕様ã‹ã‚‰ã¯ç‹¬ç«‹ã—ãŸä»•æ§˜ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ãã®MicrodataをグーグルãŒèªã¿å–ã£ã¦ã€Œãƒªãƒƒãƒã‚¹ãƒ‹ãƒšãƒƒãƒˆã€ã«åˆ©ç”¨ã™ã‚‹ã¨ã€ãƒ–ãƒã‚°ã€ŒGoogle Webmaster Central Blogã€ã®ã‚¨ãƒ³ãƒˆãƒªã€ŒMicrodata support for Rich Snippetsã€ã§æ˜Žã‚‰ã‹ã«ã—ã¾ã—ãŸã€‚ リッãƒã‚¹ãƒ‹ãƒšãƒƒãƒˆã®ãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦Microdataã‚’èªã¿è¾¼ã¿ リッãƒã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨ã¯ã€æ¤œç´¢çµæžœã«è¡¨ç¤ºã•ã‚Œã‚‹æƒ…å ±ã§ã™ï¼ˆãŸã ã—ã™ã¹ã¦ã®çµæžœã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“）。 上記ã®ä¾‹ï¼ˆã‚°ãƒ¼ã‚°ãƒ«ã®ãƒªãƒƒãƒã‚¹ãƒ‹ãƒšãƒƒãƒˆã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ï¼‰ã§ã¯ã€ãƒãƒƒãƒˆä¸Šã®ãƒ¬ãƒ“ュー記事をグーグルãŒè‡ªå‹•çš„ã«é›†è¨ˆã—ã¦ã€æ˜Ÿã®æ•°ã‚’表示ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒªãƒƒãƒã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’構æˆã™ã‚‹ãŸã‚ã«ã€ã‚°ãƒ¼ã‚°ãƒ«ã¯ãƒãƒƒãƒˆä¸Šã®ã•ã¾ã–ã¾ãª
YouTubeã€å…¨å‹•ç”»ã‚’WebMå½¢å¼ã«å¤‰æ›ã™ã‚‹ã¨ç™ºè¡¨
YouTubeã¯ã€æ–°ãŸã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹å‹•ç”»ãŠã‚ˆã³æ—¢å˜ã®ã™ã¹ã¦ã®å‹•ç”»ã‚’WebMã®ãƒ“デオコーデックVP8ã«å¯¾å¿œã™ã‚‹ã‚ˆã†å¤‰æ›ã™ã‚‹è¨ˆç”»ã 。H.264ã®ã‚µãƒãƒ¼ãƒˆã¯ç¶™ç¶šã™ã‚‹ã€‚ ç±³Google傘下ã®YouTubeã¯4月19日（ç¾åœ°æ™‚間）ã€åŒã‚µãƒ¼ãƒ“ス上ã®ã™ã¹ã¦ã®å‹•ç”»ã®ã‚³ãƒ¼ãƒ‡ãƒƒã‚¯ã‚’「WebMã€å½¢å¼ã«å¯¾å¿œã™ã‚‹ã‚ˆã†å¤‰æ›ã—ã¦ã„ã計画を発表ã—ãŸã€‚æ–°è¦ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹å‹•ç”»ã¯WebMã«è‡ªå‹•çš„ã«å¤‰æ›ã•ã‚Œã‚‹ã»ã‹ã€æ—¢ã«å…¨å‹•ç”»ã®30ï¼…ãŒå¤‰æ›æ¸ˆã¿ã¨ã„ã†ã€‚ WebMã¯GoogleãŒ2009å¹´5月ã«ç™ºè¡¨ã—ãŸHTML5æº–æ‹ ã®ã‚ªãƒ¼ãƒ—ンソースã®ãƒ“デオプラットフォーム。Mozillaã¨OperaãŒæ”¯æŒã—ã¦ã„ã‚‹ãŒã€ç±³Microsoftã¨ç±³Appleã¯MPEG LAコンソーシアムãŒæ‰€æœ‰æ¨©ã‚’æŒã¤ãƒ©ã‚¤ã‚»ãƒ³ã‚¹æ–™ãŒå¿…è¦ãªãƒ“デオコーデック「H.264ã€ã‚’採用ã—ã¦ã„る。Googleã¯ã€è†¨å¤§ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’æ“ã—ã€å½±éŸ¿åŠ›ã®å¼·ã„YouTubeã§WebMを採用
Update on Google Docs offline and the new Chrome Web Store - Official Google Docs Blog
Update on Google Docs offline and the new Chrome Web Store Tuesday, December 07, 2010 Labels: documents, Google Apps Blog, offline The Chrome Web Store was announced at the Chrome event in San Francisco today, giving Chrome users an easy way to discover a broad range of amazing web apps. You can install our Google Docs web app by clicking Install on our store landing page. This will add a handy sh
GoogleãŒHTML5ã®å®Ÿé¨“å ´ã‚’å…¬é–‹ã€å¦ç¿’ã‹ã‚‰ã‚³ãƒ¼ãƒ‰ã®å®Ÿè¡Œã¾ã§ ã€å¢—ç”°(maskin)真樹】 | TechWave（テックウェーブ）
1990年代åˆé ã‹ã‚‰è¨˜è€…ã¨ã—ã¦ã¾ãŸèµ·æ¥å®¶ã¨ã—ã¦ITスタートアップæ¥ç•Œã®ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‹ã‚‰ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®äº‹æ¥å‰µå‡ºã«é–¢ã‚る。シリコンãƒãƒ¬ãƒ¼ã‚„EUç‰ã§ã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—を経験。日本ã§ã¯ãƒãƒƒãƒˆã‚¨ã‚¤ã‚¸ç‰ã«æ‰€å±žã€å¤§æ‰‹ä¼æ¥ã®æ–°è¦äº‹æ¥å‰µå‡ºã«å”力。ブãƒã‚°ã‚„SNSã€LINEãªã©ã®èª•ç”Ÿã‹ã‚‰æ™®åŠæˆé•·ã¾ã§ã‚’最å‰ç·šã§è¦‹ã¦ããŸç”Ÿãå—引ã¨ã—ã¦æ³¨ç›®ã•ã‚Œã‚‹ã€‚通信ã‚ャリアã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒãƒ¼ã‚¿ãƒ«ã®å‰µæ¥ãƒ‡ã‚¹ã‚¯ã¨ã—ã¦æ•°å„„PV事æ¥ã«ã€‚世界最大IT系メディア（スペイン）ã®å…ƒæ—¥æœ¬ç·¨é›†é•·ã€World Innovation Lab(WiL)ãªã©ã‚’経ã¦ã€ç¾åœ¨ã€ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—支æ´å´ã®å–り組ã¿ã«æ³¨åŠ›ä¸ã€‚ ç±³Googleã¯ç¾åœ°æ™‚é–“ã®6月22æ—¥ã€HTML5開発を支æ´ã™ã‚‹ã‚µã‚¤ãƒˆã€ŒHTML5 Rocksã€ã‚’公開ã—ãŸã€‚ サイトã§ã¯HTML5開発ã®å„ç¨®æƒ…å ±ã®ã»ã‹ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ãã—ã¦ã‚µã‚¤ãƒˆä¸Šã§HTML5関連コードを編集ã—ã¦å®Ÿè¡Œã§ãるプレイグラウンドをæä¾›ã—ã€å¦ã³ãªãŒ
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
Googleã€HTML5ã¸ã®ã‚·ãƒ•ãƒˆã§ã€ŒGearsã€çµ‚了ã¸
GoogleãŒWebアプリã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³åŒ–を実ç¾ã™ã‚‹æ‹¡å¼µæ©Ÿèƒ½ã€ŒGearsã€ã‚’終了ã—ã€HTML5ã¸ã®å–り組ã¿ã‚’強化ã™ã‚‹ã¨æ£å¼ã«ç™ºè¡¨ã—ãŸã€‚ ç±³Googleã¯2月19æ—¥ã€Webアプリã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³åŒ–ã‚’å¯èƒ½ã«ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソースã®æ‹¡å¼µæ©Ÿèƒ½ã€ŒGearsã€ã‚’HTML5ãªã©ã®Web標準ã«ç§»è¡Œã—ã€Gearsã®é–‹ç™ºã¯çµ‚了ã™ã‚‹ã¨ç™ºè¡¨ã—ãŸã€‚ åŒç¤¾ãŒ1月ã«ãƒªãƒªãƒ¼ã‚¹ã—ãŸWebブラウザ「Google Chrome 4ã€ã§ã¯Gearsã§å®Ÿç¾ã—ã¦ããŸæ©Ÿèƒ½ã®å¤šãã‚’Web標準ã§ã‚µãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€ä»Šå¾Œã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã•ã‚‰ã«Gearsã®æ©Ÿèƒ½ã‚’Web標準ã®APIã«ç½®ãæ›ãˆã¦ã„ãã¨ã„ã†ã€‚ Gearsã¯ã€GoogleãŒ2007å¹´5月ã«ã€ŒGoogle Gearsã€ã¨ã—ã¦å…¬é–‹ã—ãŸWebブラウザã®æ‹¡å¼µæ©Ÿèƒ½ã§ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«æŽ¥ç¶šã§ããªã„環境ã§ã‚‚Webアプリを利用ã§ãるよã†ã«ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã€‚2008å¹´ã«ã‚ªãƒ¼ãƒ—ン性を強調ã™ã‚‹ãŸã‚Gearsã¨å称変更ã•ã‚Œ
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Step inside the map with Google MapsGL
https://jp.techcrunch.com/2011/09/01/20110831googles-new-html5-chrome-apps-for-gmail-calendar-and-docs-give-users-offline-access/
OK Go play with HTML5
GoogleãŒFlashã‚’HTML5ã«å¤‰æ›ã™ã‚‹ãƒ„ールを公開（ãŸã ã—ã¾ã 実験段階） | Html5 Collect
Google I/O 2011 -- Sessions Creating Accessible Interactive Web Apps using HTML5
音声入力API“HTML Speech Inputâ€ã«å¯¾å¿œã—ãŸã€ŒGoogle Chromeã€v11ã®æ£å¼ç‰ˆãŒå…¬é–‹
HTML5Rocks - A resource for open web HTML5 developers
Engadget | Technology News & Reviews
Google Turns to HTML5 for Gmail's New Drag-and-Drop Attachments
{{#tags}}- {{label}}
{{/tags}}