意味 [2] 元々 HTML5 は Web Forms 2.0 と Web Applications 1.0 により規定される
HTML の文書 の構文や API の総称でした (2005年から2008年くらいまで) が、
次第にその意味が拡大していきました。
元々の HTML5 については、 HTML5 (仕様) を参照。 [3] 2008年から2010年頃には、
00年代半ば以降に Webブラウザー に追加された Web API 、CSS3 、
JavaScript などの新機能はすべて HTML5 と呼ばれるようになりました。
[92] HTML の仕様書 である HTML Standard は、
「HTML5 」という語は現代 Web 技術群を指すバズワード として広く使われている
>>91
[4] その後 HTML5 は「Web 」と同じ意味と理解せざるを得ないほど広い範囲を指すようになっています。
[5] 例えばスマートフォン のアプリ 開発においては、しばしばネイティブアプリ と
「HTML5 アプリ」は対立する開発手法として言及されます。この場合の HTML5
は HTML の他 CSS 、DOM 、JavaScript 、 HTTP その他 Web
関連技術全体を表しています。
[11] HTML5 仕様以前から HTML に含まれていた機能もまた HTML5
と呼ばれることがよくあります。[13] その一方で「Webサイト に HTML5 を導入」といった謎の表現も未だに使われており、
“HTML5 でない Web ”も残っているようです。謎は深まります。 2015-02-23T02:41:14.300Z [7] この結果 HTML5 という言葉は意味をなさなくなり、
仕様としての HTML5 は HTML (HTML Standard ) に改称されています。
HTML Standard は歴史の説明とバズワード の説明 (>>92 )
以外では「HTML5 」という語を使わなくなっています。
[54] 仕様としての HTML5 が消滅した2011年以後の新機能も、
HTML5 (バズワード) の一部ということになっているようです。
[82] 「狭義のHTML5」や「広義のHTML5」のような語が使われることもあるようですが、
それぞれの範囲も曖昧で、用例ごとに異なっています。
3段階に分けて中間を「広義」とし、「広義」より更に広いHTML5 があると言っているものもあり、
「広義」という言葉の定義も気になってきます。
[25] 類義語に「HTML5関連」がありますが、これも何を指しているのか謎です。
「Web関連」や「HTML関連」ではなく「HTML5関連」と限定しているからには HTML5
と何か特別に関係がありそうに思いますが、そのような規則性は今のところ見当たりません。
「Web と同義語である HTML5 (バズワード)」に「関連」しているとしか解釈しようがありません。
[93] 例えばマーク付け言語 機能に限るとか、 WHATWG が開発したものに限るとか、 W3C が HTML5 (仕様) から分割したものに限るとか、200x年までの新機能に限るとか、何らかの「関連」範囲の基準があっても良さそうなものですが...)[26] 例えば HTML5 で追加された canvas 要素 を使う技術である WebGL は「HTML5関連」と言われても納得できます。
しかし他の「HTML5関連」技術に必ずしもそのような明確な関連性が見出せるわけではありません。
間接的にでも関連があればいいのなら Web 関連技術はすべて (もっといえば
Web に関係ないインターネット 技術だって) 「HTML5関連」ということになってしまいますが...[27] 逆に HTML5 (仕様) に含まれていたものも「HTML5関連」技術と言われることがあります。
「関連」には自身も含まれるという解釈なのでしょうか。。。
メモ [17] フロントエンドエンジニアなら知っておきたい「HTML5のセキュリティ問題と対策技術」第44回HTML5とか勉強会レポート #html5j #HTML5|CodeIQ MAGAZINE
(2016-02-01 22:51:04 +09:00 版)
https://codeiq.jp/magazine/2014/02/5736/ HTML5以前からある機能だが、HTML5で新しくなっている。
以前は、同じオリジン内でしか通信ができなかった。しかしHTML5になり、クロスオリジン対応となった。
[18] XHR が初めて標準化されたのは Web Applications 1.0 (通称 HTML5 )
だから HTML5 (仕様) 以前からあるとは言えないし (非標準の機能としては
WA1 以前からあったから言えるのか?)、
CORS 対応になったのは HTML5 (仕様) から独立した遥か後の話で
XHR も CORS も HTML5 (仕様) ではないので、
二重に間違っている。
[19] 必ず覚えておきたいHTML5の特徴と新機能/HTML5完全読本#1-1 | HTML5完全読本―実践テクニックとWebデザインの最新動向 | Web担当者Forum (鈴木 雄太(株式会社トライフォート) 著, 2016-02-01 23:00:19 +09:00 版) http://web-tan.forum.impressrd.jp/e/2014/04/24/17355
[20] HTML5の新機能「Geolocation API」を使用して位置情報を取得する | web helog - HTML、CSS、JavaScriptなどWebに悩む人のネタ帳です。
(2016-02-01 23:10:09 +09:00 版)
http://web.helog.jp/html5/geolocation/ HTML5が公開され、いくつかの新機能が策定されましたが、中でもその有効性が期待されているのが「Geolocation API」です。
[21] HTML5の特徴と代表的な機能 - Webデザインの勉強 | Webサイト制作科 1月20日開講クラス (2016-02-01 19:13:56 +09:00 版) http://d.hatena.ne.jp/web-0818/20150802/p1
[22] >>21 の図によると「狭義のHTML5」、それを含む「一般的なHTML5」、
それを含む「広義のHTML5」があるらしい。どれも HTML5 (仕様) とは一致していないようなので、
どこで誰が定めた「狭義」「一般的」「広義」なのか不思議だ。
「広義」にのみ含まれる「既存機能」には HTML5 (仕様) より新しい WebGL
が含まれているので、どこを基点に「既存」と新規を区別しているのか不思議になる。
[23] HTML5の概要 | WEBサイト制作に必要な知識のまとめ
(2016-02-01 23:24:44 +09:00 版)
http://prismagics.com/2015/12/03/44/ ブロックレベルとインラインレベルの概念がなくなり、
コンテンツモデルという概念が導入されました。
コンテンツモデルとは、
要素(タグ)を用途にあわせて分類して
今まで使っていた要素の使い方が変更されたり
新しい要素が追加されました。
より細かく要素が定義されるようになりました。
これを『セマンティックWeb』という言い方をします。
セマンティックWebにすることで、
見る人だけでなく、ブラウザや検索エンジンなどにページの内容を
理解させやすくすることができます。
[131] >>23 何一つ正しいことが書かれていないので、逆に何をどう思ってこの文章を書いたのか気になる。
[24] HTML5 Conferenceレポート - 「HTTP/2の現状とこれから」編 - 株式会社一燈 エンジニアブログ
(2016-02-01 23:34:08 +09:00 版)
http://blog.itto-inc.net/entry/2015/02/24/010645 HTML5で策定されたService Worker(バックグラウンドでJavaScriptを動かせる仕組みのこと)と連携した新しいプッシュ通知に関する仕様が検討されていることを知りました。
[28] HTML5 の Web Audio API で音楽してみる | CYOKODOG
(2016-02-01 23:44:14 +09:00 版)
http://www.cyokodog.net/blog/web-audio-api-music/
[29] 2016-02-01 23:51:17 +09:00 版)
http://hi-posi.co.jp/tech/?p=150 HTML5のVibration APIとは
端末のバイブレーション機能へアクセスするためのHTML5のAPIのひとつです。
[107] HTML5: Vibration API (2016-10-05 16:44:11 +09:00 ) https://code.tutsplus.com/tutorials/html5-vibration-api--mobile-22585 [108] The HTML5 Vibrate API | George Ornbo (George Ornbo 著, 2016-10-05 05:46:11 +09:00 ) https://shapeshed.com/html5-vibrate-api/ [109] Malicious Use of the HTML5 Vibrate API ← Terence Eden's Blog (2016-10-05 16:44:33 +09:00 ) https://shkspr.mobi/blog/2014/01/malicious-use-of-the-html5-vibrate-api/ [110] HTML5 バイブレーション API | ScrapEngineer (2016-10-05 16:44:42 +09:00 ) http://scrap.php.xdomain.jp/html5_vibration_api/ [30] Reading Files Using The HTML5 FileReader API - Treehouse Blog
(2016-02-01 23:52:52 +09:00 版)
http://blog.teamtreehouse.com/reading-files-using-the-html5-filereader-api HTML5 saw the introduction of a number of new APIs that can be used to handle files in the browser. These APIs make it much easier to accomplish tasks like reading and writing files or uploading a file created using JavaScript.
In this blog post you are going to learn how to use the FileReader API to read the contents of a file from your local hard drive.
[31] HTML5のBattery Status APIでユーザー追跡の可能性が指摘される | スラド IT
(2016-02-01 23:55:31 +09:00 版)
http://it.srad.jp/story/15/08/08/2136235/
[32] HTML5の音声入力とGoogleの翻訳APIを試してみた | Shimabox Blog
(2016-02-01 23:57:35 +09:00 版)
http://blog.shimabox.net/2011/05/03/html5%E3%81%AE%E9%9F%B3%E5%A3%B0%E5%85%A5%E5%8A%9B%E3%81%A8google%E3%81%AE%E7%BF%BB%E8%A8%B3api%E3%82%92%E8%A9%A6%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F/ <input type="text" x-webkit-speech>
[33] HTML5 Fullscreen API - Hongkiat
(2016-01-29 08:37:46 +09:00 版)
http://www.hongkiat.com/blog/html5-fullscreen-api/ In addition to providing several new elements, HTML5 also introduced a set of new APIs including one that we are going to discuss in this post, called Fullscreen API. This API allows us to put our website or just a particular element on the webpage in fullscreen (and vice versa) using the browser’s native functionality.
[34] Using the HTML5 Filesystem API: Eric Bidelman: 9781449309459: Amazon.com: Books
(2016-02-02 00:01:37 +09:00 版)
http://www.amazon.com/Using-HTML5-Filesystem-Eric-Bidelman/dp/1449309453
[35] HTML5 バッテリーAPI | ScrapEngineer
(2016-02-02 00:02:42 +09:00 版)
http://scrap.php.xdomain.jp/html5_battery_api/ HTML5では新たにバッテリーAPIが実装され、バッテリーの情報が取得出来るようになりました。
[36] HTML5 FileSystem APIを使って上書き処理をする方法
(2016-01-27 19:32:44 +09:00 版)
https://www.eisbahn.jp/yoichiro/2015/01/html5-filesystem-api-file-overwrite.html HTML5 FileSystem APIを使うと、ユーザのローカルファイルシステムにファイルを書いたりすることができます。
[37] HTML5 getUserMedia APIでカメラが使ってみる | ScrapEngineer
(2016-02-02 00:03:58 +09:00 版)
http://scrap.php.xdomain.jp/html5_getusermedia_api/ HTML5のgetUserMedia APIでカメラの映像を取得する方法。
またカメラの映像を画像化する方法も記載しました。
[38] 特定の要素を全画面(フルスクリーン)にするFullscreen API
(2015-08-31 12:28:54 +09:00 版)
https://w3g.jp/blog/html5_fullscreen_api HTML5のFullscreen APIは、YouTubeなど動画画面の右下にある全画面表示ボタンを押すと動画部分のみが画面いっぱいに表示されるように、特定の要素を全画面(フルスクリーン)で提供できる機能です。
[39] Boombox.js·HTML5のオーディオ系APIを一つに集約 MOONGIFT
(2016-02-02 00:06:55 +09:00 版)
http://www.moongift.jp/2014/03/boombox-js-html5%E3%81%AE%E3%82%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%82%AA%E7%B3%BBapi%E3%82%92%E4%B8%80%E3%81%A4%E3%81%AB%E9%9B%86%E7%B4%84/ Boombox.jsはHTMLAudio/WebAudio/HTMLVideoの3つのAPIを透過的にサポートするライブラリです。
[40] Developing Modern Applications With HTML5: Web Components - UX+Dev UX+Dev
(2016-02-02 12:34:50 +09:00 版)
http://uxdsummit.com/sessions/developing-modern-applications-with-html5-web-components/ With HTML5 Web Components, you can do just that.
[41] HTML5~最新の技術とプロダクトで</br>Webサイト制作を効率化</br>セミナー開催レポート|ソフト産業プラザ イメディオ iMedio
(2016-02-02 12:36:03 +09:00 版)
http://www.imedio.or.jp/seminar/report150312.php 今回のセミナーは、KDDIウェブコミュニケーションズ・エバンジェリストである阿部正幸氏が講師を務め、HTML5でも人気のCSSフレームワークやWeb Componentsなどを学ぶことをテーマとしています。
[42] >>41 HTML5 (仕様) に「人気のCSSフレームワーク」という概念はないので、
「CSS 」または「CSSフレームワーク 」が HTML5 (バズワード)
に含まれるのか? 「HTML5 でも人気」は Web Components にも掛かっているのかどうか。
HTML5 (バズワード) の構成要素色々の中で、その1つである「CSSフレームワーク 」
や「Web Components 」に人気があると言っているのか、あるいは
「人気のあるCSSフレームワーク 」や「人気のあるWeb Components 」(?)
は HTML5 (バズワード) に含まれるということなのか???
[44] HTML5のWeb Componentsのカスタム要素を収集している・「Custom Elements」 - かちびと.net
(2016-02-02 12:44:39 +09:00 版)
http://kachibito.net/useful-resource/custom-elements Custom ElementsはHTML5のWeb Componentsのカスタム要素を収集したWebサイトです。
[45] HTML5でWebRTCを使ってみよう!「カメラを使ってみよう」編 | HTML5Experts.jp
(2016-02-02 12:45:19 +09:00 版)
https://html5experts.jp/mganeko/5098/ WebRTCとは”Web Real-Time Communication”の略で、Webブラウザ上でビデオ/オーディオの通信や、データ通信を行うための規格です。HTML5で新しく策定されたもので、複数の技術の連携で成り立っています。
[46] WebRTCコトハジメ - Qiita
(2016-02-02 12:47:51 +09:00 版)
https://qiita.com/yusuke84/items/286f569d110daede721e WebRTCはHTML5(広義の意味での)と呼ばれるAPI群の一つですが、2つのAPIから構成されています。
[9] XMLHttpRequest2 に関する新しいヒント - HTML5 Rocks
(2016-02-02 13:22:28 +09:00 版)
http://www.html5rocks.com/ja/tutorials/file/xhr2/ XMLHttpRequest は、HTML5 の世界であまり知られていない優れたオブジェクトの 1 つです。厳密に言うと、XHR2 は HTML5 ではありません。XHR2 は、ブラウザ ベンダーがコア プラットフォームに対して加えている段階的な改良の一部です。
これらの機能により AJAX は、File System API、Web Audio API、WebGL などの最新の HTML5 API·の多くと連携して動作するようになりました。
[10] >>9 XHR 1 は HTML5 だけど XHR 2 は HTML5 ではないということ?
WA1 (当時の通称 HTML5 ) で XHR が初めて標準化 されたのは事実なのだから、
XHR が HTML5 というのは間違いとも言い切れない。しかしその改訂版の XHR2
は「厳密に言うと」 HTML5 ではないという突っ込みができるのなら、
HTML から分離されて数年経ってる XHR1 も HTML5 でないことになぜ気づかないのか謎だw
[61] Which web browsers support the HTML5 <device> tag? - Stack Overflow
(2016-02-02 13:35:47 +09:00 版)
http://stackoverflow.com/questions/3012002/which-web-browsers-support-the-html5-device-tag
[62] PCに接続した周辺機器をコントロール、HTML5 Device :: dotHTML5
(2015-01-04 19:15:22 +09:00 版)
http://dothtml5.com/archives/20100927_device.html
[63] HTML5 仕様 (WHATWG) に picture 要素が追加される | WWW WATCH
(2016-02-02 13:43:10 +09:00 版)
https://hyper-text.org/archives/2014/06/picture_element_add_html5_spec.shtml で、今回、その辺は承知の上で、便宜上わかりやすく (だって HTML5 って書いた方がさ、わかりやすいじゃん・・・) こう書いているだけですので、その辺は悪しからず。
[64] >>63 「HTML 」と書かれている仕様書 とツイート を引用 しながら、
あえて HTML5 と書き換えて紹介し、指摘されても開き直るなど、
相当悪意 がありそうです。
[65] HTML5 - HTML5 <picture> Element | Intel® Developer Zone
(2016-02-02 13:46:20 +09:00 版)
https://software.intel.com/en-us/html5/hub/blogs/html5-picture-element
[66] mainタグの意味と使い方 | HTML | できるネット
(2016-02-02 13:55:19 +09:00 版)
https://dekiru.net/article/12866/ HTML5で追加された新しい要素です。
[67] HTML5の<main>要素は、<article>、<section>要素とどう使い分ければ... - Yahoo!知恵袋
(2016-02-02 13:57:49 +09:00 版)
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11142741676
[68] Chrome37でHTML5のDialog要素を試してみた - Qiita
(2016-02-02 13:59:02 +09:00 版)
https://qiita.com/nobuhito/items/f460043f2b70ca32b0d7
[69] jQueryとWebフォントでスマホの傾きで色の変わるアイコンを作ってみる | スターフィールド株式会社
(2016-02-02 18:50:59 +09:00 版)
http://sterfield.co.jp/designer/jquery%E3%81%A8web%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%81%A7%E3%82%B9%E3%83%9E%E3%83%9B%E3%81%AE%E5%82%BE%E3%81%8D%E3%81%A7%E8%89%B2%E3%81%AE%E5%A4%89%E3%82%8F%E3%82%8B%E3%82%A2%E3%82%A4%E3%82%B3.html HTML5では、デバイスの傾きや加速度といったスマホやタブレット端末独特のセンサーの情報を
JavaScriptで読み取ることが可能です。
[70] SVGフォントを使った外字表現
(藤沢 淳 著, 2016-02-02 18:54:30 +09:00 版)
https://webcache.googleusercontent.com/search?q=cache:sRU7haK8TzYJ:www.w3.org/Style/Japan-2011/fujisawa-gaiji-SVG.pdf 広義のHTML5はHTML5/CSS/SVG/WOFF から構成されるOpen Web Platformを指す
[71] HTML 5 @font-face Font Format Usage - WebIntel by Ironpaper
(2016-02-02 18:57:47 +09:00 版)
http://www.ironpaper.com/webintel/articles/html-5-font-face-font-format-usage/#.VrB9X7KLTIU
[72] HTML5
(2016-01-13 01:33:09 +09:00 版)
http://www.tohoho-web.com/html5/ 狭義の「HTML5」は HTML の第5版を意味しますが、広義の 「HTML5」 は、HTML5, CSS3, Web Storage など下記にあげる様々な技術の総称として用いられます。
HTML
Canvas
CSS
オフラインアクセス
ローカルデータアクセス
Cookie
Web Storage
Web SQLデータベース(Web SQL Database)
Indexed Database API
ファイル操作
File API
通信の強化
XMLHttpRequest Level 2
The WebSocket API
Web Messaging
Server-Sent Events
グラフィック・マルチメディアの強化
SVG
HTML Canvas 2D Context
WebGL
セマンティクスの強化
RDFa
HTML Microdata
microformats
Geolocation API Specification
Selectors API
Web Workers
マイク・カメラ
アドレス帳・カレンダー
端末の向き
audio, video
CSS 3D
[73] サイトを作るとき、必ずmetaタグに書くべきことまとめ | NESTonline Blog
(2016-02-02 19:16:16 +09:00 版)
http://blog.nest-online.jp/8436 HTML5では、descriptionやkeywordsだけではなく、authorの記述も
記載するように、推奨されております。
[74] How to Use the HTML5 Viewport Tag – HTML5 Hive
(2016-02-02 19:23:37 +09:00 版)
https://html5hive.org/how-to-use-the-html5-viewport-tag/
[75] 第52回 Media Queriesで読み込むcssを切り替える|コーディング代行ならコーディングファクトリー
(2016-02-02 19:26:28 +09:00 版)
http://coding-factory.com/cm/cm52.html Media QueriesはHTML5から実装された機能である
[76] インターネット10分講座 HTML5 - JPNIC
(Japan Network Information Center 著, 2016-02-02 19:42:28 +09:00 版)
https://www.nic.ad.jp/ja/newsletter/No55/0800.html 規格としてのHTML5を俯瞰したところで、今度はより広い意味でのHTML5について紹介します。以下、HTML5とした場合は、広義のHTML5のことだと考えてください。
これを打破するのがHTML5だと言われています。一言で言ってしまえば、CやC++用に提供されていたローレベルハードウェア制御用のAPIを、JavaScriptに対して提供しようというものです。
[77] HTML5とは何か(狭義・広義)
(2016-02-02 19:44:38 +09:00 版)
http://uguisu.skr.jp/html/html5_abstract.html 正確に分類すると次のようになります。
[78] >>77 の「正確に分類」によると
「W3CのHTML5仕様(狭義のHTML5)」 <
「一般的にHTML5と呼ばれる範囲(広義のHTML5)」 <
「これらすべてをHTML5と呼ぶこともある」
の3段階があって、「広義」には IndexedDB や XHR2 などが含まれ、
「これらすべて」には SVG や MathML や WebGL や CSS3
もが含まれるそうです。何を根拠に「正確」にそう分類できたのかは不明です。
[79] HTML5入門者がまず知っておきたい基礎知識まとめ - IT業界の動向まとめ
(2016-02-02 19:49:32 +09:00 版)
http://it-matome.hatenadiary.jp/entry/2014/02/08/161142 HTML5は、狭義なHTML5と広義なHTML5とで区別する必要があります。というのも、狭義なHTML5はマークアップ言語、広義なHTML5はCanvasやSVGといった技術を利用するためのAPIを含めたものであり
[80] 次世代Webプラットフォーム「HTML5」が変える未来 PART1. HTML5が秘める3つの「可能性」 | KDDI NEWS | KDDI ナウ | 明日をちょこっとHAPPY!にするデジカル系情報マガジン TIME&SPACE(タイムアンドスペース)
(2016-02-02 09:36:56 +09:00 版)
http://time-space.kddi.com/special/specialreport/20130203/index.html 今回は、広義のHTML5、つまりHTML5+CSS3+JavaScript2.0が実現する次世代のHTML環境について解説しています。
[81] 第8回 HTML5minutes! 〜triton-js〜【本編無料】 - connpass
(2016-02-02 19:52:57 +09:00 版)
http://html5m.connpass.com/event/13162/ HTML5やCSS3、JavaScript、SVG、WebGLなどの周辺領域を含めた「広義のHTML5」
[83] ON HTML5 FIELD | Webデザインとグラフィックの総合情報サイト - MdN Design Interactive -
(2016-02-02 19:57:19 +09:00 版)
http://www.mdn.co.jp/di/articles/2606/ なお、ここではHTML5という言葉を、HTML5仕様とその関連仕様および各ベンダーの実装などを含めた広義のHTML5として使うことにする。
[84] モバイル&クラウドテクノロジー クラウドとウェアラブルデバイスが、「可能性」を「現実」にします。 | 株式会社トップゲート(Google Cloud Platform Partner / Google 技術者集団)
(TOPGATE, Inc. 著, 2016-02-02 19:59:39 +09:00 版)
https://www.topgate.co.jp/cloud-technology CSSやJavaScriptなどを含めた広義のHTML5は、ワンソース・マルチプラットフォームを実現する最新鋭のウェブ技術です。
[85] HTML5 | mzsm.me
(2016-02-02 20:00:15 +09:00 版)
http://mzsm.me/tag/html5/ 最近お仕事で、広義のHTML5と呼ばれるところのJavaScript API、特にIndexed Database API(以下、IndexedDB)を触っています。
[86] HTML5の意義はどこにある? NTTコミュニケーションズ「第1回WebRTC/html5業界動向勉強会」 | ITライフハック
(2016-02-02 20:01:36 +09:00 版)
http://itlifehack.jp/archives/6812 しかし、Androidの4.1(Jelly Bean)以降からは、ChromeブラウザはAdobeのFlashをサポートしなくなった。iOS用のSafariもFlashには非対応なためPC用のブラウザではFlashが組み込まれたページを閲覧できてもスマホやタブレットでアクセスすると閲覧できないという不具合が発生してしまう、
こういった不具合の解消を含めデバイスを問わないマルチプラットフォームのサービス開発が可能で、かつビジュアライゼーション機能の充実・双方向通信・P2P型の通信などに優れた次世代のWebブラウザの標準言語がHTML5だ。このHTML5および広義のHTML技術であるWebRTCが現在注目を浴びている。
[87] 【開催レポート】第6回HTML5 スイーツ交流会 - 【Social Top Runners!】 by HatchUp
(2016-02-02 20:02:56 +09:00 版)
http://www.socialtoprunners.com/2012/09/20/%E9%96%8B%E5%82%AC%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88-%E7%AC%AC6%E5%9B%9Ehtml5-%E3%82%B9%E3%82%A4%E3%83%BC%E3%83%84%E4%BA%A4%E6%B5%81%E4%BC%9A/ 広義のHTML5には4つあり、
WebSocket,WebStorage,WebWorker,Indexed Database,があります。
WebsocketにはWHATWGのHTML5があり
Canvas2D,Macrodata、W3CのHTML5が含まれています。
[88] WebRTC開発者向けプラットフォーム「SkyWay」の裏側 - PHP Conference Japan 2015 - Joind.in
(2016-02-02 20:04:57 +09:00 版)
https://joind.in/event/php-conference-japan-2015/webrtcskyway 俗にいう広義のHTML5の1つであるWebRTCという技術ですが
[89] Dreamweaver/HTML5でiPhoneアプリ開発(その5: 位置情報をリアルタイムに取得する) » 似非Web屋の知ったか日記
(2016-02-02 20:06:10 +09:00 版)
http://ese-webya.info/?p=217 蛇足ですが、このjqueryというのは、Geolocationと並んで、「広義のHTML5」というものに分類されるそうです。要は、「厳密には違うけどHTML5を名乗っても良いよ」という事なのだと思うのですが、個人的にはこの様な下らない分類には興味がないので、特に解説はしません(というか、あまり良く知らないし、特に知りたくもないです)。
[90] HTML5 GamePad APIについて - haneda point
(2016-02-02 20:12:50 +09:00 版)
http://haneda3.hatenablog.com/entry/2013/02/02/052506 HTML5!なんでも出来る!みたいな話がありますが、ゲームパッド(ジョイスティック)対応もなしに何言ってるの君?と思ってたのですが、GamePad APIがきちんとありました。
[100] Apache Cordova+AngularJSでローカルファイルにアクセスするプラグインを使おう (1/3):CodeZine(コードジン)
( (2016-06-10 00:06:19 +09:00 ))
https://codezine.jp/article/detail/9454 これらのAPIは主にHTML5として提供されているものですが、Web SQLに関してはHTML5としては廃案になっています。そのためIndexedDBのAPIを扱う方がHTML5としては推奨されます。しかし、iOSの場合には8.0からのサポートとなり、Cordovaの場合には、Web SQLの方が古くからサポートされているため過去のバージョンも含めてのサポートを考慮すると利用するケースもあるAPIです。
[101] Apache Cordova+AngularJSでローカルファイルにアクセスするプラグインを使おう (1/3):CodeZine(コードジン)
( (2016-06-10 00:08:32 +09:00 ))
https://codezine.jp/article/detail/9454 このHTML5のFileSystem APIを、Cordovaでも利用できるようにするためのプラグインが、今回紹介するfileプラグインです。
[102] びぎねっとITニュース » HTML5ベースのJavaScriptライブラリ「jQuery 3.0」リリース
(川原 龍人 /びぎねっと 著 (2016-06-15 11:43:18 +09:00 ))
http://begi.net/news/archives/8503.html jQuery Projectは6月9日(現地時間)、HTML5ベースのモバイル環境用ユーザインターフェースライブラリ「jQuery 3.0」をリリースした。
「jQuery」は、HTML5ベースのJavaScriptライブラリ。JavaScriptとHTMLの相互作用を強化するライブラリ群で、軽量であることが特徴。ライセンスは、GPLとMITのデュアルライセンスとなっている。
[103] 「ベース」という語の意味を考えさせられる。ちなみに jQuery 側の発表ブログ記事にも
Webサイト にも「HTML5 」という語は出て来ておらず、 >>102 の著者の独自の説明である。[104] HTML5のpicture要素を使ってブラウザの幅と関係なく眠いのを我慢している全然効率的でない男性を出す - hitode909の日記 (2016-06-15 11:51:48 +09:00 ) http://blog.sushi.money/entry/2016/06/14/175949
[105] HTML5でOGP設定する際に注意したいxmlns属性とprefix属性 | ごすてっぷ
(2016-09-02 14:52:07 +09:00 )
http://05step.com/2012/11/25/ogp-html5/ この記述です。<html xmlns:og=”http://ogp.me/ns#”>
ん?HTML5で組みたいのにxmlns?
01 . HTML5でのOGP
OGP設定を調べてみるとxmlns:ogを書きましょう!と各サイトで書かれていました。が、HTML5で組みたいときもxmlns使うの?と思い調べてみると、どうもこの記述方法はXHTML向けみたいです。HTML5ではもっとシンプルに
<head prefix="og: http://ogp.me/ns#"> という風にheadに追加してあげればいいみたい。02 . まとめるとこんな感じ
Facebook用の記述も織り交ぜるとこんな感じになります。
<html lang="ja">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<meta property="og:title" content="タイトル">
<meta property="og:type" content="blog">
<meta property="og:url" content="http://xxx.xxx">
<meta property="og:image" content="images/xxx.png">
<meta property="og:site_name" content="サイト名">
<meta property="og:description" content="サイト概要">
</head> prefix属性の最後のarticle: http://ogp.me/ns/articleの「article」部分はサイトによって変わります。ブログの記事ページではarticle、ブログトップではblog、ウェブサイトではwebsiteという感じです。
まだまだHTML5は勧告前ですので今後変更になる可能性はありますがしばらくはこれで様子を見てみます。
[106] HTML5 (仕様) に含まれない xmlns:og や prefix
や property の話をしているようなので、 HTML5 (バズワード )
を指していると思われますが、「まだまだHTML5は勧告前」と書いているので
W3C の HTML 5.0 を指しているとも思われ、解釈が難しいです。
「もっとシンプルに」と言いながら、わけのわからない OGP の URL を加えてどんどん複雑になっているのは、
ギャグか何かでしょうか。[113] Mozillaもついに折れる: HTML5のDRMをFirefoxに実装と発表 | TechCrunch Japan (Frederic Lardinois 著, 2016-11-18 20:48:15 +09:00 ) http://jp.techcrunch.com/2014/05/15/20140514mozilla-relents-says-it-will-implement-html5-drm-solution-in-firefox/
[114] 「動画視聴ページ HTML5版(β)」提供開始のお知らせ‐ニコニコインフォ
(2017-01-02 01:40:37 +09:00 )
http://blog.nicovideo.jp/niconews/ni064261.html
[115] >>114 は Flash をやめて HTML5 世代で新規追加された技術である
video ベースに移行するという文脈なので、ぎりぎり HTML5 (仕様)
とも言えなくもないのだけど、もう HTML5 (仕様) の時代が終わって何年経っただろうか?というレベルなので、
HTML5 (バズワード) な感じがある。
[116] html5 page visibility apiを試す | このコードわからん (2017-03-27 21:08:05 +09:00 版) http://hai3.net/blog/2013/06/30/html5-page-visibility-api/
[117] 「page visibility apiがRecommendationになってた。」という書き出しなのに題名には謎の
「html5 page visibility api」。仕様書 を読むことと内容を正しく理解することは違う、
という辛い現実。
[118] HTML5 Page Visibility API (2017-03-27 21:11:18 +09:00 版) https://code.tutsplus.com/articles/html5-page-visibility-api--cms-22021
[119] Enterprise × HTML5 Web Application Conference 2014 - 2014/02/28 12:00開始 - ニコニコ生放送
( (2017-03-27 21:13:53 +09:00 ))
http://live.nicovideo.jp/gate/lv170372227 HTML5がバズワード認定されてから1年以上が経過しました。まるで夢物語のように語られたHTML5も、徐々に冷静な視点で語られるようになり、本来のオープンプラットフォームとしての価値・ビジネスニーズに着目されつつあります。
[121] 2014年より1年以上前に誰かからバズワード と「認定」されたんだ、すごーい! と思ってぐぐってぐぐる でてきたのがこれ。
[120] HTML5感。HTML5の最新動向と明日から活かせるHTML5のあれこれ|Web資格なら「HTML5プロフェッショナル認定試験」公式サイト
( (2017-03-27 21:15:02 +09:00 ))
http://html5exam.jp/newsdetail/seminar20161016/ HTML5 がバズワードとして広く認知され、Webが今後のマルチデバイスアプリケーションプラットフォームとなると言われてから約10年。
[122] なるほどHTML5プロフェッショナル認定試験 というのは HTML5
をバズワード に認定する試験だったのか?と思ったけど2016年だから時系列がおかしいし、
2016年の約10年前に「広く認知」されたとはいってるけど「認定」はしてなそうだな。。。
[123] 「HTML5 はバズワード 」ということ自体にも色々な説があるということだろうか。
[124] それはともかく、「HTML5プロフェッショナル認定試験 」
とかいう大層な名前でいかにも正しく試験していそうな団体のイベントで、
HTML5 はバズワード ですといって実は怪しいものだとばらしちゃうのは、
営業妨害じゃないんですかねぇwww
[125] 最近でも「HTML5の進化」というのがあるらしい。どこで何が起こっているんだろう。
[126] HTML5さんのツイート: "HTML5は疲弊した日本企業を救うと提唱する学者もいる位の技術です。 なのに日本では専門用語を羅列して難しい技術のように紹介されるため盛り上がりがイマイチです。もったないことです。"
(2017-05-25 11:55:55 +09:00 )
https://twitter.com/e_Traning_html5/status/867038207946272768
[127] HTML5さんのツイート: "AR・顔認識アプリがHTML5で簡単に作れるようになった。"
(2017-05-25 11:57:09 +09:00 )
https://twitter.com/e_Traning_html5/status/866680388088770561
[128] Chromium Blink対応ブラウザ「NetFront(R) Browser BE」 | 株式会社ACCESS
(2017-07-11 09:09:59 +09:00 )
https://jp.access-company.com/products/browser/be/ NetFront Browser BEは、HTML5(Canvas 2D、SVG等)、CSS(3D Transforms、Animations、Transitions等)、WebGLをサポートし、SoCベンダーやデバイスメーカーがハードウェア機能を存分に活用することを可能にします。
[129] HTMLの条件付きコメント - Qiita (2017-08-21 01:43:31 +09:00 版) http://qiita.com/you88/items/a259dae850d1acc9e574
[130] The HTML5 Pointer Events API: Combining touch, mouse, and pen - mobiForge (2017-09-06 18:38:53 +09:00 ) https://mobiforge.com/design-development/html5-pointer-events-api-combining-touch-mouse-and-pen
[132] 億トレも使う、あのツールが革命的進化!「1秒足」に残された投機筋の痕跡とは?|FX取引ツールを本音でレビュー - ザイFX!
(2018年06月29日(金)東京時間 12:03 高城泰 2018-06-29 15:43:35 +09:00 )
http://zai.diamond.jp/articles/-/292297 そのウリは「HTML5」の採用。ピンとこない人も多いだろうが、ウェブ記述言語の新しいバージョンだ。今はまだ1世代前の「HTML4」が主流だけど、IG証券ではいち早く「HTML5」を取り入れた新取引システムを構築したのだ。
[133] 10年前の記事かな?と勘違いしてしまいそうだけど日付は2018年になっているのがびっくり。
「「HTML4」が主流」な特殊な分野の話かも?と好意的に解釈しようにも、
後段でニコニコ生放送 やゲームの話をしているから、
Web の一般論を語っているんだよな??
既に HTML5 の時代は過ぎ去っているのに、
今どき「ウリは「HTML5」の採用」とか言ってる時代遅れはドワンゴ くらいのものなので、
ピンとこないのも当然だよ・・・。
[135] HTML5ゲーム開発のコミュニティ「HTML5 GameCreator」が発足。2019年1月8日に第一回ミートアップ実施 - 4Gamer.net
(Aetas Inc. 著, 2018-12-13 11:19:10 +09:00 )
https://www.4gamer.net/games/999/G999905/20181212132/ 株式会社Liberappの代表取締役山田元康は個人の活動ではありますが、 HTML5業界の発展のために、 スマホのブラウザー向けゲーム HTML5ゲームについてを考えるコミュニティHTML5 GameCreatorを本日スタートしました。
[136]
「HTML5業界」という謎用語が使われているが、
文脈的には Webブラウザー事業者 や標準化団体 などとは関係なく、
HTML5ゲームやHTML5アプリなどと呼ばれる
Webブラウザー 上で動作する Flash を使わないゲーム の業界のことらしい。
[139] 「覇道-HADO-」,イベント限定称号が手に入るクリスマスイベントを開催 - 4Gamer.net
(2018/12/18 13:08 Aetas Inc. 著, 2018-12-18 14:51:57 +09:00 )
https://www.4gamer.net/games/429/G042984/20181218018/ 本作は今話題の次世代HTMLの標準「HTML5」を用いて開発されたゲームとなっており、 インターネットの環境さえあればPC・スマートフォン・タブレットなど端末問わずに同じキャラクターでプレイすることが可能です。
[140] JavaScriptライブラリ「jQuery 3.4」リリース | Think IT(シンクイット)
(2019-04-16 10:43:53 +09:00 )
https://thinkit.co.jp/news/bn/16028 「jQuery」は、HTML5ベースのJavaScriptライブラリ。
[141] jQuery のサイトのトップページにはそんな説明はない。
おそらく公式ではそうは言っていない。
外部にこう認識している人がいるということ。
「HTML5ベース」とはどういう意味だろう。どの「HTML5」の意味か。
JavaScript なのに HTML が「ベース」になるという不思議。
HTML5 の前の時代の遺物と業界では思われている jQuery
が 「HTML5ベース」と呼ばれるのもまた趣深い。