Upgrade to Pro — share decks privately, control downloads, hide ads and more …

20090925 情報処理学会デジタルドキュメント研究会招待講演

20090925 情報処理学会デジタルドキュメント研究会招待講演

2009-09-25, 情報処理学会デジタルドキュメント研究会招待講演
タイトル:「HTML5の過去、現在、未来」

Avatar for Takeo Kunishima

Takeo Kunishima PRO

November 15, 2023

More Decks by Takeo Kunishima

Other Decks in Technology

Transcript

  1.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ XHTML 2 Working Group Expected to Stop Work

    End of 2009, W3C to Increase Resources on HTML 5 2009-07-02: Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the HTML Working Group, W3C hopes to accelerate the progress of HTML 5 and clarify W3C's position regarding the future of HTML. A FAQ answers questions about the future of deliverables of the XHTML 2 Working Group, and the status of various discussions related to HTML. Learn more about the HTML Activity. -- http://www.w3.org/News/2009#item119
  2.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ )5.-Ұ८Γ w)5.- 9)5.- %0.)5.-ͱޙํޓ׵ w%0.ʹΑΔσʔλߏ଄ͷنఆ w.*.&UZQFͱݫ֨ʹରԠͨͭ͠ͷϏϡʔɿ \)5.- 9)5.-^TZOUBY

    w8FCΞϓϦέʔγϣϯͷͨΊͷػೳɾΫϥΠΞ ϯτଆ"1*܈ w"QQMJDBUJPO$BDIF %SBH%SPQ"1* 8FC 4UPSBHF 8FC%BUBCBTF 8FC8PSLFST ʜ wNJDSPEBUBɿඪ४૷උͷϝλσʔλهड़ํࣜ
  3.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ )5.- w 5JN#FSOFST-FFʹΑΓઃܭ w )5.- *&5'*OUFSOFU%SBGU  w

    )5.- 3'$  w )5.- 8$קࠂ  w )5.- 8$קࠂ 1) http://en.wikipedia.org/wiki/HTML 2) http://www.kanzaki.com/docs/html/htminfo-ex1.html
  4.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ 9)5.-ͷྫ  YNMWFSTJPOzzFODPEJOHzVUGz  %0$5:1&IUNM16#-*$l8$%5%9)5.-4USJDU&/z lIUUQXXXXPSH53YIUNM%5%YIUNMTUSJDUEUEz IUNMMBOHzKBzYNMMBOHzKBzYNMOTzIUUQXXXXPSH YIUNMz

    IFBE NFUBIUUQFRVJWzDPOUFOUUZQFz DPOUFOUzUFYUIUNMDIBSTFUVUGz UJUMF9)5.-จॻͷྫUJUMF IFBE CPEZ I9)5.-จॻͷྫI Q࠷ॳͷஈམQQ࣍ͷஈམQ CPEZ IUNM 9)5.-)5.- ͷ9.-ߏจ൛ 9)5.-≓9)5.- 4USJDU
  5.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ 9)5.-  YNMWFSTJPOzzFODPEJOHzVUGz  %0$5:1&IUNM16#-*$l8$%5%9)5.-&/zlIUUQ XXXXPSH.BSL6Q%5%YIUNMEUEz IUNMYNMMBOHzKBzYNMOTzIUUQXXXXPSHYIUNMz IFBE

    UJUMF9)5.-จॻͷྫUJUMF IFBE CPEZ TFDUJPO I9)5.-จॻͷྫI Q࠷ॳͷஈམQQ࣍ͷஈམQ TFDUJPO CPEZ IUNM ৽ͨͳ໊લۭؒ ֊૚తจॻߏ଄ εΩʔϚͷϞδϡʔϧԽ 9'PSNT 9.-&WFOUT  3%'B FUDͷ૊ࠐΈ )5.- 9)5.-ͱͷޓ׵ੑ͸ͳ͠
  6.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ 9)5.-8(ͷ໨ඪ This document type is designed to be

    portable to a broad collection of client devices, and applicable to the majority of Internet content. -- http://www.w3.org/TR/xhtml11/introduction.html It is designed for Web clients that do not support the full set of XHTML features; for example, Web clients such as mobile phones, PDAs, pagers, and settop boxes. -- http://www.w3.org/TR/2000/REC-xhtml-basic-20001219
  7.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ W3C is pleased to announce the new HTML

    Working Group, chartered to create the next HTML standard with the active participation of browser vendors, software developers, and content designers. "It's time to revisit the standard and see what we can do to meet the current community needs, and to do so effectively with commitments from browser manufacturers in a visible and open way," said Tim Berners-Lee, W3C Director. -- http://www.w3.org/QA/2007/03/new-html-working-wg.html ৽)5.-8( 8)"58( 5IF8FC)ZQFSUFYU"QQMJDBUJPO 5FDIOPMPHZ8PSLJOH(SPVQ ͱڞಉͰ࡞ۀ
  8.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ 8)"58( w೥ʹ"QQMF UIF.P[JMMB'PVOEBUJPO  0QFSB4PGUXBSFʹॴଐͷݸਓʹΑΓઃཱ w໨తɿ૬ޓӡ༻ੑΛ࣋ͭ8FCΞϓϦέʔγϣ ϯͷͨΊͷ)5.-पลٕज़ͷඪ४ࡦఆ “The

    new technologies being developed by the W3C ... are often designed to address other needs and only consider Web Applications in a peripheral way.” -- http://www.whatwg.org/news/start
  9.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ This speci fi cation de fi nes the

    5th major revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features are introduced to help Web application authors, new elements are introduced based on research into prevailing authoring practices, and special attention has been given to de fi ning clear conformance criteria for user agents in an effort to improve interoperability. -- http://www.w3.org/TR/html5
  10.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ )5.-TZOUBY %0$5:1&IUNM IUNMMBOHzKBz IFBE NFUBDIBSTFUzVUGz UJUMF)5.-จॻͷྫUJUMF IFBE CPEZ

    I)5.-จॻͷྫI Q࠷ॳͷஈམQQ࣍ͷஈམ CPEZ IUNM ৚͕݅ἧ͑͹ ऴྃλά͸লུ Մೳ ۭཁૉͷ࠷ޙͷ͸ ͋ͬͯ΋ͳͯ͘΋Α͍
  11.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ 9)5.-TZOUBY 9)5.-  YNMWFSTJPOzzFODPEJOHzVUGz  IUNMMBOHzKBzYNMMBOHzKBz YNMOTzIUUQXXXXPSHYIUNMz IFBE

    UJUMF9)5.-จॻͷྫUJUMF IFBE CPEZ I9)5.-จॻͷྫI Q࠷ॳͷஈམQQ࣍ͷஈམQ CPEZ IUNM ߏจ্ͷ੍໿͸9.-ͷ ΋ͷ͚ͩɻ9)5.-ಠࣗ ͷ੍໿ ྫจॻܕએݴ ͸ഇࢭ ໊લۭؒ͸ 9)5.-ͱಉ͡
  12.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ .*.&UZQF )5.- 9)5.- text/html application/xhtml+xml HTML parser XML

    parser HTML document XML document w )551$POUFOU )FBEFSதͷ.*.& UZQFʹΑͬͯ QBSTFSΛબ୒ w 9)5.- UFYU IUNMͰ΋)5.- QBSTFSʹͳΔ w )5.-ͱ9.-ͷҧ͍ ͸$44΍"1*ͷಈ࡞ ʹӨڹ
  13.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ ֊૚తͳจॻߏ଄ BSUJDMF IHSPVQ I"QQMFTI I5BTUZ EFMJDJPVTGSVJUI IHSPVQ Q5IFBQQMFJTUIFQPNBDFPVTGSVJUPGUIFBQQMFUSFFQ

    TFDUJPO I5BTUFI Q5IFZUBTUFMPWFMZQ TFDUJPO I4XFFUI Q3FEBQQMFTBSFTXFFUFSUIBOHSFFOPOFTQ TFDUJPO TFDUJPO TFDUJPO I$PMPSI Q"QQMFTDPNFJOWBSJPVTDPMPSTQ TFDUJPO BSUJDMF ݟग़͠(heading)ͷ άϧʔϐϯά sectioning content (article, aside, nav, section)ʹΑΔ ֊૚ߏ଄
  14.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ .BUI.- 47(ͷ ຒΊࠐΈ w NBUIཁૉɺTWH ཁૉΛ৽ͨʹಋ ೖ w

    ಺༰͸ .BUI.-  47(ͱղऍ͞ ΕΔ  fi HVSF NBUI NJBNJ NPNP NTRSU NTVQNJCNJNONONTVQ NJ NJ NTVQNJDNJNONONTVQ NTRSU NBUI MFHFOE 6TJOH1ZUIBHPSBTUIFPSFNUPTPMWFGPSUIF IZQPUFOVTFWBSBWBSPGBUSJBOHMFXJUITJEFT WBSCWBSBOEWBSDWBS MFHFOE  fi HVSF http://www.w3.org/TR/html5/text-level-semantics.html#the-var-element
  15.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ ϧϏ w3VCZ"OOPUBUJPO<>ͷTJNQMFSVCZ NBSLVQ XJUIQBSFOUIFTJT Λಋೖ wDPNQMFYSVCZNBSLVQ͸೉ͦ͠͏ <ruby> ׽

    <rp>(</rp><rt>͔Μ</rt><rp>)</rp> ࣈ <rp>(</rp><rt>͡</rt><rp>)</rp> </ruby> [1] http://www.w3.org/TR/ruby/ http://www.w3.org/TR/html5/text-level-semantics.html#the-rp-element
  16.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ DSPTTEPDVNFOU NFTTBHJOH http://example.com window.addEventListener('message', receiver, false); function receiver(e)

    { if (e.origin == 'http://example.com') { if (e.data == 'Hello world') { e.source.postMessage('Hello', e.origin); } else { alert(e.data); } } } iframe (http://b.example.com) var o = document.getElementsByTagName('iframe')[0]; o.contentWindow.postMessage('Hello world', 'http://b.example.org/'); http://www.w3.org/TR/html5/comms.html#crossDocumentMessages
  17.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ NJDSPGPSNBUT EJWDMBTTWDBSE BDMBTTVSMISFGIUUQULLVOJMBCPSHKBUJUMFࠃౡৎੜͷαΠτ΁ TQBODMBTTGOO TQBODMBTTGBNJMZOBNFࠃౡTQBO TQBODMBTTHJWFOOBNFৎੜTQBO TQBO B

    BDMBTTFNBJMISFGNBJMUPULVOJTIJ!HNBJMDPN UJUMFࠃౡৎੜʹϝʔϧ͢ΔzULVOJTIJ!HNBJMDPNB EJWDMBTTBES ˟TQBODMBTTQPTUBMDPEFTQBO TQBODMBTTSFHJPOԬࢁݝTQBO TQBODMBTTMPDBMJUZ૯ࣾࢢTQBO TQBODMBTTTUSFFUBEESFTTۼ໦TQBO TQBODMBTTFYUFOEFEBEESFTTԬࢁݝཱେֶ৘ใ޻ֶ෦TQBO EJW EJWDMBTTUFMEJW EJW DMBTTଐੑͷ஋Ͱϝ λσʔλͷଐੑ໊Λ ఆٛ ཁૉͷ֊૚ϝλ σʔλͷଐੑͷ֊૚ ϝλσʔλͷޠኮ͸ จॻϓϩϑΝΠϧ 9.%1 Ͱఆٛ
  18.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ 3%'Bͷྫ IUNM YNMOTIUUQXXXXPSHYIUNM YNMOTGPBGIUUQYNMOTDPNGPBG YNMOTEDIUUQQVSMPSHEDFMFNFOUT  IFBE UJUMF.ZIPNFQBHFUJUMF

    NFUBQSPQFSUZEDDSFBUPSDPOUFOU.BSL#JSCFDL MJOLSFMGPBGUPQJDISFGIUUQXXXGPSNT1MBZFSDPNVT IFBE CPEZ 5IJTEPDVNFOUJTMJDFOTFEVOEFSB BYNMOTDDIUUQDSFBUJWFDPNNPOTPSHOT SFMDDMJDFOTF ISFGIUUQDSFBUJWFDPNNPOTPSHMJDFOTFTCZODOE $SFBUJWF$PNNPOT-JDFOTF B CPEZ IUNM ओޠจॻࣗ਎ ड़ޠSFMଐੑ ໨తޠDPOUFOUଐੑ ISFGଐੑ ओޠDPOUFOU ISFG ड़ޠSFW ໨తޠɿจॻࣗ਎ http://www.w3.org/TR/rdfa-syntax/
  19.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ 3%'Bͷྫ IUNM YNMOTIUUQXXXXPSHYIUNM YNMOTDBMIUUQXXXXPSHDBMJDBM  IFBEUJUMF+PT'SJFOETBOE'BNJMZ#MPHUJUMFIFBE CPEZ Q

    *NIPMEJOH TQBOQSPQFSUZDBMTVNNBSZ POFMBTUTVNNFS#BSCFDVF TQBO  PO4FQUFNCFSUIBUQN Q CPEZ IUNM ओޠจॻࣗ਎ ड़ޠQSPQFSUZଐੑ ໨తޠཁૉͷ಺༰  DPOUFOUଐੑ http://www.w3.org/TR/rdfa-syntax/
  20.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ 3%'Bͷྫ IUNM YNMOTIUUQXXXXPSHYIUNM YNMOTCJCMJPIUUQFYBNQMFPSH YNMOTEDIUUQQVSMPSHEDFMFNFOUT  IFBE UJUMF#PPLTCZ.BSDP1JFSSF8IJUFUJUMF

    IFBE CPEZ *UIJOL8IJUFTCPPL TQBOBCPVUVSO*4#/UZQFPGCJCMJPCPPL QSPQFSUZEDUJUMF $BOUFFO$VJTJOF TQBO JTXFMMXPSUIHFUUJOHTJODFBMUIPVHIJUTRVJUFBEWBODFETUV ff IF NBLFTJUQSFUUZFBTZUPGPMMPX CPEZ IUNM BCPVUଐੑओޠͷ໌ࣔ UZQFPGଐੑओޠͷΫϥε http://www.w3.org/TR/rdfa-syntax/
  21.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ NJDSPEBUBͷྫ EJWJUFNWDBSE TQBOJUFNQSPQGOࠃౡৎੜTQBO BJUFNQSPQVSMISFGIUUQULLVOJMBCPSHKBUJUMFࠃౡৎੜͷαΠτ΁ ࠃౡৎੜ B BJUFNQSPQFNBJMISFGNBJMUPULVOJTIJ!HNBJMDPN UJUMFࠃౡৎੜʹϝʔϧ͢ΔzULVOJTIJ!HNBJMDPNB

    EJWJUFNQSPQBESJUFN ˟TQBOJUFNQSPQQPTUBMDPEFTQBO TQBOJUFNQSPQSFHJPOԬࢁݝTQBO TQBOJUFNQSPQMPDBMJUZ૯ࣾࢢTQBO TQBOJUFNQSPQTUSFFUBEESFTTۼ໦TQBO TQBOJUFNQSPQFYUFOEFEBEESFTTԬࢁݝཱେֶ৘ใ޻ֶ෦TQBO EJW EJWJUFNQSPQUFMEJW EJW ϓϩύςΟ ໊લ ஋  JUFNQSPQଐੑ ΞΠςϜϓϩύςΟͷू ߹ JUFNଐੑ
  22.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ UZQF wΞΠςϜ΍ϓϩύςΟͷϘΩϟϒϥϦͷࢦఆ w૊ࠐΈ W$BSE J$BMFOEBS   w63-

    EJWJUFNzIUUQFYBNQMFDPN QFSTPOz wSFWFSTFE%/4MBCFMT EJWJUFNzDPNFYBNQMFQFSTPOz
  23.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ ϓϩύςΟ໊ͷTDPQF TFDUJPOJUFNPSHFYBNQMFBOJNBMDBU IJUFNQSPQOBNF)FESBMI QJUFNQSPQEFTD)FESBMJTBNBMFBNFSJDBOEPNFTUJD TIPSUIBJS XJUIB fl V

    ff ZTQBO JUFNQSPQDPNFYBNQMFDPMPSCMBDLTQBOGVSXJUI TQBO JUFNQSPQDPNFYBNQMFDPMPSXIJUFTQBOQBXTBOE CFMMZQ JNHJUFNQSPQJNHTSDIFESBMKQFHBMU UJUMF)FESBM BHFNPOUIT TFDUJPO PSHFYBNQMFBOJNBMDBUOBN IUUQMJTUTXIBUXHPSHQJQFSNBJMXIBUXHXIBUXHPSH.BZIUNMʢҰ෦վมʣ
  24.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ จॻߏ଄ͱಠཱͳߏ଄ Q5IFUXPMBNQTBSFTQBOJUFNJEBTQBO JUFNQSPQDPNFYBNQMFOBNF"TQBOTQBOBOETQBOJUFN JECTQBOJUFNQSPQDPNFYBNQMFOBNF#TQBOTQBO5IF fi STU JTTQBOTVCKFDUBJUFNQSPQDPNFYBNQMFQSJDFTQBO UIF

    TFDPOETQBOTVCKFDUC JUFNQSPQDPNFYBNQMFQSJDFTQBO5IF fi STUJTTQBO TVCKFDUBJUFNQSPQDPNFYBNQMFQPXFS8TQBO UIFTFDPOE TQBOTVCKFDUCJUFNQSPQDPNFYBNQMFQPXFS8TQBOQ ΞΠςϜͷࣝผࢠJEଐੑ ΞΠςϜͷࢀরTVCKFDUଐੑ IUUQMJTUTXIBUXHPSHQJQFSNBJMXIBUXHXIBUXHPSH.BZIUNMʢҰ෦վมʣ
  25.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ .JDSPEBUB%0."1* var cat = document.getItems('org.example.animals.cat')[0]; var colors =

    cat.properties['com.example.color'].contents; var result; if (colors.length == 0) { result = 'Color unknown.'; } else if (colors.length == 1) { result = 'Color: ' + colors[0]; } else { result = 'Colors:'; for (var i = 0; i < colors.length; i += 1) result += ' ' + colors[i]; } UZQFbPSHFYBNQMFBOJNBMTDBU`Λ ࣋ͭཁૉू߹ /PEF-JTU Λฦ͢ UZQFbDPNFYBNQMFDPMPS`Λ࣋ͭ ϓϩύςΟͷ஋ $PMMFDUJPO Λฦ͢ http://www.w3.org/TR/html5/microdata.html#using-the-microdata-dom-api
  26.  ৘ใॲཧֶձσδλϧυΩϡϝϯτݚڀձ ೔ຊޠϦιʔεू w)5.-+1 IUUQXXXIUNMKQ  wIUNMEFWFMPQFSTKQϝʔϦϯάϦετ IUUQ HSPVQTHPPHMFDPKQHSPVQIUNMEFWFMPQFSTKQ 

    wϚΠίϛδϟʔφϧͷಛू നੴढ़ฏࢯ  w৽λά"1*ฤ IUUQKPVSOBMNZDPNDPKQ TQFDJBMIUNM  w8FCΞϓϦ։ൃฤ IUUQKPVSOBMNZDPNDPKQ TQFDJBMIUNM