HTML5
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
-[[どうしてHTML5が廃止されたのか:https://future-architect...
HTML5 + CSS3 = 次のWeb標準？
-[[HTML5]]
-[[CSS3]]
-[[いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2...
--------
-[[HTML5 草案:http://dev.w3.org/html5/spec/Overview.html]]
-[[HTML5-Developers-jp:http://groups.google.com/group/htm...
-[[HTML5.JP:http://www.html5.jp/]]
--[[HTML関連英文書の日本語訳:http://www.html5.jp/trans/in...
---[[HTML5のFAQ:http://www.html5.jp/trans/whatwg_html5faq...
---[[HTML4との違い:http://www.html5.jp/trans/w3c_differen...
--[[html5doctor 日本語訳:http://www.html5.jp/html5doctor/...
-[[HTML5 関連情報メモ:http://www.junglejava.jp/archives/2...
-[[HTML5 を学ぶための情報源まとめ:http://hyper-text.org/a...
-[[HTML5, きちんと。:http://www.slideshare.net/myakura/ht...
-[[グーグルが賭けるHTML 5の未来:http://www.atmarkit.co.jp...
-[[HTML5はFlashやSilverlightを不要なものにする:http://www...
-[[HTML 5 Web Sockets vs. Comet and Ajax:http://www.infoq...
-[[Adobe AIR/FlashはHTML5と連携しモバイルにも進出:http://...
-[[iPhone OSのFlash排除で、HTML5/JavaScriptだけがマルチプ...
-[[WebKit／Google Chrome開発者に聞く、HTML5最前線:http://...
-[[HTML5仕様、2014年の勧告目指す:http://www.itmedia.co.jp...
* 概要 [#saea271e]
-[[5分で把握するHTML5 - Google Developer Dayセッションリ...
-[[HTML5 Web Messagingが変えるWebアプリ開発（ダイジェスト...
-Webブラウザベンダが参加するWHATWGコミュニティによって作...
-以下が可能になる
--2D/3Dグラフィックス操作
--動画や音声の再生
--オフラインWebアプリケーション（Web Applications 1.0）
--クロスドメイン通信
--クライアントサイドデータベース（SQLストレージAPI）
--バックグラウンドプロセス
--サーバからのデータプッシュ
--多様な入力フォーム（Web Forms 2.0）
-一部の機能はすでに最新のWebブラウザに実装されている
-スケジュール
--2009年3月にワーキングドラフトの最終版を発表
--2009年6月に準備リコメンデーションを発表
--2010年6月にプロポーザルリコメンデーションを発表
--2010年9月にHTML5をW3C勧告として公表
* HTML5 [#l606ef53]
-[[HTML5のレイアウト要素:http://codezine.jp/article/detai...
-[[HTML 5 — HTML 4 からの変更点:http://standards.mitsue.c...
-フォームの強化
--input要素のtype属性に指定できる型の追加
--フォームに入力された値を検証する仕組みの追加
---入力が必須である事を表すrequired属性
---入力値のパターンを表すpattern属性 (正規表現で指定)
-canvasタグ
--任意のグラフィックを自由に描画できる領域として、canvas...
--幅と高さを指定したcanvasを定義し、あとはJavaScriptコー...
-メディア要素(videoタグ、audioタグ)
--JavaScriptコードを用いて操作し、再生・停止・頭出しなど...
-文書構造をより明確に表すsectionやarticleといった要素
-メニュー項目を作成するためのmenuタグやcommandタグ
-progress(進捗バー), meter(メーター)
* 機能 [#d9b25cc4]
-[[詳解! HTML 5と関連APIの最新動向 - 新タグ&API編:http://...
-[[詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編:http...
** Web Storage [#y004616a]
-[[日本語訳:http://www.html5.jp/trans/w3c_webstorage.html]]
-クライアント内にデータを永続化するための機構。StorageとD...
-Storage
--キー/バリューの形式で永続化できる
--キーと値はどちらも文字列である必要がある
--localStorage ... ドメインごとに保存され、永続化期間は無...
--sessionStorage ... ウィンドウごと保存され、永続化期間は...
-Database
--SQLを用いてアクセスする事の出来る永続化領域
--非同期APIと同期APIの双方を用いてアクセスすることができる
--非同期APIは扱いにくい分、データアクセスがバックグラウン...
-大きなデータを蓄積できるので、ユーザーエクスペリエンスの...
** Web Workers [#ad5da498]
-バックグラウンドで動作するJavaScriptスレッド
-「重い」処理を行うJavaScriptコードも、ワーカで実行するよ...
-メインページのJavaScriptとワーカ、もしくはワーカ同士はJa...
-SharedWorker ... 複数のウィンドウ間で共有
-Persistent Worker ... ブラウザのウィンドウを閉じても動作...
」
** The Web Sockets API [#n5ce2b7d]
-[[日本語訳:http://www.html5.jp/trans/w3c_websockets.html]]
-JavaScriptからサーバーとの双方向通信を行いメッセージ交換...
-サーバ側でもWeb Socketsへの対処を必要とされるが、HTTPを...
** Offline Web Applications [#o02d8b13]
-[[日本語訳:http://www.html5.jp/trans/w3c_offline_webapps...
-次の2つで実現
--SQL-based database API ... ローカルにデータを保存する
--offline application HTTP cache ... ユーザーがネットワー...
* ブラウザ [#oac81f0f]
-[[Browser support for CSS3 and HTML5:http://www.deepblue...
-[[FindMeByIP.com:http://www.findmebyip.com/]] ... 自分の...
-[[HTML5のコーデック策定決裂:http://d.hatena.ne.jp/satox/...
-[[HTML5 video、ブラウザ対応状況とコーデックまとめ:http:/...
-[[Safari Dev Center:http://developer.apple.com/safari/]]
-[[Mozilla Developer Center:https://developer.mozilla.org...
** IE9 [#wbc51a96]
-[[IE 9、HTML5互換性でChromeやFirefoxを突き放す:http://ww...
-[[IE9で「HTML5への愛」を強調するMicrosoft:http://www.itm...
--[[Internet Explorer 9初披露、HTML5対応、DirectXで描画。...
** ブラウザ補完計画 [#qe9798cb]
-[[ExplorerCanvas:http://excanvas.sourceforge.net/]] ... ...
-[[Modernizr:http://www.modernizr.com/]] ... 対応状況チェ...
* ライブラリ・フレームワーク [#odc3729f]
-[[html5lib:http://code.google.com/p/html5lib/]]
-[[AjaxフレームワークのYUI2.8.0がHTML5ライクなクライアン...
-[[RGraph: HTML5 canvas graph library based on the HTML5 ...
-[[Canvasを活用するJavaScriptライブラリ「LibCanvas」:http...
* HTML5 サンプル [#w2672c4f]
-[[SketchPadを見ずしてHTML5を語るなかれ:http://www.atmark...
-[[デザイナーのためのHTML5リソースまとめ:http://www.desig...
-[[(株)あゆた - HTML5サンプル集:http://ayuta.co.jp/html5-...
-[[Bespin:https://mozillalabs.com/bespin/]] ... <canvas> ...
-[[Chrome Experiments:http://www.chromeexperiments.com/]]
* HTML5 活用事例 [#f916e293]
-[[Apple HTML5 showcase:http://www.apple.com/html5/]] ......
-[[GoogleのChromeチームがHTML5電子書籍「20 Things I Learn...
-[[mbtweet:http://taiyolab.com/mbtweet/about.html]] ... H...
-[[iPad向けHTML5ベースの動画配信技術、Brightcoveが提供:ht...
-[[Google開発者が「Quake II」をHTML5に移植 ブラウザでプ...
-[[HTML5/JavaScriptの遊べるゲームライブラリ「Akihabara」...
-[[で、実際のところHTML5でどのくらいのアプリが実装できる...
-[[HTML5 VideoでiPadがデジタルサイネージに！:http://ascii...
-[[ニコニコ動画、HTML5に対応へ 9月末予定:http://www.itme...
-[[HTML5で制作したサイト「The Shodo」を解剖する:http://it...
-[[3Dの「夢の世界」をマウスでぐりぐり HTML5を使ったミュ...
終了行:
-[[どうしてHTML5が廃止されたのか:https://future-architect...
HTML5 + CSS3 = 次のWeb標準？
-[[HTML5]]
-[[CSS3]]
-[[いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2...
--------
-[[HTML5 草案:http://dev.w3.org/html5/spec/Overview.html]]
-[[HTML5-Developers-jp:http://groups.google.com/group/htm...
-[[HTML5.JP:http://www.html5.jp/]]
--[[HTML関連英文書の日本語訳:http://www.html5.jp/trans/in...
---[[HTML5のFAQ:http://www.html5.jp/trans/whatwg_html5faq...
---[[HTML4との違い:http://www.html5.jp/trans/w3c_differen...
--[[html5doctor 日本語訳:http://www.html5.jp/html5doctor/...
-[[HTML5 関連情報メモ:http://www.junglejava.jp/archives/2...
-[[HTML5 を学ぶための情報源まとめ:http://hyper-text.org/a...
-[[HTML5, きちんと。:http://www.slideshare.net/myakura/ht...
-[[グーグルが賭けるHTML 5の未来:http://www.atmarkit.co.jp...
-[[HTML5はFlashやSilverlightを不要なものにする:http://www...
-[[HTML 5 Web Sockets vs. Comet and Ajax:http://www.infoq...
-[[Adobe AIR/FlashはHTML5と連携しモバイルにも進出:http://...
-[[iPhone OSのFlash排除で、HTML5/JavaScriptだけがマルチプ...
-[[WebKit／Google Chrome開発者に聞く、HTML5最前線:http://...
-[[HTML5仕様、2014年の勧告目指す:http://www.itmedia.co.jp...
* 概要 [#saea271e]
-[[5分で把握するHTML5 - Google Developer Dayセッションリ...
-[[HTML5 Web Messagingが変えるWebアプリ開発（ダイジェスト...
-Webブラウザベンダが参加するWHATWGコミュニティによって作...
-以下が可能になる
--2D/3Dグラフィックス操作
--動画や音声の再生
--オフラインWebアプリケーション（Web Applications 1.0）
--クロスドメイン通信
--クライアントサイドデータベース（SQLストレージAPI）
--バックグラウンドプロセス
--サーバからのデータプッシュ
--多様な入力フォーム（Web Forms 2.0）
-一部の機能はすでに最新のWebブラウザに実装されている
-スケジュール
--2009年3月にワーキングドラフトの最終版を発表
--2009年6月に準備リコメンデーションを発表
--2010年6月にプロポーザルリコメンデーションを発表
--2010年9月にHTML5をW3C勧告として公表
* HTML5 [#l606ef53]
-[[HTML5のレイアウト要素:http://codezine.jp/article/detai...
-[[HTML 5 — HTML 4 からの変更点:http://standards.mitsue.c...
-フォームの強化
--input要素のtype属性に指定できる型の追加
--フォームに入力された値を検証する仕組みの追加
---入力が必須である事を表すrequired属性
---入力値のパターンを表すpattern属性 (正規表現で指定)
-canvasタグ
--任意のグラフィックを自由に描画できる領域として、canvas...
--幅と高さを指定したcanvasを定義し、あとはJavaScriptコー...
-メディア要素(videoタグ、audioタグ)
--JavaScriptコードを用いて操作し、再生・停止・頭出しなど...
-文書構造をより明確に表すsectionやarticleといった要素
-メニュー項目を作成するためのmenuタグやcommandタグ
-progress(進捗バー), meter(メーター)
* 機能 [#d9b25cc4]
-[[詳解! HTML 5と関連APIの最新動向 - 新タグ&API編:http://...
-[[詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編:http...
** Web Storage [#y004616a]
-[[日本語訳:http://www.html5.jp/trans/w3c_webstorage.html]]
-クライアント内にデータを永続化するための機構。StorageとD...
-Storage
--キー/バリューの形式で永続化できる
--キーと値はどちらも文字列である必要がある
--localStorage ... ドメインごとに保存され、永続化期間は無...
--sessionStorage ... ウィンドウごと保存され、永続化期間は...
-Database
--SQLを用いてアクセスする事の出来る永続化領域
--非同期APIと同期APIの双方を用いてアクセスすることができる
--非同期APIは扱いにくい分、データアクセスがバックグラウン...
-大きなデータを蓄積できるので、ユーザーエクスペリエンスの...
** Web Workers [#ad5da498]
-バックグラウンドで動作するJavaScriptスレッド
-「重い」処理を行うJavaScriptコードも、ワーカで実行するよ...
-メインページのJavaScriptとワーカ、もしくはワーカ同士はJa...
-SharedWorker ... 複数のウィンドウ間で共有
-Persistent Worker ... ブラウザのウィンドウを閉じても動作...
」
** The Web Sockets API [#n5ce2b7d]
-[[日本語訳:http://www.html5.jp/trans/w3c_websockets.html]]
-JavaScriptからサーバーとの双方向通信を行いメッセージ交換...
-サーバ側でもWeb Socketsへの対処を必要とされるが、HTTPを...
** Offline Web Applications [#o02d8b13]
-[[日本語訳:http://www.html5.jp/trans/w3c_offline_webapps...
-次の2つで実現
--SQL-based database API ... ローカルにデータを保存する
--offline application HTTP cache ... ユーザーがネットワー...
* ブラウザ [#oac81f0f]
-[[Browser support for CSS3 and HTML5:http://www.deepblue...
-[[FindMeByIP.com:http://www.findmebyip.com/]] ... 自分の...
-[[HTML5のコーデック策定決裂:http://d.hatena.ne.jp/satox/...
-[[HTML5 video、ブラウザ対応状況とコーデックまとめ:http:/...
-[[Safari Dev Center:http://developer.apple.com/safari/]]
-[[Mozilla Developer Center:https://developer.mozilla.org...
** IE9 [#wbc51a96]
-[[IE 9、HTML5互換性でChromeやFirefoxを突き放す:http://ww...
-[[IE9で「HTML5への愛」を強調するMicrosoft:http://www.itm...
--[[Internet Explorer 9初披露、HTML5対応、DirectXで描画。...
** ブラウザ補完計画 [#qe9798cb]
-[[ExplorerCanvas:http://excanvas.sourceforge.net/]] ... ...
-[[Modernizr:http://www.modernizr.com/]] ... 対応状況チェ...
* ライブラリ・フレームワーク [#odc3729f]
-[[html5lib:http://code.google.com/p/html5lib/]]
-[[AjaxフレームワークのYUI2.8.0がHTML5ライクなクライアン...
-[[RGraph: HTML5 canvas graph library based on the HTML5 ...
-[[Canvasを活用するJavaScriptライブラリ「LibCanvas」:http...
* HTML5 サンプル [#w2672c4f]
-[[SketchPadを見ずしてHTML5を語るなかれ:http://www.atmark...
-[[デザイナーのためのHTML5リソースまとめ:http://www.desig...
-[[(株)あゆた - HTML5サンプル集:http://ayuta.co.jp/html5-...
-[[Bespin:https://mozillalabs.com/bespin/]] ... <canvas> ...
-[[Chrome Experiments:http://www.chromeexperiments.com/]]
* HTML5 活用事例 [#f916e293]
-[[Apple HTML5 showcase:http://www.apple.com/html5/]] ......
-[[GoogleのChromeチームがHTML5電子書籍「20 Things I Learn...
-[[mbtweet:http://taiyolab.com/mbtweet/about.html]] ... H...
-[[iPad向けHTML5ベースの動画配信技術、Brightcoveが提供:ht...
-[[Google開発者が「Quake II」をHTML5に移植 ブラウザでプ...
-[[HTML5/JavaScriptの遊べるゲームライブラリ「Akihabara」...
-[[で、実際のところHTML5でどのくらいのアプリが実装できる...
-[[HTML5 VideoでiPadがデジタルサイネージに！:http://ascii...
-[[ニコニコ動画、HTML5に対応へ 9月末予定:http://www.itme...
-[[HTML5で制作したサイト「The Shodo」を解剖する:http://it...
-[[3Dの「夢の世界」をマウスでぐりぐり HTML5を使ったミュ...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
