Movatterモバイル変換

[0]ホーム
URL:

ニコニコ大百科

HTML5単語


ニコニコ動画でHTML5の動画を見に行く
エイチティーエムエルファイブ
2.7千文字の記事
  • 6
  • 0pt
掲示板へ
X

HTML5とは、一般に、モダンな（古っぽくない）ウェブ技術の総称である。

概要

もともとHTML5という呼称は通称だったが、のちに正式な仕様書名となっていた。しかし同仕様はその後、HTML Living Standardに改称されたが、W3CがHTML 5という名称の仕様書を公開するなどの混乱があり、最終的には2019年にHTML Living Standardへ統合された。その経緯やHTML仕様自体についてはHTML Living Standardの記事を参照。

今日HTML5という呼称は、Web 2.0のように新しい仕様や新しい技術を指して曖昧に用いられたり、HTML5プレーヤーのように「ブラウザプラグインに依存しないRIA」という意味で使われたりもする。ニコニコ動画では2016年になり、従来のAdobe Flash Playerに依存したニコニコプレーヤーからHTML5プレーヤーへの切り替えを進めている。

つまりHTML5は、大きく分けて以下の3つの意味を持つ。

この記事では、2016年現在において比較的新しい仕様をいくつか取り上げる。

HTML 4.01 や XHTML 1.1 との違い

HTML 4.01などの旧来のHTML仕様は、SGMLという言語の一種（SGMLと互換性がある）として作られたが、SGMLとして構文解析を行うブラウザはなかった。HTML標準はXMLなどと同じく、SGMLの派生（SGMLと互換性がない）としてHTML構文を定義した。[1]HTML標準では、XMLと互換性のある構文としてXHTML構文も定義している。

HTML標準の定義されている要素（タグ）や属性は、HTML 4.01、およびXHTML 1.1を引き継いでおり、策定が中止されたXHTML 2.0の構想も一部含む。

またHTML標準は、要素（タグ）や属性の意味を定義するだけでなく、従来別の仕様だった「HTMLにおけるDOM」も定義している。さらにWeb Workersというバックグラウンド処理を行うAPIなども含まれており、全体としてかなり大きな仕様書となった。

HTML Living Standardに含まれるもの

動画や音楽の再生exit

動画及び音楽再生は、従来のHTMLでは不可能でAdobe Flash PlayerやWindowsSilverlight等のブラウザプラグインと呼ばれるソフトウェアが必要であった。だが、このプラグインはセキュリティ問題の温床となりやすく、動作が重いという欠点があった。この欠点を解消した機能と言える。

動画再生は上記のAdobe Flash Playerで行われる場合が多かったが、iPhoneのAdobe Flash Player未対応（この未対応に関して当時のAppleの社長だったスティーブ・ジョブズが「Flashは有害である」と発言した）により、一気にブラウザプラグインに依存しない動画再生への移行が進んだ。

video要素（<video>タグ）やaudio要素が用いられる。

2D描画コンテキストexit (Canvas 2D)

その名の通り2Dで描くためのAPI。これによって、従来Java AppletやAdobe Flash Playerを作っていたお絵かきBBSのペイントツールやお絵かきチャットが、プラグイン不要で簡単に実装できるようになった。RPGツクールMVもこの機能を用いている。

canvas要素が用いられる。

Web Storageexit

Cookieによく似ているが大容量のため、様々な事が出来る。

HTML Living Standard以外の標準仕様

WebGL[2]

3Dを表示するためのAPIであるOpenGLをウェブ上でも使えるようにした物。これによりウェブ上での3D表現が大幅に向上し、ウェブゲーム開発の幅が一気に広がった。UnityやUnreal Engine 4がこのWebGL出力モードを搭載している。また、RPGツクールMVもこの機能を用いている。

canvas要素が用いられる。

File APIexit[3]

文字通り、ファイル（の中身）を操作するためのAPI。ユーザーが選択したローカル上のファイルをブラウザに取り込み、サーバーと通信することなく扱うことが出来る。

クリップボードの操作exit[4]

ユーザーがクリックしたタイミングなどで任意のデータをクリップボードへコピーしたり、切り取り、コピー、貼り付けを監視したり出来る。

CSS3 / CSS4 について

「CSS3」や「CSS4」と呼べる仕様はないが、HTML5と似たように、比較的新しいCSSの仕様書や技術を指した総称として用いられているようだ。

CSS 2.1は巨大な仕様であったため、勧告までに非常に長い時間がかかった。そのためCSS 2.1より後の仕様書は、機能ごとに分けて策定作業が進められることになった。CSS 2.1に含まれていた機能の後継仕様は「CSSColorModuleLevel 3」のように「Level 3」から番号が振られているが、CSS 2.1に存在しなかった機能の仕様書は「Level 1」から番号付けされる。

たとえば「CSS Flexible BoxLayoutModuleLevel 1」は、俗に「CSS3 Flexbox」と呼称されている。CSS以外でも利用されるため、CSSを冠しなくなった「SelectorsLevel 3」「SelectorsLevel 4」は、俗に「CSS3セレクタ」「CSS4セレクタ」と呼ばれることがある。

なお、CSS関連についてはW3Cで策定が進められている仕様が多い。

ハイブリットアプリケーション

HTML（とCSSとJavaScript）の機能を用いて作ったPCやスマホ上で動くアプリケーションの事。従来のHTMLやウェブアプリケーションの知識を流用でき、ウェブ上でもPCやスマホ上でも動かさせるマルチプラットフォームのアプリケーションを比較的簡単に制作できる利点がある。RPGツクールMVで製作したゲームがこれにあたる。

関連動画

外部リンク

関連項目

脚注

  1. *このHTML構文では、<imgsrc="url"alt="" /> のようなXMLと互換性のある書き方も可能となっている。
  2. *Khronos Groupで策定が進められている。
  3. *W3Cで策定が進められている。
  4. *W3Cで策定が進められている。
関連記事

親記事

子記事

  • なし

兄弟記事

  • なし

【スポンサーリンク】

  • 6
  • 0pt
  • ページ番号:5453988
  • リビジョン番号:3242174
  • 編集内容についての説明/コメント:
    • ニコニコ市場ブログパーツ廃止に伴い、該当場所を削除
記事編集編集履歴を閲覧
スマホ版URL:
https://dic.nicovideo.jp/t/a/html5

この記事をもとに新規記事を作成

一般単語や、ニコニコの各サービスに関する記事などは、単語記事をご利用ください。
単語記事は、プレミアム会員のみが編集できます。

※不明なエラーが発生しました。時間をおいて再度お試しください。※プレミアム会員では無いため記事を作成できません。
x
facebook
hatena

ニコニ広告で宣伝された記事

この記事の掲示板に最近描かれたお絵カキコ

お絵カキコがありません

この記事の掲示板に最近投稿されたピコカキコ

ピコカキコがありません

HTML5

28ななしのよっしん非表示
2018/12/12(水) 00:45:15このレスはあなたに表示されませんこのIDはあなたに表示されません ID: TW17pb/XIK
何年もかけて軽量化やバグ取りしてきたものと比べるのもかわいそうではあるけどね
👍
高評価
0
👎
低評価
0
29ななしのよっしん非表示
2019/03/20(水) 18:17:21このレスはあなたに表示されませんこのIDはあなたに表示されません ID: 9MgvND6+gS
運営「左右反転再生機能を追加しました【PC版ニコニコ動画】」（どやぁ）
必要ない無駄な機能ばかり付けて使いやすさとかは改善しようともしない ホント馬鹿
👍
高評価
0
👎
低評価
0
30ななしのよっしん非表示
2019/10/04(金) 03:41:50このレスはあなたに表示されませんこのIDはあなたに表示されません ID: 2KCsP3jFkn
ゲーム関連、ブラウザの仕様に合わせて更新しなきゃならんのがつらいところやね
まあflashもそうだったんだろうけど
👍
高評価
0
👎
低評価
0
31ななしのよっしん非表示
2020/08/21(金) 01:21:21このレスはあなたに表示されませんこのIDはあなたに表示されません ID: v6TBU/tE94
>>30flash前提でシステム作るのと前のシステムを移植するのって大分レベル違くね？後者の方がハードル高い印象
👍
高評価
0
👎
低評価
0
32ななしのよっしん非表示
2020/12/06(日) 23:48:43このレスはあなたに表示されませんこのIDはあなたに表示されません ID: jyRYtuf0uG
リリースから6年経ち、一昨年旧HTML4.01が廃止勧告され、昨年W3CとWHATWGのHTML標準仕様が統一されてバージョンの概念が消失し正式名称がHTML Living Standardになった影響かしらんけど
徐々に「HTML5」が死語化しつつある「HTML」表記が普通になってきてる気がする
もはやHTML5という単語は古きインターネット時代への郷愁が漂う文脈でFLASH等と対比される概念になった、はやや言い過ぎかな。FLASH亡き後の来年以降は本格的にインターネット老人会判別懐古ワードになりそう
👍
高評価
0
👎
低評価
0
33ななしのよっしん非表示
2021/02/06(土) 22:04:19このレスはあなたに表示されませんこのIDはあなたに表示されません ID: eFcfXYx5/M
html5になってから動画は途切れ途切れになるわシーク溜めれば見れたFlashと違って見れなくなるわで今のところ使いづらくなっただけの劣化Flashだわ
👍
高評価
0
👎
低評価
0
34ななしのよっしん非表示
2021/02/28(日) 18:34:11このレスはあなたに表示されませんこのIDはあなたに表示されません ID: 4P7yHuJ7Ep
2020年12月31日、AdobeFLASH終了
2021年1月28日、W3CHTML5.1/5.2廃止
HTML5もFLASHの後を追って墓場へ行ったようだR.I.P.
これでバズワードとしてのHTML5も完全に役目を終えたな
Web2.0やHTML5を継ぐ今時のモダンなWeb技術を象徴する流行語はSPA/PWAあたりかな？
👍
高評価
1
👎
低評価
0
35ななしのよっしん非表示
2022/10/13(木) 16:20:10このレスはあなたに表示されませんこのIDはあなたに表示されません ID: hQH1dwSYSN
つってもほぼHTML Living Standardに名前変わっただけじゃないのか？
しかも長いから未だに（JavaScript＋CANVASで作られたゲームは）
未だにHTML5ゲームとか呼ばれることが多い気がする
👍
高評価
0
👎
低評価
0
36ななしのよっしん非表示
2022/10/21(金) 13:19:01このレスはあなたに表示されませんこのIDはあなたに表示されません ID: jyRYtuf0uG
>>35
HTML5ゲームという呼称も元々FLASHゲームの対義語だったからFLASH廃止後は役目を終えた感あるな
代わりにかつて総称だったブラウザゲームとか、スマホゲーム(アプリ版)の対義語でWeb版みたいな呼称が広まってきてる希ガス
最近はPCゲームのWeb体験版がWebAssembly実装で公式サイトに展開されててスマホのブラウザで普通に遊べたりするんだよな
そういう時あ、FLASH超えたなって思うｗ
👍
高評価
0
👎
低評価
0
37ななしのよっしん非表示
2022/11/10(木) 12:59:34このレスはあなたに表示されませんこのIDはあなたに表示されません ID: hQH1dwSYSN
確かにプレイヤー側にはもうJavaScriptとUnityとWebAssemblyを区別する必要なんか無いか…
👍
高評価
0
👎
低評価
0

急上昇ワード改

2025/04/25(金)02時00分 現在

おすすめトレンド

ニコニコニューストピックス

‎@nico_nico_pediaのポスト

@nico_nico_pediaさんのポスト
@nico_nico_pediaをフォロー
スマートフォン版表示に変更
[8]ページ先頭
©2009-2025 Movatter.jp