HTML5講座0回
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
おはこんばんにちわ
アブナイお兄ちゃんです。
ウェブの歴史は初代ウェブブラウザのモザイクから始まり
その上で動くマークアップ言語HTMLにより進化してきました
HTML5になってから数年が経ちましたが
HTML5って何できるの?っていうのを
ざっくりサンプル作りながらこの講座でまとめたいと思います
そもそもHTML5とは・・・(以下ウィキより抜粋)
HTML5(エイチティーエムエル・ファイブ)とは HTML の 5 回...
XML の文法で記述する場合、XHTML5 と呼ばれる
HTML5 は WHATWG によって2004年に定められた Web Applicati...
W3C の専門委員会に採用され、W3C より2008年1月22日にドラ...
といっても全部網羅するのは膨大なので
以下のワードをHTML5で特にメジャーな仕様として抑えておけば...
audioタグ、videoタグ、canvasタグ、CSS3、要素のドラッグ&...
File API、WebGL、WebRTC
HTML5は以下のタグから始まります
<!DOCTYPE html>
全体的にマルチメディア操作、ブラウザ間通信、モバイル対応...
・audioタグ
HTML5では標準で音声ファイル再生をするためのタグが用意され...
・videoタグ
HTML5では標準で動画再生をするためのタグが用意されています
これにより動画フォーマット別にembbedタグを使う必要がなく...
ただし、まだブラウザによって再生できない動画フォーマット...
また、ウェブカメラから取得した映像をブラウザ上で表示させ...
・canvasタグ
画面上の一部にjavascriptのAPIで自由に描画できる領域を作成...
お絵かきソフトなどがブラウザ上で作成できます。
・CSS3
CSS2からの拡張です
大きなところではCSSで要素のアニメーションや3D表現ができ...
・要素のドラッグ&ドロップ
標準のイベントで要素のドラッグ&ドロップがサポートされる...
従来どおりjQueryを使う方法もあります
・File API
ブラウザ上からファイルを参照できるようになりました
これにより、ファイルを読み書きするという処理をブラウザ側...
・WebGL
OpenGLの3D描画処理をjavascript経由で呼び出すことができる...
canvasタグ上に3D描画します
・WebRTC
W3Cが提唱するリアルタイムコミュニケーション用のAPIの定義...
プラグイン無しでウェブブラウザ間のボイスチャット、ビデオ...
もう少し詳しく知りたい人は以下のリンクみてください
http://www.htmq.com/api/
また、まだ完全に全てのブラウザがHTML5に対応しきれているわ...
PCのChrome,Firefox,Safariは大体動きますが
一部IEやスマホのブラウザなどは対応していなかったりします。
#vote(○[1],△[0],×[0])
終了行:
おはこんばんにちわ
アブナイお兄ちゃんです。
ウェブの歴史は初代ウェブブラウザのモザイクから始まり
その上で動くマークアップ言語HTMLにより進化してきました
HTML5になってから数年が経ちましたが
HTML5って何できるの?っていうのを
ざっくりサンプル作りながらこの講座でまとめたいと思います
そもそもHTML5とは・・・(以下ウィキより抜粋)
HTML5(エイチティーエムエル・ファイブ)とは HTML の 5 回...
XML の文法で記述する場合、XHTML5 と呼ばれる
HTML5 は WHATWG によって2004年に定められた Web Applicati...
W3C の専門委員会に採用され、W3C より2008年1月22日にドラ...
といっても全部網羅するのは膨大なので
以下のワードをHTML5で特にメジャーな仕様として抑えておけば...
audioタグ、videoタグ、canvasタグ、CSS3、要素のドラッグ&...
File API、WebGL、WebRTC
HTML5は以下のタグから始まります
<!DOCTYPE html>
全体的にマルチメディア操作、ブラウザ間通信、モバイル対応...
・audioタグ
HTML5では標準で音声ファイル再生をするためのタグが用意され...
・videoタグ
HTML5では標準で動画再生をするためのタグが用意されています
これにより動画フォーマット別にembbedタグを使う必要がなく...
ただし、まだブラウザによって再生できない動画フォーマット...
また、ウェブカメラから取得した映像をブラウザ上で表示させ...
・canvasタグ
画面上の一部にjavascriptのAPIで自由に描画できる領域を作成...
お絵かきソフトなどがブラウザ上で作成できます。
・CSS3
CSS2からの拡張です
大きなところではCSSで要素のアニメーションや3D表現ができ...
・要素のドラッグ&ドロップ
標準のイベントで要素のドラッグ&ドロップがサポートされる...
従来どおりjQueryを使う方法もあります
・File API
ブラウザ上からファイルを参照できるようになりました
これにより、ファイルを読み書きするという処理をブラウザ側...
・WebGL
OpenGLの3D描画処理をjavascript経由で呼び出すことができる...
canvasタグ上に3D描画します
・WebRTC
W3Cが提唱するリアルタイムコミュニケーション用のAPIの定義...
プラグイン無しでウェブブラウザ間のボイスチャット、ビデオ...
もう少し詳しく知りたい人は以下のリンクみてください
http://www.htmq.com/api/
また、まだ完全に全てのブラウザがHTML5に対応しきれているわ...
PCのChrome,Firefox,Safariは大体動きますが
一部IEやスマホのブラウザなどは対応していなかったりします。
#vote(○[1],△[0],×[0])
ページ名: