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

サルでもわかるHTML5入門

Avatar for kaneko tomo kaneko tomo
October 27, 2012

 サルでもわかるHTML5入門

HTML5の超簡単な概要紹介。

Avatar for kaneko tomo

kaneko tomo

October 27, 2012
Tweet

Other Decks in Technology

Transcript

  1. 8$קࠂͷ࣌ظ w 8$קࠂʹ8$קࠂͱͳͬͨจॻ͸ɺ 8$ϝϯόʔ૊৫ ͱҰൠࣾձͷϨϏϡʔΛࡁ·͍ͤͯΔɻ8FCٕज़ͷඪ४ԽΛ ໨తͱ͓ͯ͠ΓɺଞͷۀքͰͷެࣜͳ޻ۀن֨ͱಉ౳ͳϨϕ ϧͷ΋ͷͰ͋Δɻ ʻεέδϡʔϧʼ ೥ )5.-קࠂ༧ఆ

    ˣ ͍Ζ͍Ζ٧ΊࠐΜͰ͍Δ͏ͪʹɺ೥ӽ͠ ˣ ΍ͬͺΓ೥ΛΊͦ͟͏ʂʂ ˣ ݱࡏͷ༧ఆͰ͸೥קࠂʜ ʮ)5.-ͷ׬੒ʹ͸ɺ ͋ͱ೥͸͔͔ΔͰ͠ΐ ͏ɻʯ ΞυϏ γεςϜζ γχΞ ϓϥοτϑΥʔϜ ΤόϯδΣϦετ &OSJRVF%VWPT IUUQBTDJJKQFMFN  1IPUPCZ.JDIBFM$IBJ[F IUUQXXXGMJDLSDPNQIPUPT !/
  2. 8$ͱ8)"58( 9)5.- )5.- ৽͍͠)5.- 8$͸ɺ ʠจॻʡ Λޮ཰తʹߏ ଄Խ͍ͨ͠ ੈؒͰ͸ ʠ8&#ΞϓϦʡ

    ͕૿͍͑ͯΔ ํ޲ੑͷҧ͍ FH ϒϩάɺࣾ಺ۀ຿ΞϓϦέʔγϣϯ
  3. ڱٛͷ)5.- ޿ٛͷ)5.- ڱٛͷ)5.- OFX)5.- OFX+BWB4DSJQU"1* 4&."/5*$4 0''-*/& 4503"(& .6-5*.&%*" %

     (3"1)*$4 &''&$54 %&7*$& "$$&44 1&3'03."/ $& */5&(3"5*0 / IUUQXXXXPSH53IUNM $0//&$5*7* 5: $44
  4. ڱٛͷ)5.- IUUQXXXXPSH53IUNM "CTUSBDU 5IJTTQFDJGJDBUJPOEFGJOFTUIFUINBKPSSFWJTJPOPG UIFDPSFMBOHVBHFPGUIF8PSME8JEF8FCUIF )ZQFSUFYU.BSLVQ-BOHVBHF )5.- *OUIJTWFSTJPO  OFXGFBUVSFTBSFJOUSPEVDFEUPIFMQ8FCBQQMJDBUJPO

    BVUIPST OFXFMFNFOUTBSFJOUSPEVDFECBTFEPO SFTFBSDIJOUPQSFWBJMJOHBVUIPSJOHQSBDUJDFT BOE TQFDJBMBUUFOUJPOIBTCFFOHJWFOUPEFGJOJOHDMFBS DPOGPSNBODFDSJUFSJBGPSVTFSBHFOUTJOBOFGGPSUUP JNQSPWFJOUFSPQFSBCJMJUZ ˠϚʔΫΞοϓͱ"1*ʢ+BWB4DSJQU ͷఆٛ
  5. )5.-ͷ৽λάɾଐੑ w ৽λάɿOBWɺGPPUFSɺTFDUJPOɺQSPHSFTT w ৽͍͠ଐੑJOQVUUZQFʠEBUFʡ w ഇࢭλάɿGPOUɺDFOUFS w ҙຯ͚ͮͷมߋɿTNBMM JUBMJD

    FN ʻҙຯ͚ͮͷมߋʼ ʙ)5.-TNBMM ςΩεταΠζΛͻͱ·ΘΓখ͘͢͞Δ ˣ )5.-TNBMM ࡉ໨ ࡉ໨ͱ͸ɺ௨ৗ͸ɺ໔੹৚߲ɺܯࠂɺ๏త੍໿ɺஶ࡞ ݖදهͳͲΛઆ໌͢Δ๏཯༻ޠͷ͜ͱͰ͢ɻࡉ໨͸ɺ ؼଐʹ࢖ͬͨΓɺϥΠηϯεཁ݅Λຬͨͨ͢Ίʹ࢖͏ ͜ͱ΋͋Γ·͢ɻ
  6. BVEJP WJEFPཁૉ WJEFPλάͷ৽ઃɻෳ਺ͷϜʔϏʔܗࣜΛαϙʔτ WJEFPQPTUFSNPWJFKQHDPOUSPMT TPVSDFTSDNPWJFXFCNUZQFWJEFPXFCNDPEFDTWQ WPSCJT TPVSDFTSDNPWJFPHWUZQFWJEFPPHHDPEFDTUIFPSB WPSCJT TPVSDFTSDNPWJFNQUZQFWJEFPNQDPEFDTBWD%& NQB

    Q5IJTJTGBMMCBDLDPOUFOUQ WJEFP 1IPUPCZEFFQXBSSFO IUUQXXXGMJDLSDPNQIPUPTGV[[IFBE ෳ਺ͷܗࣜͷϜʔϏʔϑΝΠϧΛࢦఆ ͓ͯ͘͜͠ͱͰɺͦΕͧΕͷΫϥΠΞ ϯτ͕ɺαϙʔτ͍ͯ͠ΔϑΝΠϧΛ ࣗಈతʹબ୒ͯ͘͠ΕΔɻ
  7. +BWB4DSJQU %0$5:1&)5.- IUNM IFBEUJUMF0OMJOFTUBUVTUJUMF TDSJQU GVODUJPOVQEBUF*OEJDBUPS \ EPDVNFOUHFU&MFNFOU#Z*E JOEJDBUPS UFYU$POUFO

    UOBWJHBUPSPO-JOF POMJOFPGGMJOF^ TDSJQU IFBE CPEZPOMPBEVQEBUF*OEJDBUPS  POPOMJOFVQEBUF*OEJDBUPS  POPGGMJOFVQEBUF*OEJDBUPS  Q5IFOFUXPSLJTTQBOJEJOEJDBUPS TUBUF VOLOPXO TQBO CPEZ IUNM ৽͍͠Πϕϯτ΍APIͷ௥Ճ
  8. ޿ٛͷ)5.- ޿ٛͷ)5.- ڱٛͷ)5.- OFX)5.- OFX+BWB4DSJQU"1* 4&."/5*$4 0''-*/& 4503"(& .6-5*.&%*" %

    (3"1)*$4 &''&$54 %&7*$& "$$&44 1&3'03."/$ & */5&(3"5*0/ IUUQXXXXPSHIUNMMPHP $0//&$5*7* 5: $44
  9. ηϚϯςΟΫε 4&."/5*$4 w ϚʔΫΞοϓͷվగʢڱٛ ͷ)5.-ʣ w ϝλσʔλͷڧԽ r 3%'B r

    ϚΠΫϩσʔλ r ϚΠΫϩϑΥʔϚοτ ɾηϚϯςΟΫεʹҙຯ ɾσʔλ΁ͷҙຯ͚ͮ
  10. ϝλσʔλͷڧԽɿ3%'B EJW YNMOTEDIUUQQVSMPSHEDFMFNFOUT BCPVUIUUQXXXFYBNQMFDPNCPPLTXJLJOPNJDT TQBO QSPQFSUZEDUJUMF8JLJOPNJDTTQBO TQBO QSPQFSUZEDDSFBUPS%PO5BQTDPUUTQBO TQBO QSPQFSUZEDEBUFTQBO

    EJW ਓؒ͸ཧղͰ͖Δ͕ɺϓϩάϥϜ͕ཧղͰ͖ͳ͍ EJW EJW5JUMF8JLJOPNJDTEJW EJW$SFBUPS%PO5BQTDPUUEJW EJW%BUFEJW EJW XJLJQFEJBΑΓҾ༻
  11. ϝλσʔλͷڧԽɿ )5.-.JDSPEBUB TFDUJPOJUFNTDPQFJUFNUZQFIUUQEBUBWPDBCVMBSZPSH1FSTPO )FMMP NZOBNFJT TQBO JUFNQSPQOBNF+PIO%PFTQBO  *BNB TQBO

    JUFNQSPQUJUMFHSBEVBUFSFTFBSDIBTTJTUBOUTQBO BUUIF TQBO JUFNQSPQBGGJMJBUJPO6OJWFSTJUZPG%SFBNTTQBO .ZGSJFOETDBMMNF TQBO JUFNQSPQOJDLOBNF+PIOOZTQBO :PVDBOWJTJUNZIPNFQBHFBU B ISFGIUUQXXX+PIOOZ%DPNJUFNQSPQVSMXXX+PIOOZ%DPNB TFDUJPOJUFNQSPQBEESFTTJUFNTDPQFJUFNUZQFIUUQEBUB WPDBCVMBSZPSH"EESFTT *MJWFBU TQBO JUFNQSPQTUSFFUBEESFTT1FBDI%SJWFTQBO TQBO JUFNQSPQMPDBMJUZ8BSOFS3PCJOTTQBO  TQBO JUFNQSPQSFHJPO(FPSHJBTQBO TFDUJPO TFDUJPO ਓؒ͸ཧղͰ͖Δ͕ɺϓϩάϥϜ͕ཧղͰ͖ͳ͍ TFDUJPO)FMMP NZOBNFJT+PIO%PF *BNBHSBEVBUFSFTFBSDIBTTJTUBOUBU UIF6OJWFSTJUZPG%SFBNT.ZGSJFOETDBMMNF+PIOOZ:PVDBOWJTJUNZ IPNFQBHFBUB ISFGIUUQXXX+PIOOZ%DPNXXX+PIOOZ%DPNB*MJWF BU1FBDI%SJWF8BSOFS3PCJOT (FPSHJBTFDUJPO XJLJQFEJBΑΓҾ༻
  12. $44 ʢ$BTDBEJOH4UZMF4IFFUT MFWFMʣ w $44Ͱ͸શମ͕ϞδϡʔϧԽ ͞ΕɺϢʔβʔΤʔδΣϯτ͕ ͲͷϞδϡʔϧʹରԠ͠ɺͲͷ ϞδϡʔϧʹରԠ͠ͳ͍͔ࣗ༝ ʹબ୒Ͱ͖ΔΑ͏ʹͳΔଞɺॎ ํ޲ͷॻࣈ΍ɺ)5.-Ҏ֎ͷن

    ֨ʹ·Ͱؔ༩ͨ͠಺༰ͱͳͬͯ ͍Δɻ w ೥݄೔ݱࡏͰקࠂ ͞Ε͍ͯΔϞδϡʔϧ͸ҎԼͷ ௨Γ w $44$PMPS.PEVMF -FWFM  קࠂ ೥݄ w ʢ8JLJQFEJB
  13. $44 ʢ$BTDBEJOH4UZMF4IFFUT MFWFMʣ ෼໺͝ͱʹϞδϡʔϧͱͯ͠෼཭͞Ε͍ͯΔɻ ʢྫʣ w ؙ֯ɾؙɾۂઢɾυϩοϓγϟυ΢ɾάϥσʔγϣϯ r $44#BDLHSPVOETBOE#PSEFST.PEVMF-FWFM r

    IUUQXXXXPSH53DTTCBDLHSPVOE w ൒ಁ໌ɾ৭ r $44$PMPS.PEVMF-FWFM r IUUQXXXXPSH53DTTDPMPS w มܗʢճస΍࿪ΈͳͲʣɾΞχϝʔγϣϯ r $445SBOTJUJPOT.PEVMF-FWFM r IUUQXXXXPSH53DTTUSBOTJUJPOT
  14. 8FC4UPSBHF w ύϫʔΞοϓͨ͠DPPLJFͱηογϣϯɻ+BWB4DSJQU͔Βૢ࡞ Մೳ r ϩʔΧϧετϨʔδ w ΫϥΠΞϯτ1$ʹӬଓతʹσʔλΛอ༗ w MPDBM4UPSBHFTFU*UFN

    ʠQPJOU ʠ  r ηογϣϯετϨʔδ w ηογϣϯ্ʹҰ࣌తʹσʔλΛอ࣋ w TFTTJPO4UPSBHFTFU*UFN ʠGSJFOET ʠ  w อଘͰ͖Δσʔλ༰ྔ͸ϒϥ΢βͷ࣮૷ʹΑΔ͕ɺେମ̑.# લޙ w $PPLJF͸Ұൠతʹ,#ఔͱ͍ΘΕ͍ͯΔͷͰɺେ෯ʹ༰ྔ Ξοϓʂ
  15. ϚΠΫɾΧϝϥ w ϒϥ΢β͔ΒɺσόΠ εͷϚΠΫɾΧϝϥʹ ΞΫηε͢Δ r :PV5VCF΁ͷ௚઀ Ξοϓϩʔυ΍ɺϓ ϥάΠϯΛඞཁͱ͠ ͳ͍؀ڥ

    ʢ)5.- +BWB4DS JQUͷΈʣͰͷνϟο τͷ࣮ݱͳͲɻ 1IPUPCZ5IF@4NJUIT IUUQXXXGMJDLSDPNQIPUPTIFBUIFS@KPZ
  16. 47( 4DBMBCMF7FDUPS(SBQIJDT w 9.-Ͱهड़͞ΕͨϕΫλʔάϥ ϑΟοΫ w ैདྷͷը૾ͷΑ͏ͳ఺Ͱͷදݱ͸ ͳ͘ɺ࠲ඪ΍਺ࣈͰදݱ͞ΕΔͨ Ίɺ֦େɾॖখ࣌ʹ΋ྠֲ͕ΩϨ Πʹදࣔ͞Ε·͢ɻ

    w දࣔͷͨͼʹܭࢉ͕͓͜ͳΘΕΔ ͨΊɺදࣔ࣌ʹෛՙ͕͔͔Δɻ w ֆͷෳࡶ͞ʹൺྫͯ͠ɺϑΝΠϧ αΠζ͕͓͓͖͘ͳͬͯ͠·͏ɻ +1&([PPN 47([PPN 4WHTBNQMFT IUUQDSPD[JMMBDPNCJUT@BOE@QJFDFTTWHTBNQMFT
  17. 8FC(- w ΢Σϒϒϥ΢β Ͱ̏%ίϯ ϐϡʔλάϥ ϑΟοΫεΛද ࣔͤ͞ΔͨΊͷ ݱࡏ։ൃதͷඪ ४࢓༷ɻ w

    DBOWBTΛ༻͍ ͯද੍ࣔޚΛ͓ ͜ͳ͏ w +BWB4DSJQUʹΑ Δ੍ޚ 8FC(-"RVBSJVN IUUQXFCHMTBNQMFTHPPHMFDPEFDPNIHBRVBSJVNBRVBSJVNIUNM
  18. ׬