View
217
Download
0
Category
Preview:
Citation preview
!"#$%&'HTML()*+ (New Web Browser spec of HTML5)!
2009,-./.0
1234
56789:;<=
W3C/Keio;SiteManager!
Keio-contact@w3.org
http://www.w3.org!!"
>?@ABCDEFGHIJ
.KKL,M;NOP;QRSTJ!
UV!
!"!#$%&'(!
)"!*+,#-./01234567!
$"!89:!
#"
$"
ウェブの発明者であり、 W3Cの創始者である Sir Tim Berners-Lee
W3Cの本拠地 MIT(マサチューセッツ工科大学)
#%&"'()&"#**+"",-./0(10"2345'6" 7"
0WX&Y$Z[)\]^_`a 9bcde"f#gh!
ij569:Wklm!
i9:no;pq;t45r!
気楽に、ご訪問ください。お待ちしています。
keio-contact@w3.org
W3C)UshX)!
t-uvwxy)Z[z{)\]!
t.uv3"#wxy)_`|}~!
tOuvwxy)�*�������h!
World Wide
Web
Z[G! _`|}~!
�*|��!
Leading the Web to Its Full Potential...!
8"
�HTML(;Z[G��!HTML
HTML2
HTML3
HTML3.2
HTML4
HTML4.01
XHTML1.0
XHTML Basic
XHTML2.0
XHTML1.1
HTML5
1989,!
1994,!
1995,!
1997,!
1997,!
1999,!
2000,!
2001,!
2000,!
SGML�XML!
����!
IEFTZ[G!
�9����!
3"#HTML!
�?��AG!
XML�"c!
Public ���"fz{G����
MS�Opera,Mozila,Google,Apple� ¡�¢a���
2010,-0/aDraft£2012,aCR�Ush�
2007,+¤
¥¦§��¢a£¨©ª%«¬ªDB®���"f����
iXHTML2.0¯£°±�z{Ga²�£³#HTML´©B©µX¶·h¸$%&
'�¹ºh¸»�¼"c£Public®)$'&'½¯¾¿ÀÁf#�#�
UÂÃWebÄ®)·ÅG�
�ÆÇ)�È
9"
ÉÊG!
�Ë10,ÌÈÍ�aHTML¡ ÎÏ�?ЩѬÒh¸)Ó!
•! &Y$)ÔÕ¡9bcÖ¡×ØÓ� –!ウェブアプリケーションの登場 –!動画を含む、よりリッチなコンテンツが 流通するプラットフォームに
•! &Y$�Ä®h¸ÙÚ¡Û{a�×ØÓ� –! PC用から始まったが、フルブラウザ化により、様々なデバイスで活用されだした。
•! Ü�Ò©Ý�ÞG½£ßàá�ÙÚ¡�9"£âãaäå¸æçÒ%¬ªèé�êz{ëì)íî¡ïåØ�
%"
0� Electronics magazine <10,Aug.2009>!
:"
HTML5 described 30pages.
W3C/Keio support the paper. Masao commenting the top page.
http://techon.nikkeibp.co.jp/article/HONSHI/
20090803/173795/!
http://techon.nikkeibp.co.jp/article/
HONSHI/20090803/173797/!
ð!)&Y$Z[¡¹ºh¸��!
•! HTML5 –!Web Storage –!Web Workers –!Web Sockets –!canvas –!Drag and Drop API
•! SVG (Scalable Vector Graphics) •! Geo Location APIs •! MMI/EMMA
&Y$ÑÒñò�óЩ)_`aôh¸ô6!
•! Web Storage –!クライアントにデータを保持できる機能 –!オフラインでの利用を可能に
•! Web Workers –!JavaScriptを効率的に走らせることができる
•! Web Socket –!クライアント/サーバ間のやりとりを効率化
!*"
"""";<'=8">)-?.@)"""
A@B"C-D1@E."5F6!
!!"
;<'=GHCC"
I(J(CD)0KE!
A@B"C-D1@E."
HLMN!
A@B"C@)J@)!
A@B"5FF!
A@B"C-D1@E"
C@)J@)!
<HF&6F"5FF!
<HF&6F"6&2!
<HF&6F!
TCP/IP
Communication!
Request, response! Request
+ Upgrade:
Web Sockets!
http://oldexample.com/app
<HF&6F!
http://newexample.com/app
HO6".D)0KE"
F@)P&QRBS!
* CGI script
less !
"""";<'=8">)-?.@)"""
A@B"C-D1@E."5F6"TH/(EU!
!#"
;<'=GHCC"
I(J(CD)0KE!
A@B"C-D1@E."
HLMN!
A@B"C@)J@)!
A@B"5FF!
<HF&6F"6&2!TCP/IP
Communication!
Request, response!
http://oldexample.com/app
<HF&6F!
HO6".D)0KE"
F@)P&QRBS!
"""";<'=8">)-?.@)"""
;<'=GHCC"
I(J(CD)0KE!
A@B"C-D1@E."
HLMN!
<HF&6F"6&2!
•!CGI script less
•!Perl/Ruby less!
ñ¬õ�ö÷X²�·Åa!•! canvas
–! javascriptで2D表現の画像/動画が可能に –!プロプライエタリなソフトに頼らず動画コンテンツを表現できる
–!プラグインが不要になるリッチ表現仕様。 •! SVG(Scalable Vector Graphics)
–!ベクターイメージは品質の劣化なく サイズを変更可能なので、地図表示(拡大縮小)など、に適する。
–!様々なデバイスでも共通仕様でコンテンツ提供できる技術。
!$"
HTML5;canvas>�
http://gyu.que.jp/jscloth/!
http://gyu.que.jp/jscloth/miku.html!
http://gyu.que.jp/jscloth/touch.html!
http://d.hatena.ne.jp/gyuque/!
BøÞõùú¬û©ü¯£ý$%&'a÷þ¾¿ÀÁf#¸ Canvas )��½¾÷ÿ�½!¸�!
2009.2.11"#jCanvasa²¸3DBøÞõùú¬û©ü�$èé�ú©Þõ��%©üm!
ð&õ�$'$%HIJ;
!7"È()>�£Ä®¶ÿ*+,-!
!8"
;.ø@�¨/�?;!;%Þ@�¨/�?;;;;!
SVG (Scalable Vector Graphics)
0�DÞ½¾¿Ä®ÀÁf#¸�{1�>Ϩ޽)ñ¬õö÷2deh¸QR�!
SVGa²¸34EF)Ä®tPCu
http://www.gsi.go.jp/WNEW/PRESS-RELEASE/2007-0719c.html!
5678>�@ (7839n) Ã.:(;<)134�SVGG"=+�
��5>®SVG340�DÞ(?a1000:��ÌÈa@AB-)
SVGa²¸34EF)Ä®t��u
CSVGD��D�¯£Z[¾¿,-½£
jEFGDm�"f£GPS�H�"fIJK]�34ö�)0�DÞX¹ºÀÁf#gh�
Android�HTML(!•! Geolocation API
–!位置情報を取り扱うAPIもHTMLに組み込まれる
•! Drag and Drop API –!(現時点では)タッチ操作が主であるAndroid端末ではUIを規定する要素として注目
!:"
Geolocation API •! »)²L�IJEF�M®"Ø0�DÞ�X×�âãa+�h¸»�¡½bgh!
Drag and Drop API!@¬õ$«A� Û{�NO¨©@èY�Þ�l¹�h¸AndroidP)�ϨA��®ÑÒñ+�aQ#f£»)²L�NORS)API¡Z[GÀÁ¸»�¯Tí�!
UVÃDrag & Drop - HTML5 W | Diaspar Journal <http://diaspar.jp/node/200>!
#!"
��XH�tÞú�ª/�@H�u!
5O/�@"Þú�ª/�@"NH;LVN<"
5O/�@"Þú�ª/�@"NH;LVN<" 5O"
0�DÞ"
0�Ï!
A@B"
$%&'!
MC'0�DÞ"
Y¨©ª0�DÞ"
Z´[OY¨©ª!\]H�Ã"-£5OJ^"
.£5O_`�XJ^"
O£Þú�ª/�@0�DÞ#]a"
O£A@B$%&'J^! �QRÃbú©Bc¬øA@B")6®"
d5�X"
NH;LVN<!
A@B"6&2"
N''5�Æ!
;OA!
0K/-W@"
��"
FH"
M<X"
|||!
�úAõ��eAô>D�f©üüA�Ò!
úAõ��eAtÛ{�NgOhiuaô6"ØZ[èé�ú¬ªtEMMAu�]7� http://www.w3.org/2002/mmi/
��5>
j�ê�
'�GD
kllÒC�m
D!TV
||| ¨©Bñ?Y©ªnopq
UÂÃr�ꫬªD�ø2)
WebÄ®)·ÅG��Æ
##"
#$"http://www.w3.org/TR/mmi-arch/#OverviewConstituents!
�!
«¬ªD�øaTÁ¸>�@hs�tfEMMAaÉ1"Ø�>A!
�2RER)@"Y-Z@P"!
§§¥£N''5Ä®!
#8"
(AT&T)speak4it (>�) ÃuvNO£uvPwxGoogleMap½)yz{|}ö�£@¬õNOa²¸~��;MMI£EMMAz{½)WebÄ®>�!
http://www.youtube.com/watch?v=OURZpqh-35A&eurl=&feature=player_embedded!
������ð!)&Y$Z[QRz{¡XØ�h��!
1.v+�a��)�v"
���v���a��a"�ÀÁØz{a²�£���®ÿ��¾¿�¾÷�v"
���v����vaQ#fX�]"Øç�)���®ÿ�����¾÷�!
..Ä®a��)Ä�"���v���� HTML5Z[a[�"ØwxyvÑÒñò�óЩ½!Á�£ )²L�$%&
'ȽX��²LaÄ®ÿ�a�¸Ø £¡¢�¸K]#]a) ¡¢�¸K]£¤a
X¥�Á¸»�X�c��£��)âã�¦§½bgh�"
���v!��v"
vvv�a�v¨©ª�«¬v� aXô®"+¸wxyZ[��)¹º "
�b�v!©¯°±«)¹º;twxyv©¯°±«v�²³uv"
;v�c�v!í´¹º;µ¶�·¸�«¹£µ¸º»x¯¹£localStrage(ø%¨Ñ©ª¼½¾"¿À� P!
OÁ®)��v"���v����v�vaQ�¸���®Ç)ÃÄa²�£+�a´©B©µ¹ºaaQ�¸Å
®ÆO¡ÇÈÀÁgh�"
���v����v�v½¯!��)ÉÊa²�£Ë©ª�«¬ËvK]��aKG"ØÌÍ"ØÎÏÑ
Òñò�óЩaXÐÑh¸vwxyvÑÒñ ò�óЩ�£Å®�ÒÓÓ£+�½b¸²La
��gh�!
#9"
JLTF;)ÔÕ
論議のホームページ:
http://www.w3.org/2007/02/japanese-layout/
最新の規格書ドラフトは:
http://www.w3.org/TR/jlreq/
http://www.w3.org/TR/jlreq/ja/
0WÖ)C¨Ñ&ª�×Ö½]7"£0WÖ�3"cö�½b¸²Laö�z{�Z[Gh¸M��0WÖaÓ#f¯£Ø¥Ù X4051½]7"£×ÖW¯£WOC)ÚÛ�"f]7"²L���"f#gh�
1Ü$%&'½ÝÞß3¡½b¸à��
áå�£AD¡3"cö�ÀÁ¸à���¸â
jã)7äå)£ÝÞ]æ½)Wç�×Ö½]7"Øm»�¡£èæÂaéfX�ê�"f£ëUÀÁ¸M�½h�
×Ö�0WÖ).Ó)/�AñÞª½ìíÀÁf#gh�
JLTF;)ÔÕtADu
http://www.w3.org/TR/jlreq/
Nikkei Communication magazine <15 Aug.2009> !
#+"
20 comments from key person of information area
*Natsuno-san and Masao Commenting !
HTML5 is important so every
company have to join the W3C. !
Jî0�DÞ-Ã0WÖ)EF�ï;!
$*"
ËðUÊ"Ø#� �;tñ×Ö¯£òó×�ô#�õLö�
Ëð£j�W3C0WÖ/�Aú÷?©m�M®øÀ#�
-£ùl�/�AÑúCÞ�#Øû��£/�Aú÷?©Jîa�Ágh�
ü0WÖ½)/�Aú÷?©�ý"Èþgh�
üð!ÿ!¨.©ª~]� �Q"�"gh�M®øÀ#�
.£0WÖ½)k#§$( IG-Japan�%&t-./+¤~]u"gh�
ü'½XUÊ"f£0WÖ½(é�S)½b¸*a"gh�Ëð£UÊcûÀ#�
ür�ê+�?£È"/�Aú÷?©½),��"gh�!
7-Z[G20W)v�.�g"óLâ!
0WJî0�DÞ.Ã6O[I(K(Wt6O[IFUT!#/Ó�+¤~]U!
$!"
0WJî)J;t0WtÏJí.P&,u"
''6[AO!;<'=8[
AO!CXO[AO!
CXO[6O!
CXO[6O[IF!
6O[I(K(W!
M�Ã2#2B�úñJü-P&./�ttÏJí)/¯01¸u"EF¯£æç/�AñÞªaf�2�34¯£B�úñ�e�Ó�f�®�!
0WJî)J)�a£Jîô5�"Ø6O[I(K(W�-Óç6�;<'=(Ó�¤ ¸¡£��¯£7ÓB�ú�ìí"£0WÓ�)�ï�Us"Ø#�!
CXO[6O!
;<'=8[
6O!''6[6O!
•! WebZ[£ã"fW3C)M�aëU"fcûÀ#�!
•! 18a&Y$)ÿ�Ç��9À9f#bg"óL�
•! jç-:-;HTML(z{m¡ëUâ Ka£0W¡+(�£{1�>ϨÞtTV£'�GD£¨©@�r©£<Z«�%@£��£PC||u2)*+�
•! èæ½Xî �Áf#¸�èæ2�ïâ
g� !
•! Vè=WebQR)>*xZ[G!–!これまで個別のサービス/アプリケーション提供者が個別に開発、提供してきた技術が、W3Cによって集約、標準化される
•! Ü�Ò©�ϨA|Ò%¬ªèé�ê)_`!
•! ウェブのもつ可能性の増大 •! モバイル環境でのウェブ利用形態にも大きな変化が •! その変化を生み出すのは、開発者である皆さんです
$7"
Leading the Web to Its Full Potential...!
!�¡�L?@#g"ØÁ
Keio-contact@w3.org
http://www.w3.org!
$8"
wABCDEF;EF�P!
-£W3CM�ÔÕ
÷þ¯£3sW¯×Öa�×f#gh¡£?M®cûÀ#� �G�+�?: http://www.w3.org/Consortium/join
�W3CtÜ: http://www.w3.org/Consortium/about-w3c;t×Öu �0WÖWjW3CM�Hímà ;;;;;;;;;http://www.w3.org/2009/04/w3c-keio-chronology/leaflet-200811.pdf
.£NJI:JtCDu NJ¯£OÞB¬Òa�×fQ�£ø")I":-J+�?Ó�ÞB¬Ò-�"×fcûÀ#�h¸�K7)WñÓ�/�A¡�gh�ã)L£ÞB¬Ò.2�-£M�J��*�"fNO��)TÁa��gh�
�I":-+�?: http://www.w3.org/Consortium/application.php3 ;P0WÖa²¸"NQR÷¨úÃW3c Application Step 1.pdf
.£M�JSht×Öu;È"½TÁØI":-+�?Ó�UÏÂ�M�J(Membership Agreement)2)ñ©ø¡!�gh�
;�M�¯£0WJî)M�¯£56789:)SFCHIV�WX"gh� ;�NJ,�Y £O,¯£Z¾"f#Øûc»�a�×f#gh�
;�Jů£,[\�Èþ(]^_ÌÈ)\]`¯£]pK:_^,t09.4.1÷þu�;;
NJaab!¸Q2CDcûÀ#�gØ£wABcdxº¯vexº¯f¶¯·g�¶ghiA²¯°jg½?1FcûÀ#�!
kUlm!
A$HRSno$!W3CtÜaÓ#f:
* W3Cª¬Ò+�?=http://www.w3.org/!
vvvvpvW3CaÓ#f=http://www.w3.org/Consortium/!vvvvpvq frÁ¸Q��)G�=http://www.w3.org/Consortium/new-to-w3c.html!
Z[z{\]M�aÓ#f!
vvvvpvW3C Process Document=http://www.w3.org/2005/10/Process-20051014/
K¶QsaÓ#f!
vvvvpvW3C Patent Policy=http://www.w3.org/Consortium/Patent-Policy-20040205/
* Patent Policy FAQ=http://www.w3.org/2003/12/22-pp-faq.html * Implementation of Patent Policy=http://www.w3.org/2004/01/pp-impl/
W3CtJ)0WÖuv�=http://www.w3.org/2005/11/Translations/Query?titleLanguageMatch=&lang=ja&search2=Submit
Z[[�Ãwµ�A tValidator)=http://validator.w3.org/#validate_by_uri
kUlm!
Recommended