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

サルでもわかるHTML5入門

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
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. ׬