-
Notifications
You must be signed in to change notification settings - Fork 4
/
640.txt
1105 lines (825 loc) · 53.1 KB
/
640.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
[1] 2007年頃から流行りだした[[バズワード]]としての [DFN[[[HTML5]]]] は、
色々な [[Web]] 技術を指す言葉です。その意味は徐々に拡大し、
現在ではあらゆる [[Web]] 技術が含まれ、時には [[Web]]
以外の技術も含まれることすらあるようです。
;; 本来の [[HTML5]] については、「[[HTML5]]」の項を参照。
* 仕様書
[REFS[
- [91] [CITE@en-GB-x-hixie[HTML Standard]] ([TIME[2016-02-24 02:49:49 +09:00]] 版) <https://html.spec.whatwg.org/#is-this-html5?>
]REFS]
* 意味
[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]] 技術群を指す[[バズワード]]として広く使われている
[SRC[>>91]] と述べています。
[4] その後 [[HTML5]] は「[[Web]]」と同じ意味と理解せざるを得ないほど広い範囲を指すようになっています。
[EG[
[5] 例えば[[スマートフォン]]の[[アプリ]]開発においては、しばしば[[ネイティブアプリ]]と
「[[HTML5]] アプリ」は対立する開発手法として言及されます。この場合の [[HTML5]]
は [[HTML]] の他 [[CSS]]、[[DOM]]、[[JavaScript]]、 [[HTTP]] その他 [[Web]]
関連技術全体を表しています。
]EG]
;; [11] [[HTML5]] 仕様以前から [[HTML]] に含まれていた機能もまた [[HTML5]]
と呼ばれることがよくあります。
;; [13] その一方で「[[Webサイト]]に [[HTML5]] を導入」といった謎の表現も未だに使われており、
“[[HTML5]] でない [[Web]]”も残っているようです。謎は深まります。 [TIME[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]] で追加された [CODE(HTMLe)@en[[[canvas]]]]
[[要素]]を使う技術である [[WebGL]] は「HTML5関連」と言われても納得できます。
しかし他の「HTML5関連」技術に必ずしもそのような明確な関連性が見出せるわけではありません。
間接的にでも関連があればいいのなら [[Web]] 関連技術はすべて (もっといえば
[[Web]] に関係ない[[インターネット]]技術だって) 「HTML5関連」ということになってしまいますが...
[27] 逆に [[HTML5]] (仕様) に含まれていたものも「HTML5関連」技術と言われることがあります。
「関連」には自身も含まれるという解釈なのでしょうか。。。
* 経過
** HTML5 仕様の誕生と廃止
[49] [[HTML5]] は2004年から2005年にかけて [[WHATWG]] の [[HTML]]
関連仕様群の通称として使われるようになりました。2006年には、
[[Web Applications 1.0]] 仕様書中の用語としての [[HTML5]] が登場しました。
;; 詳細は [[HTML5]] と [[Web Applications 1.0]] を参照。
[50] [TIME[2007年4月][2007-04]]には、 [[HTML]] 開発から撤退していた [[W3C]] が方針転換し、
[[WHATWG]] と [[HTML]] 仕様を共同開発することとなり、それを契機に
[CITE[Web Applications 1.0]] は [CITE[HTML 5]] に改称されました。
;; 詳細は [[HTML 5]] を参照。
[48] [TIME[2010年1月][2010-01]]に [CITE[HTML5]] は
[CITE[HTML5 (including next generation additions still in development)]] に改称され、
更に[TIME[2011年1月][2011-01]]に [CITE[HTML]] ([[HTML Standard]]) に改称され、
[[仕様]]としての [[HTML5]] は発展的に消滅しました。
;; 詳細は [CITE[HTML Standard]] を参照。
** バズワードとしての HTML5 の登場
[51] それまで [[Webブラウザー]]業界関係者と一部の先進的 [[Web開発者]]くらいにしか知れ渡っていなかった
[[HTML5]] は、 [[Google]] がカンファレンスで大々的に推進していくと発表したのを機に多くの開発者の知るところとなりました。
[52] 多くの人が使う語となるに従って意味も徐々に拡散し不明瞭になっていきました。
いつから[[バズワード]]化したか断定するのは困難ですが、
2010年には完全に[[バズワード]]となっていました。
[53] [TIME[2011年1月][2011-01]]には、本来技術の正確な説明と普及につとめる立場であるはずの
[[W3C]] が [[CSS3]] や各種 [[Web API]] を含む広範囲の [[Web]] 関連技術を
「[[HTML5]]」と呼んで広報活動を展開するようになりました。
;; [112] 当時既に [[Google]] はじめ各社がそのような広報活動を行っていたのですから、
なぜ今更ながらにキャンペーンを展開する必要があったのかは謎です。世間の [[HTML5]]
ブームに乗っかって関係ない技術もどさくさで普及させようとでも思ったのでしょうか...
([[W3C]] は [[Open Web Platform]] や [[Application Foundations]]
のような他のより正確な語も用意しているのですから、そのような意図でも無い限り、
敢えて不正確な用語を広めるメリットは無いと思いますが。)
[111] 同じ頃 [[WHATWG]] は [[HTML5]] (仕様) を超えて次の段階へと開発を進めることとしたので、
もはや技術・仕様としての [[HTML5]] は歴史的なものとなり、
[[バズワード]]の [[HTML5]] だけが残りました。
** 独自プラットフォーム上の開発手法としての HTML5 へ
[94] 10年代前半には、[[スマートフォン]]の普及と[[スマートフォンアプリ]]市場の活性化により、
しばしば[[スマートフォンアプリ]]と[[Webアプリケーション]]が対比して語られるようになりました。
ちょうど [[HTML5]] (バズワード) の最盛期と重なったためか、
この文脈の[[Webアプリケーション]]は [[HTML5]] と呼ばれるようになりました。
[95] しかも話をややこしくするのは、[[ネイティブ]]実装
([[Java]] や [[Objective C]] で開発) された[[スマートフォンアプリ]]内に
[[Webブラウザー]]機能を埋め込むことができるので ([SEE[ [[アプリ内ブラウザー]] ]])、
アプリの機能の一部または大部分を[[Web]]技術を使って実現することもまた
[[HTML5]] と呼ばれるようになりました。
([[スマートフォンアプリ]]開発において[[ネイティブ]] vs [[HTML5]]
という語られ方をするのは、この意味が多そうです。)
[96] 更に、 [[HTML5]] (バズワード) の流行に便乗してなのか、
[[Web]] 技術を用いた[[ネイティブアプリケーション]]開発プラットフォームが
[[HTML5]] と宣伝されることも多くなりました。例えば次のような[[プラットフォーム]]があります。
[FIG(list short)[
- [[Adobe AIR]]
- [[Titanium]]
- [[Tizen]]
- [[Windowsストアアプリ]]
- [[PhoneGap]]
- [[Cordova]]
- [[Nintendo Web Framework]]
- [[Electron]]
]FIG]
;; [97] [[スマートフォン]]開発の文脈では [[HTML5]] は[[ネイティブ]]と対立するものと語られる一方で、
[[Windowsストアアプリ]]では [[HTML5]] を使って[[ネイティブアプリ]]が開発できると宣伝されていたりして、
「[[ネイティブ]]」という語の意味も気になってきます。
[98] こうした [[HTML5]] は、[[Webプラットフォーム]]由来の技術の一部を流用してはいますが、
もはや [[Webプラットフォーム]]とは異なる独自の[[プラットフォーム]]です。
* HTML5 (仕様) ではないのに HTML5 (バズワード) と呼ばれるもの
[8] [[HTML5]] (仕様) だったことが歴史的に一度もないもの:
[FIG(short list)[
- [[CSS]] [SRC[>>70]]
-- [[CSS3]]
-- [239] [[CSS Transitions]]
-- [[CSS Shapes]]
-- [[CSS 3D]] [SRC[>>72]]
- [[SVG]] [SRC[>>70]]
- [[Media Queries]] [SRC[>>75]]
- [240] [[Selectors API]] [SRC[>>19]]
- [241] [[Web Fonts]] [SRC[>>71]]
- [[WOFF]] [SRC[>>70]]
- [[Geolocation API]] [SRC[>>19]]
- [[File API]] [SRC[>>19]]
- [[FileSystem API]] [SRC[>>34, >>36, >>101]]
- [243] [[IndexedDB]] [SRC[>>72, >>85, >>100]]
- [[Navigation Timing]]
- [[High Resolution Timing]]
- [[Web Speech API]]
- [[WebGL]]
- [[Clipboard API]]
- [[GamePad API]] [SRC[>>90]]
- [CODE(HTMLa)@en[[[lazyload]]]]
- [[Battery Status API]] [SRC[>>31, >>35]]
- [[MSE]]
- [[Web Notifications]] [SRC[>>15]] (>>16)
- [[Device Orientation API]] [SRC[>>19]]
-- [CODE(DOMe)@en[[[devicemotion]]]]
- [[Service Worker]] [SRC[>>24]]
- [[Web Audio API]] [SRC[>>28]]
- [[Vibration API]] [SRC[>>29, >>107, >>108, >>109, >>110]]
- [[Page Visibility]] [SRC[>>116, >>118]]
- [[FileReader]] [SRC[>>30]]
- [CODE(HTMLa)@en[[[x-webkit-speech]]]] [SRC[>>32]]
- [[Fullscreen API]] [SRC[>>33, >>38]]
- [[WebRTC]] [SRC[>>45, >>46]]
-- [CODE(DOMm)@en[[[getUserMedia]]]] [SRC[>>37]]
- [[Cookie]] [SRC[>>72]]
- [[RDFa]] [SRC[>>72]]
- [[OGP]]
- [[microformats]] [SRC[>>72]]
-
[CODE(HTML)@en[[[<meta name=description>]]]],
[CODE(HTML)@en[[[<meta name=keywords>]]]],
[CODE(HTML)@en[[[<meta name=author>]]]] が推奨される [SRC[>>73]]
- [CODE(HTML)@en[[[<meta name=viewport>]]]] [SRC[>>74]]
- [[条件付きコメント]] [SRC[>>129]]
- [[JavaScript]] [SRC[>>81]]
-- [[JavaScript 2.0]] [SRC[>>80]]
- [[EME]]
[SRC[>>113]]
- [[Pointer Events]] [SRC[>>130]]
- [[jQuery]] [SRC[>>89]]
- [265] [[Java]] [SRC[>>266]]
- コンテンツモデル [SRC[>>23]]
- セマンティックWeb [SRC[>>23]]
- [[Open Web Platform]] [SRC[>>70]]
- [[LIME]] ([[HTML5]] の「[[サブセット]]を目指す」)
- 各ベンダーの実装 [SRC[>>83]]
]FIG]
;; [16] かつて [[HTML5]] に含まれていた通知 API は後の [[Web Notifications]]
とは互換性がない。
;; [47] [[WebRTC]] はかつて
[[HTML5 (including next generation additions still in development)]]
に含まれていた機能から出発しているが、
分裂後に大きく変更されていてとても [[HTML5]] (仕様) の一部とはいえない。
;; [134] たまに [[HTML5][HTML5 (バズワード)]] となる [[CSS3]]
は、 「HTML5 & CSS3」のようにセットで扱われることもよくあります。
ところで [[CSS3]] ってのも歴史的な存在で、
もう10年以上マーケッティング現場にしか存在しない言葉なのですが... [SEE[ [[CSS3]] ]]
[12] [[HTML5]] 以前から [[HTML]] だったもの:
[FIG(short list)[
- [CODE(HTMLe)@en[[[map]]]]
]FIG]
;; [59] [[HTML5]] には従来の機能も含まれるので間違いではありません。
[56] かつて [[HTML5]] に含まれていたが、
2010年1月 ([[HTML5 (including next generation additions still in development)]] への移行)
時点で [[HTML5]]/[[Web Applications 1.0]] に含まれていないもの:
[FIG(list middle)[
- [[XHR]] (2006年独立)
-- [[XHR2]] [SRC[>>72]]
-- [[XHR]] の [[CORS]] 対応 [SRC[>>17]]
- [[Web SQL Database]] (2009年独立)
]FIG]
;; [60] これらを [[HTML5]] の機能だというのは間違いとは言い切れません。
しかし [[XHR2]] や [[CORS]] は分離されてかなり後に、 [[HTML5]]
とは無関係に [[XHR]] に追加された機能です。
[57] 2010年1月 ([[HTML5 (including next generation additions still in development)]] への移行)
時点で存在せず、それ以後 [[HTML]] に追加された機能:
[FIG(middle list)[
- [CODE(HTMLe)@en[[[device]]]] [SRC[>>61, >>62]] (2009年12月追加)
-- 後の [[WebRTC]] である。
- [[WebVTT]] (2010年春追加)
- [242] [CODE(HTMLe)@en[[[track]]]] (2010年春追加)
- [CODE(HTMLe)@en[[[dialog]]]] [SRC[>>68]] (2012年4月追加)
- [CODE(HTMLe)@en[[[main]]]] [SRC[>>66, >>67]] (2013年2月追加)
- [[Web Components]] [SRC[>>40]]
-- [CODE(HTMLe)@en[[[template]]]] (2013年6月統合)
-- [[Shadow DOM]] (2016年統合)
-- [[Custom Elements]] (2016年統合)
-- [[HTML Imports]] (開発凍結)
- [CODE(HTMLe)@en[[[picture]]]] [SRC[>>63, >>65, >>104]] (2014年6月統合)
]FIG]
;; [55] 2009年頃新機能の追加がしばらく凍結されていましたが、
[CODE(HTMLe)@en[[[device]]]] [[要素]]が「[[HTML5]] 後の最初の新要素」
として追加されました。技術的には以後の新機能はすべて [[HTML5]] ではありません。
;; [58] [[WebVTT]] はその後 [[HTML]] から独立しています。
;; [43] [CODE(HTMLe)@en[[[track]]]] や [CODE(HTMLe)@en[[[template]]]]
はなぜか [[W3C]] の [[HTML 5.0]] には含まれています。
;; [99] [CODE(HTMLa)@en[[[ping]]]] [[属性]]は2005年10月に [[Web Applications 1.0]]
に追加された由緒ある(?) [[HTML5]] の機能でしたが、2010年3月に [[HTML5]]
から除外され [[HTML5 (including next generation additions still in development)]]
の「次世代追加」分となっています。「除外された」という事実を重視すれば、
2013年や2014年にもなって「[[HTML5]]の機能」として言及するサイトは不正確といえます。
[REFS[
[FIG(quote)[
[FIGCAPTION[
[266] [CITE@ja[高くついた反アップル戦略NTTドコモで通信障害続出の真相/町田 徹 (現代ビジネス) - Yahoo!ニュース]] ([TIME[2012-02-14 08:52:57 +09:00]] 版) <http://zasshi.news.yahoo.co.jp/article?a=20120214-00000001-gendaibiz-bus_all>
]FIGCAPTION]
>アンドロイドは「html5」という開発言語を用いるインターネットベースのOS
]FIG]
- [15] [CITE@ja['''['''HTML5''']''' Desktopにメッセージを送るNotification]] ([TIME[2015-11-18 11:43:23 +09:00]] 版) <http://bitwave.showcase-tv.com/html5-desktop%E3%81%AB%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%82%92%E9%80%81%E3%82%8Bnotification/>
]REFS]
* 書籍
[14] [[HTML5]] を扱う書籍の多くは、バズワードとしての [[HTML5]] に関するものと見られます。
[FIG(amazon)[
HTML5
]FIG]
* 関連
[6] 同じ意味の[[バズワード]]として、過去には [[HTML 3.0]]、[[HTML 4.0]]、
[[DHTML]] がありました。 [[Ajax]] も近いですが、 [[HTML5]] はそれ以上に広い範囲を指しているようです。
* メモ
[FIG(quote)[
[FIGCAPTION[
[17] [CITE[フロントエンドエンジニアなら知っておきたい「HTML5のセキュリティ問題と対策技術」第44回HTML5とか勉強会レポート #html5j #HTML5|CodeIQ MAGAZINE]]
([TIME[2016-02-01 22:51:04 +09:00]] 版)
<https://codeiq.jp/magazine/2014/02/5736/>
]FIGCAPTION]
> HTML5以前からある機能だが、HTML5で新しくなっている。
> 以前は、同じオリジン内でしか通信ができなかった。しかしHTML5になり、クロスオリジン対応となった。
]FIG]
[18] [[XHR]] が初めて標準化されたのは [[Web Applications 1.0]] (通称 [[HTML5]])
だから [[HTML5]] (仕様) 以前からあるとは言えないし (非標準の機能としては
[[WA1]] 以前からあったから言えるのか?)、
[[CORS]] 対応になったのは [[HTML5]] (仕様) から独立した遥か後の話で
[[XHR]] も [[CORS]] も [[HTML5]] (仕様) ではないので、
二重に間違っている。
[19] [CITE@ja[必ず覚えておきたいHTML5の特徴と新機能/HTML5完全読本#1-1 | HTML5完全読本―実践テクニックとWebデザインの最新動向 | Web担当者Forum]] ([[鈴木 雄太(株式会社トライフォート)]] 著, [TIME[2016-02-01 23:00:19 +09:00]] 版) <http://web-tan.forum.impressrd.jp/e/2014/04/24/17355>
[FIG(quote)[
[FIGCAPTION[
[20] [CITE@ja[HTML5の新機能「Geolocation API」を使用して位置情報を取得する | web helog - HTML、CSS、JavaScriptなどWebに悩む人のネタ帳です。]]
([TIME[2016-02-01 23:10:09 +09:00]] 版)
<http://web.helog.jp/html5/geolocation/>
]FIGCAPTION]
> HTML5が公開され、いくつかの新機能が策定されましたが、中でもその有効性が期待されているのが「Geolocation API」です。
]FIG]
[21] [CITE[HTML5の特徴と代表的な機能 - Webデザインの勉強 | Webサイト制作科 1月20日開講クラス]] ([TIME[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]]
が含まれているので、どこを基点に「既存」と新規を区別しているのか不思議になる。
[FIG(quote)[
[FIGCAPTION[
[23] [CITE@ja[HTML5の概要 | WEBサイト制作に必要な知識のまとめ]]
([TIME[2016-02-01 23:24:44 +09:00]] 版)
<http://prismagics.com/2015/12/03/44/>
]FIGCAPTION]
> ブロックレベルとインラインレベルの概念がなくなり、
コンテンツモデルという概念が導入されました。
コンテンツモデルとは、
要素(タグ)を用途にあわせて分類して
> 今まで使っていた要素の使い方が変更されたり
新しい要素が追加されました。
より細かく要素が定義されるようになりました。
これを『セマンティックWeb』という言い方をします。
セマンティックWebにすることで、
見る人だけでなく、ブラウザや検索エンジンなどにページの内容を
理解させやすくすることができます。
]FIG]
[131] >>23 何一つ正しいことが書かれていないので、逆に何をどう思ってこの文章を書いたのか気になる。
[FIG(quote)[
[FIGCAPTION[
[24] [CITE@ja[HTML5 Conferenceレポート - 「HTTP/2の現状とこれから」編 - 株式会社一燈 エンジニアブログ]]
([TIME[2016-02-01 23:34:08 +09:00]] 版)
<http://blog.itto-inc.net/entry/2015/02/24/010645>
]FIGCAPTION]
> HTML5で策定されたService Worker(バックグラウンドでJavaScriptを動かせる仕組みのこと)と連携した新しいプッシュ通知に関する仕様が検討されていることを知りました。
]FIG]
[28] [CITE@ja[HTML5 の Web Audio API で音楽してみる | CYOKODOG]]
([TIME[2016-02-01 23:44:14 +09:00]] 版)
<http://www.cyokodog.net/blog/web-audio-api-music/>
[FIG(quote)[
[FIGCAPTION[
[29] [CITE@ja[''''''[''''''対応表あり'''''']''''''スマホブラウザでHTML5 Vibration APIを扱う | hi-posi Front-End blog]]
([TIME[2016-02-01 23:51:17 +09:00]] 版)
<http://hi-posi.co.jp/tech/?p=150>
]FIGCAPTION]
> HTML5のVibration APIとは
> 端末のバイブレーション機能へアクセスするためのHTML5のAPIのひとつです。
]FIG]
[REFS[
- [107] [CITE[HTML5: Vibration API]] ([TIME[2016-10-05 16:44:11 +09:00]]) <https://code.tutsplus.com/tutorials/html5-vibration-api--mobile-22585>
- [108] [CITE@en[The HTML5 Vibrate API | George Ornbo]] ([[George Ornbo]]著, [TIME[2016-10-05 05:46:11 +09:00]]) <https://shapeshed.com/html5-vibrate-api/>
- [109] [CITE@en-GB[Malicious Use of the HTML5 Vibrate API ← Terence Eden's Blog]] ([TIME[2016-10-05 16:44:33 +09:00]]) <https://shkspr.mobi/blog/2014/01/malicious-use-of-the-html5-vibrate-api/>
- [110] [CITE@en[HTML5 バイブレーション API | ScrapEngineer]] ([TIME[2016-10-05 16:44:42 +09:00]]) <http://scrap.php.xdomain.jp/html5_vibration_api/>
]REFS]
[FIG(quote)[
[FIGCAPTION[
[30] [CITE@en-US[Reading Files Using The HTML5 FileReader API - Treehouse Blog]]
([TIME[2016-02-01 23:52:52 +09:00]] 版)
<http://blog.teamtreehouse.com/reading-files-using-the-html5-filereader-api>
]FIGCAPTION]
> 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.
]FIG]
[31] [CITE@ja[HTML5のBattery Status APIでユーザー追跡の可能性が指摘される | スラド IT]]
([TIME[2016-02-01 23:55:31 +09:00]] 版)
<http://it.srad.jp/story/15/08/08/2136235/>
[FIG(quote)[
[FIGCAPTION[
[32] [CITE@ja[HTML5の音声入力とGoogleの翻訳APIを試してみた | Shimabox Blog]]
([TIME[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/>
]FIGCAPTION]
> <input type="text" x-webkit-speech>
]FIG]
[FIG(quote)[
[FIGCAPTION[
[33] [CITE@en-US[HTML5 Fullscreen API - Hongkiat]]
([TIME[2016-01-29 08:37:46 +09:00]] 版)
<http://www.hongkiat.com/blog/html5-fullscreen-api/>
]FIGCAPTION]
> 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.
]FIG]
[34] [CITE[Using the HTML5 Filesystem API: Eric Bidelman: 9781449309459: Amazon.com: Books]]
([TIME[2016-02-02 00:01:37 +09:00]] 版)
<http://www.amazon.com/Using-HTML5-Filesystem-Eric-Bidelman/dp/1449309453>
[FIG(quote)[
[FIGCAPTION[
[35] [CITE@en[HTML5 バッテリーAPI | ScrapEngineer]]
([TIME[2016-02-02 00:02:42 +09:00]] 版)
<http://scrap.php.xdomain.jp/html5_battery_api/>
]FIGCAPTION]
> HTML5では新たにバッテリーAPIが実装され、バッテリーの情報が取得出来るようになりました。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[36] [CITE[HTML5 FileSystem APIを使って上書き処理をする方法]]
([TIME[2016-01-27 19:32:44 +09:00]] 版)
<https://www.eisbahn.jp/yoichiro/2015/01/html5-filesystem-api-file-overwrite.html>
]FIGCAPTION]
> HTML5 FileSystem APIを使うと、ユーザのローカルファイルシステムにファイルを書いたりすることができます。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[37] [CITE@en[HTML5 getUserMedia APIでカメラが使ってみる | ScrapEngineer]]
([TIME[2016-02-02 00:03:58 +09:00]] 版)
<http://scrap.php.xdomain.jp/html5_getusermedia_api/>
]FIGCAPTION]
> HTML5のgetUserMedia APIでカメラの映像を取得する方法。
> またカメラの映像を画像化する方法も記載しました。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[38] [CITE@ja[特定の要素を全画面(フルスクリーン)にするFullscreen API]]
([TIME[2015-08-31 12:28:54 +09:00]] 版)
<https://w3g.jp/blog/html5_fullscreen_api>
]FIGCAPTION]
> HTML5のFullscreen APIは、YouTubeなど動画画面の右下にある全画面表示ボタンを押すと動画部分のみが画面いっぱいに表示されるように、特定の要素を全画面(フルスクリーン)で提供できる機能です。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[39] [CITE@ja[Boombox.js·HTML5のオーディオ系APIを一つに集約 MOONGIFT]]
([TIME[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/>
]FIGCAPTION]
> Boombox.jsはHTMLAudio/WebAudio/HTMLVideoの3つのAPIを透過的にサポートするライブラリです。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[40] [CITE@en-US[Developing Modern Applications With HTML5: Web Components - UX+Dev UX+Dev]]
([TIME[2016-02-02 12:34:50 +09:00]] 版)
<http://uxdsummit.com/sessions/developing-modern-applications-with-html5-web-components/>
]FIGCAPTION]
> With HTML5 Web Components, you can do just that.
]FIG]
[FIG(quote)[
[FIGCAPTION[
[41] [CITE[HTML5~最新の技術とプロダクトで</br>Webサイト制作を効率化</br>セミナー開催レポート|ソフト産業プラザ イメディオ iMedio]]
([TIME[2016-02-02 12:36:03 +09:00]] 版)
<http://www.imedio.or.jp/seminar/report150312.php>
]FIGCAPTION]
> 今回のセミナーは、KDDIウェブコミュニケーションズ・エバンジェリストである阿部正幸氏が講師を務め、HTML5でも人気のCSSフレームワークやWeb Componentsなどを学ぶことをテーマとしています。
]FIG]
[42] >>41 [[HTML5]] (仕様) に「人気のCSSフレームワーク」という概念はないので、
「[[CSS]]」または「[[CSSフレームワーク]]」が [[HTML5]] (バズワード)
に含まれるのか? 「[[HTML5]]でも人気」は [[Web Components]] にも掛かっているのかどうか。
[[HTML5]] (バズワード) の構成要素色々の中で、その1つである「[[CSSフレームワーク]]」
や「[[Web Components]]」に人気があると言っているのか、あるいは
「人気のある[[CSSフレームワーク]]」や「人気のある[[Web Components]]」(?)
は [[HTML5]] (バズワード) に含まれるということなのか???
[FIG(quote)[
[FIGCAPTION[
[44] [CITE@ja[HTML5のWeb Componentsのカスタム要素を収集している・「Custom Elements」 - かちびと.net]]
([TIME[2016-02-02 12:44:39 +09:00]] 版)
<http://kachibito.net/useful-resource/custom-elements>
]FIGCAPTION]
> Custom ElementsはHTML5のWeb Componentsのカスタム要素を収集したWebサイトです。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[45] [CITE@ja[HTML5でWebRTCを使ってみよう!「カメラを使ってみよう」編 | HTML5Experts.jp]]
([TIME[2016-02-02 12:45:19 +09:00]] 版)
<https://html5experts.jp/mganeko/5098/>
]FIGCAPTION]
> WebRTCとは”Web Real-Time Communication”の略で、Webブラウザ上でビデオ/オーディオの通信や、データ通信を行うための規格です。HTML5で新しく策定されたもので、複数の技術の連携で成り立っています。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[46] [CITE[WebRTCコトハジメ - Qiita]]
([TIME[2016-02-02 12:47:51 +09:00]] 版)
<https://qiita.com/yusuke84/items/286f569d110daede721e>
]FIGCAPTION]
> WebRTCはHTML5(広義の意味での)と呼ばれるAPI群の一つですが、2つのAPIから構成されています。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[9] [CITE@ja[XMLHttpRequest2 に関する新しいヒント - HTML5 Rocks]]
([TIME[2016-02-02 13:22:28 +09:00]] 版)
<http://www.html5rocks.com/ja/tutorials/file/xhr2/>
]FIGCAPTION]
> XMLHttpRequest は、HTML5 の世界であまり知られていない優れたオブジェクトの 1 つです。厳密に言うと、XHR2 は HTML5 ではありません。XHR2 は、ブラウザ ベンダーがコア プラットフォームに対して加えている段階的な改良の一部です。
> これらの機能により AJAX は、File System API、Web Audio API、WebGL などの最新の HTML5 API·の多くと連携して動作するようになりました。
]FIG]
[10] >>9 [[XHR]]1 は [[HTML5]] だけど [[XHR]]2 は [[HTML5]] ではないということ?
[[WA1]] (当時の通称 [[HTML5]]) で [[XHR]] が初めて[[標準化]]されたのは事実なのだから、
[[XHR]] が [[HTML5]] というのは間違いとも言い切れない。しかしその改訂版の [[XHR2]]
は「厳密に言うと」 [[HTML5]] ではないという突っ込みができるのなら、
[[HTML]] から分離されて数年経ってる [[XHR1]] も [[HTML5]] でないことになぜ気づかないのか謎だw
[61] [CITE[Which web browsers support the HTML5 <device> tag? - Stack Overflow]]
([TIME[2016-02-02 13:35:47 +09:00]] 版)
<http://stackoverflow.com/questions/3012002/which-web-browsers-support-the-html5-device-tag>
[62] [CITE@ja[PCに接続した周辺機器をコントロール、HTML5 Device :: dotHTML5]]
([TIME[2015-01-04 19:15:22 +09:00]] 版)
<http://dothtml5.com/archives/20100927_device.html>
[FIG(quote)[
[FIGCAPTION[
[63] [CITE@ja[HTML5 仕様 (WHATWG) に picture 要素が追加される | WWW WATCH]]
([TIME[2016-02-02 13:43:10 +09:00]] 版)
<https://hyper-text.org/archives/2014/06/picture_element_add_html5_spec.shtml>
]FIGCAPTION]
> で、今回、その辺は承知の上で、便宜上わかりやすく (だって HTML5 って書いた方がさ、わかりやすいじゃん・・・) こう書いているだけですので、その辺は悪しからず。
]FIG]
[64] >>63 「[[HTML]]」と書かれている[[仕様書]]と[[ツイート]]を[[引用]]しながら、
あえて [[HTML5]] と書き換えて紹介し、指摘されても開き直るなど、
相当[[悪意]]がありそうです。
[65] [CITE@en[HTML5 - HTML5 <picture> Element | Intel® Developer Zone]]
([TIME[2016-02-02 13:46:20 +09:00]] 版)
<https://software.intel.com/en-us/html5/hub/blogs/html5-picture-element>
[FIG(quote)[
[FIGCAPTION[
[66] [CITE@ja[mainタグの意味と使い方 | HTML | できるネット]]
([TIME[2016-02-02 13:55:19 +09:00]] 版)
<https://dekiru.net/article/12866/>
]FIGCAPTION]
> HTML5で追加された新しい要素です。
]FIG]
[67] [CITE@ja[HTML5の<main>要素は、<article>、<section>要素とどう使い分ければ... - Yahoo!知恵袋]]
([TIME[2016-02-02 13:57:49 +09:00]] 版)
<http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11142741676>
[68] [CITE[Chrome37でHTML5のDialog要素を試してみた - Qiita]]
([TIME[2016-02-02 13:59:02 +09:00]] 版)
<https://qiita.com/nobuhito/items/f460043f2b70ca32b0d7>
[FIG(quote)[
[FIGCAPTION[
[69] [CITE@ja[jQueryとWebフォントでスマホの傾きで色の変わるアイコンを作ってみる | スターフィールド株式会社]]
([TIME[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>
]FIGCAPTION]
> HTML5では、デバイスの傾きや加速度といったスマホやタブレット端末独特のセンサーの情報を
> JavaScriptで読み取ることが可能です。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[70] [CITE[SVGフォントを使った外字表現]]
([[藤沢 淳]] 著, [TIME[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>
]FIGCAPTION]
> 広義のHTML5はHTML5/CSS/SVG/WOFF から構成されるOpen Web Platformを指す
]FIG]
[71] [CITE[HTML 5 @font-face Font Format Usage - WebIntel by Ironpaper]]
([TIME[2016-02-02 18:57:47 +09:00]] 版)
<http://www.ironpaper.com/webintel/articles/html-5-font-face-font-format-usage/#.VrB9X7KLTIU>
[FIG(quote)[
[FIGCAPTION[
[72] [CITE[HTML5]]
([TIME[2016-01-13 01:33:09 +09:00]] 版)
<http://www.tohoho-web.com/html5/>
]FIGCAPTION]
> 狭義の「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
>
]FIG]
[FIG(quote)[
[FIGCAPTION[
[73] [CITE@ja[サイトを作るとき、必ずmetaタグに書くべきことまとめ | NESTonline Blog]]
([TIME[2016-02-02 19:16:16 +09:00]] 版)
<http://blog.nest-online.jp/8436>
]FIGCAPTION]
> HTML5では、descriptionやkeywordsだけではなく、authorの記述も
> 記載するように、推奨されております。
]FIG]
[74] [CITE@en-US[How to Use the HTML5 Viewport Tag – HTML5 Hive]]
([TIME[2016-02-02 19:23:37 +09:00]] 版)
<https://html5hive.org/how-to-use-the-html5-viewport-tag/>
[FIG(quote)[
[FIGCAPTION[
[75] [CITE@ja[第52回 Media Queriesで読み込むcssを切り替える|コーディング代行ならコーディングファクトリー]]
([TIME[2016-02-02 19:26:28 +09:00]] 版)
<http://coding-factory.com/cm/cm52.html>
]FIGCAPTION]
> Media QueriesはHTML5から実装された機能である
]FIG]
[FIG(quote)[
[FIGCAPTION[
[76] [CITE@ja[インターネット10分講座 HTML5 - JPNIC]]
([[Japan Network Information Center]] 著, [TIME[2016-02-02 19:42:28 +09:00]] 版)
<https://www.nic.ad.jp/ja/newsletter/No55/0800.html>
]FIGCAPTION]
> 規格としてのHTML5を俯瞰したところで、今度はより広い意味でのHTML5について紹介します。以下、HTML5とした場合は、広義のHTML5のことだと考えてください。
> これを打破するのがHTML5だと言われています。一言で言ってしまえば、CやC++用に提供されていたローレベルハードウェア制御用のAPIを、JavaScriptに対して提供しようというものです。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[77] [CITE@ja[HTML5とは何か(狭義・広義)]]
([TIME[2016-02-02 19:44:38 +09:00]] 版)
<http://uguisu.skr.jp/html/html5_abstract.html>
]FIGCAPTION]
> 正確に分類すると次のようになります。
]FIG]
[78] >>77 の「正確に分類」によると
「W3CのHTML5仕様(狭義のHTML5)」 <
「一般的にHTML5と呼ばれる範囲(広義のHTML5)」 <
「これらすべてをHTML5と呼ぶこともある」
の3段階があって、「広義」には [[IndexedDB]] や [[XHR2]] などが含まれ、
「これらすべて」には [[SVG]] や [[MathML]] や [[WebGL]] や [[CSS3]]
もが含まれるそうです。何を根拠に「正確」にそう分類できたのかは不明です。
[FIG(quote)[
[FIGCAPTION[
[79] [CITE@ja[HTML5入門者がまず知っておきたい基礎知識まとめ - IT業界の動向まとめ]]
([TIME[2016-02-02 19:49:32 +09:00]] 版)
<http://it-matome.hatenadiary.jp/entry/2014/02/08/161142>
]FIGCAPTION]
> HTML5は、狭義なHTML5と広義なHTML5とで区別する必要があります。というのも、狭義なHTML5はマークアップ言語、広義なHTML5はCanvasやSVGといった技術を利用するためのAPIを含めたものであり
]FIG]
[FIG(quote)[
[FIGCAPTION[
[80] [CITE@ja[次世代Webプラットフォーム「HTML5」が変える未来 PART1. HTML5が秘める3つの「可能性」 | KDDI NEWS | KDDI ナウ | 明日をちょこっとHAPPY!にするデジカル系情報マガジン TIME&SPACE(タイムアンドスペース)]]
([TIME[2016-02-02 09:36:56 +09:00]] 版)
<http://time-space.kddi.com/special/specialreport/20130203/index.html>
]FIGCAPTION]
> 今回は、広義のHTML5、つまりHTML5+CSS3+JavaScript2.0が実現する次世代のHTML環境について解説しています。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[81] [CITE@ja[第8回 HTML5minutes! 〜triton-js〜【本編無料】 - connpass]]
([TIME[2016-02-02 19:52:57 +09:00]] 版)
<http://html5m.connpass.com/event/13162/>
]FIGCAPTION]
> HTML5やCSS3、JavaScript、SVG、WebGLなどの周辺領域を含めた「広義のHTML5」
]FIG]
[FIG(quote)[
[FIGCAPTION[
[83] [CITE@ja[ON HTML5 FIELD | Webデザインとグラフィックの総合情報サイト - MdN Design Interactive -]]
([TIME[2016-02-02 19:57:19 +09:00]] 版)
<http://www.mdn.co.jp/di/articles/2606/>
]FIGCAPTION]
> なお、ここではHTML5という言葉を、HTML5仕様とその関連仕様および各ベンダーの実装などを含めた広義のHTML5として使うことにする。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[84] [CITE@ja[モバイル&クラウドテクノロジー クラウドとウェアラブルデバイスが、「可能性」を「現実」にします。 | 株式会社トップゲート(Google Cloud Platform Partner / Google 技術者集団)]]
([[TOPGATE, Inc.]] 著, [TIME[2016-02-02 19:59:39 +09:00]] 版)
<https://www.topgate.co.jp/cloud-technology>
]FIGCAPTION]
> CSSやJavaScriptなどを含めた広義のHTML5は、ワンソース・マルチプラットフォームを実現する最新鋭のウェブ技術です。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[85] [CITE@ja[HTML5 | mzsm.me]]
([TIME[2016-02-02 20:00:15 +09:00]] 版)
<http://mzsm.me/tag/html5/>
]FIGCAPTION]
> 最近お仕事で、広義のHTML5と呼ばれるところのJavaScript API、特にIndexed Database API(以下、IndexedDB)を触っています。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[86] [CITE[HTML5の意義はどこにある? NTTコミュニケーションズ「第1回WebRTC/html5業界動向勉強会」 | ITライフハック]]
([TIME[2016-02-02 20:01:36 +09:00]] 版)
<http://itlifehack.jp/archives/6812>
]FIGCAPTION]
> しかし、Androidの4.1(Jelly Bean)以降からは、ChromeブラウザはAdobeのFlashをサポートしなくなった。iOS用のSafariもFlashには非対応なためPC用のブラウザではFlashが組み込まれたページを閲覧できてもスマホやタブレットでアクセスすると閲覧できないという不具合が発生してしまう、
> こういった不具合の解消を含めデバイスを問わないマルチプラットフォームのサービス開発が可能で、かつビジュアライゼーション機能の充実・双方向通信・P2P型の通信などに優れた次世代のWebブラウザの標準言語がHTML5だ。このHTML5および広義のHTML技術であるWebRTCが現在注目を浴びている。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[87] [CITE@ja-JP[【開催レポート】第6回HTML5 スイーツ交流会 - 【Social Top Runners!】 by HatchUp]]
([TIME[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/>
]FIGCAPTION]
> 広義のHTML5には4つあり、
>
> WebSocket,WebStorage,WebWorker,Indexed Database,があります。
>
> WebsocketにはWHATWGのHTML5があり
> Canvas2D,Macrodata、W3CのHTML5が含まれています。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[88] [CITE[WebRTC開発者向けプラットフォーム「SkyWay」の裏側 - PHP Conference Japan 2015 - Joind.in]]
([TIME[2016-02-02 20:04:57 +09:00]] 版)
<https://joind.in/event/php-conference-japan-2015/webrtcskyway>
]FIGCAPTION]
> 俗にいう広義のHTML5の1つであるWebRTCという技術ですが
]FIG]
[FIG(quote)[
[FIGCAPTION[
[89] [CITE@ja[Dreamweaver/HTML5でiPhoneアプリ開発(その5: 位置情報をリアルタイムに取得する) » 似非Web屋の知ったか日記]]
([TIME[2016-02-02 20:06:10 +09:00]] 版)
<http://ese-webya.info/?p=217>
]FIGCAPTION]
> 蛇足ですが、このjqueryというのは、Geolocationと並んで、「広義のHTML5」というものに分類されるそうです。要は、「厳密には違うけどHTML5を名乗っても良いよ」という事なのだと思うのですが、個人的にはこの様な下らない分類には興味がないので、特に解説はしません(というか、あまり良く知らないし、特に知りたくもないです)。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[90] [CITE@ja[HTML5 GamePad APIについて - haneda point]]
([TIME[2016-02-02 20:12:50 +09:00]] 版)
<http://haneda3.hatenablog.com/entry/2013/02/02/052506>
]FIGCAPTION]
> HTML5!なんでも出来る!みたいな話がありますが、ゲームパッド(ジョイスティック)対応もなしに何言ってるの君?と思ってたのですが、GamePad APIがきちんとありました。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[100] [CITE@ja[Apache Cordova+AngularJSでローカルファイルにアクセスするプラグインを使おう (1/3):CodeZine(コードジン)]]
( ([TIME[2016-06-10 00:06:19 +09:00]]))
<https://codezine.jp/article/detail/9454>
]FIGCAPTION]
> これらのAPIは主にHTML5として提供されているものですが、Web SQLに関してはHTML5としては廃案になっています。そのためIndexedDBのAPIを扱う方がHTML5としては推奨されます。しかし、iOSの場合には8.0からのサポートとなり、Cordovaの場合には、Web SQLの方が古くからサポートされているため過去のバージョンも含めてのサポートを考慮すると利用するケースもあるAPIです。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[101] [CITE@ja[Apache Cordova+AngularJSでローカルファイルにアクセスするプラグインを使おう (1/3):CodeZine(コードジン)]]
( ([TIME[2016-06-10 00:08:32 +09:00]]))
<https://codezine.jp/article/detail/9454>
]FIGCAPTION]
> このHTML5のFileSystem APIを、Cordovaでも利用できるようにするためのプラグインが、今回紹介するfileプラグインです。
]FIG]
[FIG(quote)[
[FIGCAPTION[
[102] [CITE@ja[びぎねっとITニュース » HTML5ベースのJavaScriptライブラリ「jQuery 3.0」リリース]]
([[川原 龍人]]/[[びぎねっと]]著 ([TIME[2016-06-15 11:43:18 +09:00]]))
<http://begi.net/news/archives/8503.html>
]FIGCAPTION]
> jQuery Projectは6月9日(現地時間)、HTML5ベースのモバイル環境用ユーザインターフェースライブラリ「jQuery 3.0」をリリースした。
> 「jQuery」は、HTML5ベースのJavaScriptライブラリ。JavaScriptとHTMLの相互作用を強化するライブラリ群で、軽量であることが特徴。ライセンスは、GPLとMITのデュアルライセンスとなっている。
]FIG]
;; [103] 「ベース」という語の意味を考えさせられる。ちなみに [[jQuery]] 側の発表ブログ記事にも
[[Webサイト]]にも「[[HTML5]]」という語は出て来ておらず、 >>102 の著者の独自の説明である。
[104] [CITE@ja[HTML5のpicture要素を使ってブラウザの幅と関係なく眠いのを我慢している全然効率的でない男性を出す - hitode909の日記]] ([TIME[2016-06-15 11:51:48 +09:00]]) <http://blog.sushi.money/entry/2016/06/14/175949>
[FIG(quote)[
[FIGCAPTION[
[105] [CITE@ja[HTML5でOGP設定する際に注意したいxmlns属性とprefix属性 | ごすてっぷ]]
([TIME[2016-09-02 14:52:07 +09:00]])
<http://05step.com/2012/11/25/ogp-html5/>
]FIGCAPTION]
> この記述です。<html xmlns:og=”http://ogp.me/ns#”>
> ん?HTML5で組みたいのにxmlns?
> 01 . HTML5でのOGP
> OGP設定を調べてみるとxmlns:ogを書きましょう!と各サイトで書かれていました。が、HTML5で組みたいときもxmlns使うの?と思い調べてみると、どうもこの記述方法はXHTML向けみたいです。HTML5ではもっとシンプルに
[PRE(code html)[
<head prefix="og: http://ogp.me/ns#">
]PRE]
という風にheadに追加してあげればいいみたい。
> 02 . まとめるとこんな感じ
> Facebook用の記述も織り交ぜるとこんな感じになります。
[PRE(code html)[
<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>
]PRE]
> prefix属性の最後のarticle: http://ogp.me/ns/articleの「article」部分はサイトによって変わります。ブログの記事ページではarticle、ブログトップではblog、ウェブサイトではwebsiteという感じです。
> まだまだHTML5は勧告前ですので今後変更になる可能性はありますがしばらくはこれで様子を見てみます。
]FIG]