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

ちいさな Web ブラウザを作ってみよう(オンライン講義版) / Build Your Own Web Browser

ちいさな Web ブラウザを作ってみよう(オンライン講義版) / Build Your Own Web Browser

本資料はセキュリティ・キャンプ全国大会 2021 B1 の講義で利用したものです。お問合せは Twitter アカウント 宛によろしくお願いします。

Takashi Yoneuchi

August 11, 2021
Tweet

More Decks by Takashi Yoneuchi

Other Decks in Programming

Transcript

  1. ͍ͪ͞ͳ8FCϒϥ΢βΛ࡞ͬͯΈΑ͏
    ηΩϡϦςΟɾΩϟϯϓશࠃେձ #τϥοΫ

    :0/&6$)* 5BLBTIJ
    IUUQTTIJGUKTJOGP

    View full-size slide

  2. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 2
    ຊߨٛࢿྉʹ͍ͭͯ
    4QFBLFS%FDLެ։൛޲͚ͷิ଍
    w ຊࢿྉ͸ʮηΩϡϦςΟɾΩϟϯϓશࠃେձΦϯϥΠϯ#ʯͷߨٛ౰೔ʹར༻
    ͞ΕͨࢿྉΛ࠶ฤͨ͠΋ͷͰ͢ɻ
    w ࣮ࡍʹ8FCϒϥ΢βΛ࡞ΔͨΊͷઆ໌͸ɺ͜ͷࢿྉʹ͸ͳ͘ɺࣄલ՝୊ࢿྉͱͯ͠
    ެ։ͨ͠ΦϯϥΠϯϒοΫIUUQTCSPXTFSCPPLTIJGUKTJOGPʹ͋Γ·͢ɻ

    View full-size slide

  3. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏
    XIPBNJ
    ৄࡉ͸IUUQTTIJGUKTJOGPʹ͋Γ·͢
    3
    ‣ ถ಺وࢤ :0/&6$)* 5BLBTIJ

    ‣ ηΩϡϦςΟɾΩϟϯϓதԝେձଔۀੜ
    ‣ ͜ΕΛػʹηΩϡϦςΟ԰Λࢤ͢Α͏ʹ
    ‣ גࣜձࣾ'MBUU4FDVSJUZࣥߦ໾һ$50
    ‣ ʮ։ൃऀͷͨΊͷɺ։ൃऀʹدΓఴͬͨη
    ΩϡϦςΟʯΛୈҰٛͱͯ͠ಇ͍͍ͯ·͢
    ‣ ੈͷதͷʢಛʹΠϯϋ΢εͷʣϓϩμΫτ
    νʔϜ͕҆৺ͯ͠ಇ͚ΔੈքΛ࡞Γ͍ͨͰ͢
    ‣ ஶॻͳͲ
    ‣ ʰ8FCϒϥ΢βηΩϡϦςΟʱ
    ‣ ʰৄղηΩϡϦςΟίϯςετʱ

    View full-size slide

  4. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏
    ߨٛͷ໨త
    #͍ͪ͞ͳ8FCϒϥ΢βΛͭͬͯ͘ΈΑ͏
    ‣ ࣄલ՝୊ͷ໨త͸8FCϒϥ΢βΛ࡞Γͳ͕ΒҎԼΛಘΔ͜ͱͰͨ͠
    ‣ طଘͷ8FCϒϥ΢β࣮૷ΛಡΉ࣌ͷख͕͔Γ
    ‣ େྔͷ8FCඪ४จॻʹ໨Λ௨͚ͩ͢Ͱ͸ಘΒΕͳ͍ಎ࡯
    IUUQTCSPXTFSCPPLTIJGUKTJOGP

    View full-size slide

  5. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏
    ߨٛͷ໨త
    #͍ͪ͞ͳ8FCϒϥ΢βΛͭͬͯ͘ΈΑ͏
    ‣ ࠓ೔ͷ)ߨٛͷ໨త͸࡞ΔͨΊͷجૅྗΛ஁͑Δ͜ͱɻΑΓ۩ମతʹ͸ʜ
    ‣ 8FCඪ४΍طଘͷ8FCϒϥ΢β࣮૷ΛಡΉྗɾۛຯ͢Δྗɾݕূ͢ΔྗΛ஁͑Δ͜ͱɻ
    ‣ 8FCΫϥΠΞϯταΠυηΩϡϦςΟͷجૅ֓೦Λܰ͘஌ͬͯ΋Β͏͜ͱɻ
    ‣ ࠓޙʢ8FCϒϥ΢βҎ֎΋ؚΊʣ༷ʑͳϓϩμΫτΛௐࠪɾֶशɾ։ൃ͍ͯͨ͘͠Ίͷ
    ͞ΒͳΔֶशΛਐΊ͍ͯͨ͘Ίͷ౔୆Λ࡞Δ͜ͱɻ
    Ͳ͏͍͏എܠͷ࢓૊ΈͩΖ͏ʁ
    ଥ౰ͳ࢓૊Έ͔ͳʁ
    ϒϥ΢β࣮૷͸ඪ४௨Γ͔ͳʁ
    🧐

    View full-size slide

  6. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 6
    ‣ 1BSUࣄલֶशͷৼΓฦΓ
    ‣ ࣄલֶशͰऔΓѻ߲ͬͨ໨Λͬ͟ͱ࠶આ໌͠·͢ɻ
    ‣ 1BSU๷ޚऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ 'FUDI4UBOEBSEΛ୊ࡐʹɺ8FCඪ४ΛಡΈղ͖ͳ͕Βɺݱ୅8FCʹ͓͚ΔηΩϡϦ
    ςΟʹ͍ͭͯͷߟ͑ํΛ࢓༷͔Βཧղ͢Δɾݕূ͢ΔԋशʹऔΓ૊ΜͰ͍͖ͨͩ·͢ɻ
    ‣ 1BSU߈ܸऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ ຊߨٛͰ࡞ͬͨϒϥ΢βͷϦϑΝϨϯε࣮૷ͷ8FCඪ४ʹै͍ͬͯͳ͍ՕॴΛ୊ࡐ
    ʹɺ8FCϒϥ΢βͷڍಈ΍8FCඪ४Λۛຯ͢ΔԋशʹऔΓ૊ΜͰ͍͖ͨͩ·͢ɻ
    ‣ 1BSU͞Βʹ޿͘ɾਂ͘ߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ 8FCϒϥ΢βͷΠϯλʔϑΣΠεʹؔ࿈͢Δ໰୊΍ɺ8FCϒϥ΢βͷ͞Βʹৄࡉͳ಺
    ෦ߏ଄ʹґڌ͢Δ໰୊ʹ͍ͭͯɺ࣮ࡍͷػೳͷݕূΛަ͑ͳ͕Β֓؍Λ͓఻͑͠·͢ɻ
    ࠓ೔ͷߨٛ͸ຊཱͯͰ͢

    View full-size slide

  7. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 7
    ‣ 1BSUࣄલֶशͷৼΓฦΓ
    ‣ ࣄલֶशͰऔΓѻ߲ͬͨ໨Λͬ͟ͱ࠶આ໌͠·͢ɻ
    ‣ 1BSU๷ޚऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ 'FUDI4UBOEBSEΛ୊ࡐʹɺ8FCඪ४ΛಡΈղ͖ͳ͕Βɺݱ୅8FCʹ͓͚ΔηΩϡϦ
    ςΟʹ͍ͭͯͷߟ͑ํΛ࢓༷͔Βཧղ͢Δɾݕূ͢ΔԋशʹऔΓ૊ΜͰ͍͖ͨͩ·͢ɻ
    ‣ 1BSU߈ܸऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ ຊߨٛͰ࡞ͬͨϒϥ΢βͷϦϑΝϨϯε࣮૷ͷ8FCඪ४ʹै͍ͬͯͳ͍ՕॴΛ୊ࡐ
    ʹɺ8FCϒϥ΢βͷڍಈ΍8FCඪ४Λۛຯ͢ΔԋशʹऔΓ૊ΜͰ͍͖ͨͩ·͢ɻ
    ‣ 1BSU͞Βʹ޿͘ɾਂ͘ߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ 8FCϒϥ΢βͷΠϯλʔϑΣΠεʹؔ࿈͢Δ໰୊΍ɺ8FCϒϥ΢βͷ͞Βʹৄࡉͳ಺
    ෦ߏ଄ʹґڌ͢Δ໰୊ʹ͍ͭͯɺ࣮ࡍͷػೳͷݕূΛަ͑ͳ͕Β֓؍Λ͓఻͑͠·͢ɻ
    ࠓ೔ͷߨٛ͸ຊཱͯͰ͢

    View full-size slide

  8. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 8
    ‣ 1BSUࣄલֶशͷৼΓฦΓ
    ‣ ࣄલֶशͰऔΓѻ߲ͬͨ໨Λͬ͟ͱ࠶આ໌͠·͢ɻ
    ‣ 1BSU๷ޚऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ 'FUDI4UBOEBSEΛ୊ࡐʹɺ8FCඪ४ΛಡΈղ͖ͳ͕Βɺݱ୅8FCʹ͓͚ΔηΩϡϦ
    ςΟʹ͍ͭͯͷߟ͑ํΛ࢓༷͔Βཧղ͢Δɾݕূ͢ΔԋशʹऔΓ૊ΜͰ͍͖ͨͩ·͢ɻ
    ‣ 1BSU߈ܸऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ ຊߨٛͰ࡞ͬͨϒϥ΢βͷϦϑΝϨϯε࣮૷ͷ8FCඪ४ʹै͍ͬͯͳ͍ՕॴΛ୊ࡐ
    ʹɺ8FCϒϥ΢βͷڍಈ΍8FCඪ४Λۛຯ͢ΔԋशʹऔΓ૊ΜͰ͍͖ͨͩ·͢ɻ
    ‣ 1BSU͞Βʹ޿͘ɾਂ͘ߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ 8FCϒϥ΢βͷΠϯλʔϑΣΠεʹؔ࿈͢Δ໰୊΍ɺ8FCϒϥ΢βͷ͞Βʹৄࡉͳ಺
    ෦ߏ଄ʹґڌ͢Δ໰୊ʹ͍ͭͯɺ࣮ࡍͷػೳͷݕূΛަ͑ͳ͕Β֓؍Λ͓఻͑͠·͢ɻ
    ࠓ೔ͷߨٛ͸ຊཱͯͰ͢

    View full-size slide

  9. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 9
    ‣ 1BSUࣄલֶशͷৼΓฦΓ
    ‣ ࣄલֶशͰऔΓѻ߲ͬͨ໨Λͬ͟ͱ࠶આ໌͠·͢ɻ
    ‣ 1BSU๷ޚऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ 'FUDI4UBOEBSEΛ୊ࡐʹɺ8FCඪ४ΛಡΈղ͖ͳ͕Βɺݱ୅8FCʹ͓͚ΔηΩϡϦ
    ςΟʹ͍ͭͯͷߟ͑ํΛ࢓༷͔Βཧղ͢Δɾݕূ͢ΔԋशʹऔΓ૊ΜͰ͍͖ͨͩ·͢ɻ
    ‣ 1BSU߈ܸऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ ຊߨٛͰ࡞ͬͨϒϥ΢βͷϦϑΝϨϯε࣮૷ͷ8FCඪ४ʹै͍ͬͯͳ͍ՕॴΛ୊ࡐ
    ʹɺ8FCϒϥ΢βͷڍಈ΍8FCඪ४Λۛຯ͢ΔԋशʹऔΓ૊ΜͰ͍͖ͨͩ·͢ɻ
    ‣ 1BSU͞Βʹ޿͘ɾਂ͘ߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ 8FCϒϥ΢βͷΠϯλʔϑΣΠεʹؔ࿈͢Δ໰୊΍ɺ8FCϒϥ΢βͷ͞Βʹৄࡉͳ಺
    ෦ߏ଄ʹґڌ͢Δ໰୊ʹ͍ͭͯɺ࣮ࡍͷػೳͷݕূΛަ͑ͳ͕Β֓؍Λ͓఻͑͠·͢ɻ
    ࠓ೔ͷߨٛ͸ຊཱͯͰ͢

    View full-size slide

  10. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 10
    ‣ 1BSUࣄલֶशͷৼΓฦΓ
    ‣ ࣄલֶशͰऔΓѻ߲ͬͨ໨Λͬ͟ͱ࠶આ໌͠·͢ɻ
    ‣ 1BSU๷ޚऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ 'FUDI4UBOEBSEΛ୊ࡐʹɺ8FCඪ४ΛಡΈղ͖ͳ͕Βɺݱ୅8FCʹ͓͚ΔηΩϡϦ
    ςΟʹ͍ͭͯͷߟ͑ํΛ࢓༷͔Βཧղ͢Δɾݕূ͢ΔԋशʹऔΓ૊ΜͰ͍͖ͨͩ·͢ɻ
    ‣ 1BSU߈ܸऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ ຊߨٛͰ࡞ͬͨϒϥ΢βͷϦϑΝϨϯε࣮૷ͷ8FCඪ४ʹै͍ͬͯͳ͍ՕॴΛ୊ࡐ
    ʹɺ8FCϒϥ΢βͷڍಈ΍8FCඪ४Λۛຯ͢ΔԋशʹऔΓ૊ΜͰ͍͖ͨͩ·͢ɻ
    ‣ 1BSU͞Βʹ޿͘ɾਂ͘ߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ 8FCϒϥ΢βͷΠϯλʔϑΣΠεʹؔ࿈͢Δ໰୊΍ɺ8FCϒϥ΢βͷ͞Βʹৄࡉͳ಺
    ෦ߏ଄ʹґڌ͢Δ໰୊ʹ͍ͭͯ֓؍Λ͓఻͑͠·͢ɻ
    ࠓ೔ͷߨٛ͸ຊཱͯͰ͢

    View full-size slide

  11. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 11
    ‣ ΋͠Α͚Ε͹5XJUUFS΍(PPHMF.FFUͷνϟοτͰΨϠΨϠ͍ͯͩ͘͠͞
    ‣ ࣭໰΋4MBDL.FFUͷ྆ํͰԕྀͳ͘Ͳ͏ͧʂ
    ߨࢣ͔Βͷ͓ئ͍ࣄ

    View full-size slide

  12. ࣄલֶशͷৼΓฦΓ
    1BSU

    View full-size slide

  13. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏
    ࣄલ՝୊
    IUUQTCSPXTFSCPPLTIJGUKTJOGP

    View full-size slide

  14. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 14
    ‣ ϨϯμϦϯάΤϯδϯؔ࿈ͷجૅ֓೦
    ‣ )5.-ɾ%0.ؔ࿈
    ‣ $44ɾ$440.ؔ࿈
    ‣ ϨϯμϦϯάπϦʔؔ࿈
    ‣ #PY5SFFͱϨΠΞ΢τɾϖΠϯτؔ࿈
    ‣ +BWB4DSJQUΤϯδϯʢͱ͘ʹ7ʣؔ࿈
    ‣ ؆қ%0."1*ؔ࿈
    ‣ 8FCඪ४ϓϥοτϑΥʔϜपลͷجૅ֓೦
    ‣ 8FCඪ४ؔ࿈ͷஂମʢ8$ 8)"58( ʣ
    ‣ 8FC*%-
    ‣ 8FC1MBUGPSN5FTUT
    ࣄલֶशࢿྉͷৼΓฦΓ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ϖΠϯτ݁Ռ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    +BWB4DSJQU
    ʹΑΔ࡞༻
    )551౳ʹΑΔ
    )5.-ɾ$44ͷऔಘ

    View full-size slide

  15. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 15
    ‣ Ծఆ)551౳Λ௨ͯ͠औಘ͖ͯͨ͠
    8FCϖʔδΛ͜Ε͔Βඳը͢Δͱ͢Δ
    ‣ ޻ఔ)5.-Λύʔεͯ͠%0.ͷΑ͏
    ͳ໦ߏ଄ʹม׵͢Δ
    ‣ ՝୊ҎԼΛ࢝Ίͱͨ͠ಠಛͳ࢓༷܈
    ‣ ࣈ۟ղੳߏจղੳͷϓϩηε͕׮༰Ͱ͋Δ
    ‣ ׬શͳ%0.ͷߏஙʹ͸ɺߏங࠷தͷ
    +BWB4DSJQUͷಉظత࣮ߦ͕ඞཁ
    ‣ ࣮૷ࣄલ՝୊ࢿྉͰ͸)5.-
    4UBOEBSE͕ఆٛ͢Δݴޠͷαϒηοτ
    Ͱ͋Δখ͞ͳจ຺ࣗ༝ݴޠΛߟ͑ͨ
    )5.-ΛऔΓѻ͏
    ࣄલֶशࢿྉͷৼΓฦΓ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    +4ىҼͷ
    ࠶ೖ
    +4ىҼͷ
    มߋ
    ϖΠϯτ݁Ռ

    View full-size slide

  16. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 16
    ݱࡏ͸8)"58(ʹΑΓ-JWJOH4UBOEBSEͱͯ͠ϝϯςφϯε͞Ε͍ͯΔ
    )5.-ʹؔ͢Δ8FCඪ४

    View full-size slide

  17. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 17
    $44ΛऔΓѻ͏
    ࣄલֶशࢿྉͷৼΓฦΓ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    +BWB4DSJQU
    ʹΑΔ࡞༻
    ‣ Ծఆ)551౳Λ௨ͯ͠औಘ͖ͯͨ͠
    8FCϖʔδΛ͜Ε͔Βඳը͢Δͱ͢Δ
    ‣ ޻ఔ$44Λύʔεͯ͠$440.ʢ΍ͦ
    Εʹྨ͢Δσʔλߏ଄ʣʹม׵͢Δ
    ‣ )5.-ಉ༷ʹ!JNQPSUͳͲ͕$440.
    ߏஙΛϒϩοΫ͠͏Δ͕ɺ)5.-ͷऔΓ
    ѻ͍΄Ͳෳࡶͳ΋ͷͰ͸ͳ͍
    ‣ $440.͸$BTDBEJOH΍%FGBVMUJOHʹ
    උ͑ͯπϦʔߏ଄Λऔ͍ͬͯΔ৔߹΋͋Δ
    ‣ ࣮૷ࣄલ՝୊ࢿྉͰ͸$444ZOUBY
    .PEVMF-FWFMΛத৺ͱͨ͠ඪ४͕ఆ
    ٛ͢ΔݴޠͷαϒηοτΛߟ͑ͨ ϖΠϯτ݁Ռ

    View full-size slide

  18. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 18
    ݱࡏ͸8$ʹΑΓෳ਺ͷϞδϡʔϧʹ෼ׂ͞Εͯϝϯςφϯε͞Ε͍ͯΔ
    $44ʹؔ͢Δ8FCඪ४

    View full-size slide

  19. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 19
    ϨϯμϦϯάͷલ४උ
    ࣄલֶशࢿྉͷৼΓฦΓ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    +BWB4DSJQU
    ʹΑΔ࡞༻
    ‣ Ծఆ)551౳Λ௨ͯ͠औಘ͖ͯͨ͠
    8FCϖʔδΛ͜Ε͔Βඳը͢Δͱ͢Δ
    ‣ ޻ఔ$440.ͱ%0.͔Β࣮ը໘ʹϨ
    ϯμϦϯά͞ΕΔཁૉͷπϦʔΛ࡞Δ
    ‣ 'JMUFSJOHηϨΫλʹΑΓ%0.πϦʔͷ
    ֤ཁૉʹରͯ͠ద༻͞ΕΔએݴΛநग़͢Δ
    ‣ $BTDBEJOHએݴͷৄࡉ౓ͳͲͷ৘ใΛ
    ࢖ͬͯɺ%0.πϦʔͷ֤ཁૉʹ࣮ࡍʹద
    ༻͞ΕΔએݴΛܾఆ͢Δ
    ‣ %FGBVMUJOH਌ࢠؔ܎΍࢓্༷ͷॳظ஋Λ
    ߟྀ͠ɺ֤ཁૉͷ΋ͭϓϩύςΟͷ͏ͪɺ
    ໌֬ͳએݴͷͳ͍΋ͷͷ஋Λܾఆ͢Δ
    ‣ ࣮૷্ه఺ʹ੍ݶΛೖΕͯߦͬͨ
    ϖΠϯτ݁Ռ

    View full-size slide

  20. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 20
    ϨΠΞ΢τ
    ࣄલֶशࢿྉͷৼΓฦΓ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ϖΠϯτ݁Ռ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    +BWB4DSJQU
    ʹΑΔ࡞༻
    ‣ Ծఆ)551౳Λ௨ͯ͠औಘ͖ͯͨ͠
    8FCϖʔδΛ͜Ε͔Βඳը͢Δͱ͢Δ
    ‣ ޻ఔ࣮ը໘ʹϨϯμϦϯά͞ΕΔཁૉͷ
    πϦʔΛɺ࣮ࡍͷը໘΁ͷׂΓ෇͚ʹۙ
    ͍ߏ଄ͷπϦʔʹม׵͢Δ
    ‣ $44%JTQMBZ.PEFM.PEVMF΍$44#PY
    .PEFM.PEVMFͳͲ͕ؔ࿈
    ‣ ͜ͷपลͷ಺෦࣮૷͸8FCϒϥ΢βʹ
    ΑͬͯҟͳΓ͕ͪ
    ‣ ࣮૷EJTQMBZϓϩύςΟΛ༻͍ͨ໦ͷ؆
    қతͳม׵ͷΈΛ࣮૷ͨ͠

    View full-size slide

  21. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 21
    ϖΠϯτ
    ࣄલֶशࢿྉͷৼΓฦΓ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ϖΠϯτ݁Ռ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    +BWB4DSJQU
    ʹΑΔ࡞༻
    ‣ Ծఆ)551౳Λ௨ͯ͠औಘ͖ͯͨ͠
    8FCϖʔδΛ͜Ε͔Βඳը͢Δͱ͢Δ
    ‣ ޻ఔϨΠΞ΢τ݁ՌΛɺͦΕΛ࣮ը໘ʹ
    ඳը͢ΔͨΊͷԿΒ͔ͷදݱʹม׵͢Δ
    ‣ ϒϥ΢β࣮૷ʹΑͬͯ͜ͷදݱ͸ҟͳΔ
    ͕ɺ͓Αͦʮ࠲ඪGPPʹCBSΛඳ͘ʯͷΑ
    ͏ͳݪ࢝తͳදݱΛΠϝʔδ͢ΔͱΑ͍
    ‣ ͜ͷ݁Ռ͸ෳ਺ͷϨΠϠʹ෼ղ͞ΕͨΓɺ
    ٯʹ࣮ࡍͷඳը࣌ʹ͸ෳ਺ͷϨΠϠͱ߹੒
    ͞ΕͨΓɺͱ͍ͬͨॲཧΛड͚ͳ͕Β࣮ը
    ໘ʹྲྀΕ͍ͯ͘
    ‣ ࣮૷طଘ56*ϥΠϒϥϦʢ$VSTJWFʣ
    ʹڧ͘ґଘͨ͠؆қతͳ࣮૷Λͨ͠

    View full-size slide

  22. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 22
    %0."1*ͷఏڙ
    ࣄલֶशࢿྉͷৼΓฦΓ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ϖΠϯτ݁Ռʢը૾ʣ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    +BWB4DSJQU
    ʹΑΔ࡞༻
    ‣ ଟ͘ͷ8FCϒϥ΢β࣮૷͸+BWB4DSJQU
    ΤϯδϯΛͦͷ಺෦ʹ૊ΈࠐΜͰ͍Δ
    ‣ +BWB4DSJQUΤϯδϯ࣮૷ͱϒϥ΢β࣮૷
    ͷؒͷΠϯλʔϑΣΠε͸ɺଟ͘ͷ࢓༷
    Ͱ8FC*%-ʹΑΓهड़͞Ε͓ͯΓɺͦ
    ͷهड़͸ͭͷ࣮૷Λͭͳ͙όΠϯσΟ
    ϯάͷੜ੒ͳͲʹ΋༻͍ΒΕ͍ͯΔ
    ‣ ࣮૷+4ΤϯδϯͰ͋Δ7Λ૊ΈࠐΈɺ
    ҎԼͷ"1*Λ+4͔Βར༻Մೳʹͨ͠
    ‣ EPDVNFOUHFU&MFNFOU#Z*Eؔ਺
    ‣ ཁૉͷJOOFS)5.-ϓϩύςΟʹର
    ͢Δ3FBE8SJUF

    View full-size slide

  23. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 23
    খ·ͱΊ
    1BSUࣄલֶशͷৼΓฦΓ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ϖΠϯτ݁Ռ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    +BWB4DSJQU
    ʹΑΔ࡞༻
    )551౳ʹΑΔ
    )5.-ɾ$44ͷऔಘ
    ‣ ϨϯμϦϯάΤϯδϯؔ࿈ͷجૅ֓೦
    ‣ )5.-ɾ%0.ؔ࿈
    ‣ $44ɾ$440.ؔ࿈
    ‣ ϨϯμϦϯάπϦʔؔ࿈
    ‣ #PY5SFFͱϨΠΞ΢τɾϖΠϯτؔ࿈
    ‣ +BWB4DSJQUΤϯδϯʢͱ͘ʹ7ʣؔ࿈
    ‣ ؆қ%0."1*ؔ࿈
    ‣ 8FCඪ४ϓϥοτϑΥʔϜपลͷجૅ֓೦
    ‣ 8FCඪ४ؔ࿈ͷஂମʢ8$ 8)"58( ʣ
    ‣ 8FC*%-
    ‣ 8FC1MBUGPSN5FTUT

    View full-size slide

  24. ๷ޚऀࢹ఺Ͱߟ͑Δ
    8FCϒϥ΢βͷηΩϡϦςΟ
    1BSU

    View full-size slide

  25. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 25
    8FCඪ४ͱηΩϡϦςΟϞσϧ
    ˞ྫ֎ͱͯ͠ʢ4BGBSJͷ*51ͷΑ͏ͳʣϓϥΠόγʔपΓͷϞσϧ΍ɺ8FCϒϥ΢βͷΞʔΩςΫνϟʹڧؔ͘܎͢ΔηΩϡϦςΟϞσϧɺʢ8&$(ͳͲ͕ಈ͖ͦ͏͕ͩʣϒϥ΢β֦ுػ
    ೳ·ΘΓͷηΩϡϦςΟϞσϧͳͲ͸8FCඪ४֎ʹ͋Γ͕ͪͳҹ৅ɻ
    ݱ୅8FCͷجૅͱͳ͍ͬͯΔηΩϡϦςΟϞσϧݒ೦ࣄ߲͸
    8FCඪ४ϨϕϧͰهड़ɾٞ࿦͞Ε͍ͯΔ
    IUUQTIUNMTQFDXIBUXHPSHNVMUJQBHFNFEJBIUNMTFDVSJUZBOEQSJWBDZDPOTJEFSBUJPOT
    IUUQTIUNMTQFDXIBUXHPSHNVMUJQBHFCSPXTFSTIUNMDSPTTPSJHJOPCKFDUT

    View full-size slide

  26. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 26
    ͜ͷ1BSUͷ֓ཁ
    ‣ औΓ૊Ή͜ͱ
    ‣ 'FUDI4UBOEBSEʢͷಛʹηΩϡϦςΟʹ
    ؔ࿈͢Δ߲໨ʣΛಡΈղ͘
    ‣ طଘͷ8FCϒϥ΢β࣮૷ͷ'FUDIपล
    ͷڍಈ͕ඪ४ʹै͏͔Λݕূͯ͠ΈΔ
    ‣ 8FCඪ४ʢಛʹ8*$(ͱ8$ܥʣͷ
    ηΩϡϦςΟʹؔ͢Δٞ࿦ΛோΊͯΈΔ
    ‣ औΓ૊Έͷ໨ඪ
    ‣ 8FCʹԣͨΘΔجૅతͳηΩϡϦςΟϞσϧ
    ʹ͍ͭͯͷཧղΛਂΊΔ
    ‣ 8FCඪ४͔ΒͦͷΑ͏ͳ࢓૊ΈͷৄࡉΛಡΈ
    औΔɾཧղ͢ΔྗΛڧԽ͢Δ

    View full-size slide

  27. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 27
    'FUDIͱ͸
    IUUQTGFUDITQFDXIBUXHPSHGFUDIJOH
    ϦΫΤετͱ͍͔ͭ͘ͷ)PPLΛͱͬͯϨεϙϯεΛੜ੒͢Δϓϩηε

    View full-size slide

  28. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 28
    ‣ ΞυϨεόʔʹ63-͕ೖྗ͞Εͨͱ
    ͖ɺϋΠύʔϦϯΫΛΫϦοΫͨ͠ͱ
    ͖ɺʜʜ౳ɺ8FCϒϥ΢β্Ͱϖʔδ
    ͷભҠ͕ى͜ΔΑ͏ͳͱ͖ʹ͸ɺ͍ͨ
    ͍ͯ)551௨৴͕ൃੜ͢Δ
    ‣ )5.-4UBOEBSEͰ͍͏#SPXTJOH
    $POUFYUͷOBWJHBUJPOʹ֘౰
    ‣ IUUQTIUNMTQFDXIBUXHPSH
    NVMUJQBHFCSPXTJOHUIF
    XFCIUNMOBWJHBUF
    'FUDIͷྫ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ϖΠϯτ݁Ռʢը૾ʣ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    6*ɾϒϥ΢βΤϯδϯ

    View full-size slide

  29. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 29
    ‣ %0.ߏஙதʹ͸+BWB4DSJQUϑΝΠϧ
    ͕ผ63-͔Βऔಘ͞ΕΔ৔߹͕͋Δ
    ‣ )5.-4UBOEBSEͰͷఆٛ
    ‣ UFYUJOTFSUJPONPEFͰͷTDSJQUFOE
    UBHൃݟ࣌ͷڍಈ
    IUUQTIUNMTQFDXIBUXHPSHNVMUJQBHF
    QBSTJOHIUNMQBSTJOHNBJOJODEBUB
    ‣ QSFQBSFBTDSJQU
    IUUQTIUNMTQFDXIBUXHPSHNVMUJQBHF
    TDSJQUJOHIUNMQSFQBSFBTDSJQU
    'FUDIͷྫ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ϖΠϯτ݁Ռʢը૾ʣ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    6*ɾϒϥ΢βΤϯδϯ

    View full-size slide

  30. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 30
    ‣ $440.ߏஙͷͨΊʹ$44ϑΝΠϧ͕
    ผ63-͔Βऔಘ͞ΕΔ৔߹΋͋Δ
    ‣ ؔ࿈͢Δ8FCඪ४
    ‣ )5.-4UBOEBSEͷMJOLλάͷڍಈ
    ʹؔ͢Δఆٛ
    IUUQTIUNMTQFDXIBUXHPSHNVMUJQBHF
    TFNBOUJDTIUNMDPODFQUMJOLPCUBJO
    ‣ $440.पลͰͷఆٛ
    IUUQTESBGUTDTTXHPSHDTTPNGFUDIJOHDTT
    TUZMFTIFFUT
    'FUDIͷྫ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ϖΠϯτ݁Ռʢը૾ʣ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    6*ɾϒϥ΢βΤϯδϯ

    View full-size slide

  31. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 31
    ‣ JNHλάͳͲͷϝσΟΞܥλά΋Ϧ
    ΫΤετΛਵ࣌ൃߦ͠͏Δ
    ‣ )5.-4UBOEBSEͷؔ࿈Օॴ
    IUUQTIUNMTQFDXIBUXHPSHNVMUJQBHF
    JNBHFTIUNMXIFOUPPCUBJOJNBHFT
    ‣ ҰൠʹαϒϦιʔεΛຒΊࠐΉܥͷλ
    ά͸ϦΫΤετΛਵ࣌ൃߦ͠͏Δ
    ‣ +BWB4DSJQU͔Β΋9.-)UUQ3FRVFTU
    ΍GFUDI
    ʹΑΓϦΫΤετ͕ൃߦ͞
    ΕΔ৔߹͕͋Δ
    'FUDIͷྫ
    λΠϛϯά͸
    ࣮૷ʹΑΔ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ϖΠϯτ݁Ռʢը૾ʣ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    6*ɾϒϥ΢βΤϯδϯ

    View full-size slide

  32. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 32
    ‣ 8FCϒϥ΢β͸༷ʑͳ৔໘Ͱ)551௨৴
    ʢ΍ͦͷଞͷ௨৴ʣΛߦ͏
    ‣ ͜ΕΒͷ௨৴ʹ͸ଟ͘ͷݒ೦ࣄ߲͕͋Δ
    ‣ Ϧιʔεͷִ཭ΛͲ͏ߦ͏ʁ
    ‣ ϦιʔεͷΩϟογϡΛͲ͏ߦ͏ʁ
    ‣ Ͳ͏͍͏ϦΫΤετͷൃߦΛՄೳʹ͢Δʁ
    ‣ ϨεϙϯεΛड͚औͬͨΒͲ͏͢Δʁ
    ‣ ΤϥʔϋϯυϦϯά͸ʁϦμΠϨΫτ͸ʁ
    ‣ ʜʜ
    ‣ ͜ͷΑ͏ͳݒ೦ʹରͯ͠ըҰతʹ౴͑Δͨ
    Ίͷඪ४͕'FUDI4UBOEBSE
    ඪ४Խ΁ͷಈػ

    View full-size slide

  33. IUUQTCSPXTFSCPPLTIJGUKTJOGPFWFOUTTFDDBNQQBSU
    ԋश͞·͟·ͳ'FUDI
    'FUDIͱ͍͏ϓϩηε͕8FCϒϥ΢βͷ༷ʑͳػೳʹ
    ؔ࿈͍ͯ͠Δ͜ͱΛ࣮ײ͠·͠ΐ͏ɻ

    View full-size slide

  34. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 34
    ԋशͷ;Γ͔͑Γ
    IUUQTHJUIVCDPNDVSF)551-FBLT
    DVSF)551-FBLTͷେྔʹ'FUDIΛى͜͢)5.-ϑΝΠϧͷྫ͕ଘࡏ

    View full-size slide

  35. IUUQTCSPXTFSCPPLTIJGUKTJOGPFWFOUTTFDDBNQQBSU
    ԋश'FUDI4UBOEBSEͱηΩϡϦςΟ
    'FUDI4UBOEBSEΛਫ਼ಡͯ͠ɺͦ͜ʹ͸ηΩϡϦςΟʹؔ͢Δߟྀࣄ߲΍ɺ
    ηΩϡϦςΟʹؔ͢Δ࢓૊Έ͕ଘࡏ͍ͯ͠Δ͜ͱΛ֬ೝ͠·͠ΐ͏ɻ

    View full-size slide

  36. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 36
    ԋशͷ;Γ͔͑Γ
    IUUQTGFUDITQFDXIBUXHPSH
    ໨࣍ϨϕϧͰ΋༷ʑͳ࢓૊Έͷଘࡏ͕֬ೝͰ͖Δ

    View full-size slide

  37. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 37
    ԋशͷ;Γ͔͑Γ
    IUUQTGFUDITQFDXIBUXHPSHDPODFQUSFRVFTUBEESBOHFIFBEFS
    IUUQTGFUDITQFDXIBUXHPSHDPOUFOUUZQFIFBEFS
    ࡉ͔͍߲໨ʹ΋஫ҙࣄ߲͕ଟʑॻ͔Ε͍ͯΔͷ͕֬ೝͰ͖Δ

    View full-size slide

  38. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 38
    4BNF0SJHJO1PMJDZʢ401ʣ
    ԋशͰ֞ؒݟ͑ͨ'FUDIͷݒ೦ࣄ߲ͷྫ
    ‣ ʮIUUQTFWJMFYBNQMFDPN͕JGSBNFͰຒΊࠐΜͩIUUQTNBJMHPPHMFDPN
    ͷத਎Λ%0.ૢ࡞Λܦ༝ͯ͠౪Έग़͢ʯͱ͍͏͜ͱ͸Ͱ͖ͳ͍΂͖
    ‣ 8FCϒϥ΢β͸֓ͯ͠0SJHJOʢ63-ͷத͔Βநग़͞ΕͨεΩʔϜ ϗετ
    ϙʔτ൪߸ͷͭ૊ʣ͕ҟͳΔ΋ͷಉ࢜ͷૢ࡞ʹ੍ݶΛՃ͍͑ͯΔ
    ‣ ྫ0SJHJO͕ҟͳΔͭͷ8FCϖʔδ͸ɺݪଇ͓ޓ͍ͷத਎ΛಡΈग़ͤͳ͍
    ‣ ྫҟͳΔ0SJHJOͷϦιʔεΛGFUDI
    Ͱऔಘͯ͠΋ݪଇத਎ΛಡΈग़ͤͳ͍
    ‣ ͜ͷΑ͏ͳ࢓૊ΈΛ4BNF0SJHJO1PMJDZʢ401ʣͱݺͿ
    IUUQTFWJMFYBNQMFDPN
    IUUQTNBJMHPPHMFDPN
    JGSBNF
    JGSBNF಺ͷ)5.-ͷಡΈग़͠
    TDSJQU

    View full-size slide

  39. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 39
    ‣ 8FCϒϥ΢β͔Βͷ'FUDIʹ͓͍ͯൃߦͰ͖ΔϦΫΤετ΁ͷ੍ݶ΋͋Δ
    ‣ ࣗ༝ʹ஋ΛࢦఆͰ͖Δϔομ͸ݶΒΕ͍ͯΔ
    ‣ ϔομͷ஋ʹ΋੍ݶ͕͋Δ
    ‣ ࢖༻Ͱ͖Δϝιουʹ΋੍ݶ͕͋Δ
    ‣ ʜ
    )551ϦΫΤετ΁ͷ੍ݶ
    ԋशͰ֞ؒݟ͑ͨ'FUDIͷݒ೦ࣄ߲ͷྫ
    IUUQTGFUDITQFDXIBUXHPSHDPSTVOTBGFSFRVFTUIFBEFSCZUF
    IUUQTGFUDITQFDXIBUXHPSHDPSTTBGFMJTUFESFRVFTUIFBEFS

    View full-size slide

  40. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 40
    ‣ $03#ʹΑΓอޢ͖͠Εͳ͍ϦιʔεΛɺϦιʔεఏڙऀଆͷҙਤʹΑΓɺ͞
    ΒʹอޢͰ͖ΔΑ͏ʹ͢Δ࢓૊Έ
    ‣ )551Ϩεϙϯεϔομܦ༝Ͱɺ౰֘ϔομΛ൐͏Ϩεϙϯε͕Ͳͷൣғ͔Β
    ຒΊࠐΈΛड͚ͯΑ͍͔Λࢦఆ͢Δ͜ͱ͕Ͱ͖Δ
    $SPTT0SJHJO3FTPVSDF1PMJDZ
    ԋशͰ֞ؒݟ͑ͨ'FUDIͷݒ೦ࣄ߲ͷྫ
    IUUQTGFUDITQFDXIBUXHPSHDSPTTPSJHJOSFTPVSDFQPMJDZIFBEFS

    View full-size slide

  41. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 41
    ‣ 8FCϒϥ΢βͰ։͔Εͨ8FCϖʔδΛى఺ͱͨ͠ɺ)551Ҏ֎Λ࿩͢αʔϏ
    ε΁ͷ߈ܸΛ๷͙ͨΊɺ'FUDI4UBOEBSE͸઀ଓઌϙʔτΛ੍ݶ͍ͯ͠Δ
    1PSU#MPDLJOH
    ԋशͰ֞ؒݟ͑ͨ'FUDIͷݒ೦ࣄ߲ͷྫ
    IUUQTGFUDITQFDXIBUXHPSHQPSUCMPDLJOH

    View full-size slide

  42. IUUQTCSPXTFSCPPLTIJGUKTJOGPFWFOUTTFDDBNQQBSU
    ԋशඪ४ͱ࣮૷Λ͖ͭ͋ΘͤΔ
    'FUDI4UBOEBSEʹ͸$03#ͱ͍͏࢓૊Έʹ͍ͭͯͷهड़͕͋Γ·͢ɻ
    ͜ͷ࢓૊Έ͕ͲͷΑ͏ͳ΋ͷ͔ɺ'FUDI4UBOEBSEΛಡΜͰղऍͭͭ͠ɺ8FC
    1MBUGPSN5FTUTΛ༻͍ͯద౰ͳ8FCϒϥ΢βͰڍಈΛݕূ͢Δ࿅शΛ͠·͠ΐ͏ɻ

    View full-size slide

  43. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 43
    ‣ ෆࣗવͳϦιʔεͷຒΊࠐΈΛૣظʹϒϩοΫ͢ΔͨΊͷ࢓૊Έ
    ‣ JNHλάͳͲ͔Βൃߦ͞ΕͨOPDPSTϦΫΤετ΁ͷϨεϙϯεʹ͍ͭͯɺ
    ͦͷ.*.&5ZQF͕ҎԼͷΑ͏ͳ΋ͷͰ͋Δ৔߹ͳͲʹϒϩοΫ͢Δ
    ‣ )5.-ܥ UFYUIUNM

    ‣ +40/ܥ BQQMJDBUJPOKTPOͳͲ

    ‣ JNBHFTWHYNMҎ֎ͷ9.-ܥ BQQMJDBUJPOYNMͳͲ

    $SPTT0SJHJO3FBE#MPDLJOHʢ$03#ʣ
    ԋशͷ;Γ͔͑Γ
    IUUQTGFUDITQFDXIBUXHPSHDPSC

    View full-size slide

  44. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 44
    8FC1MBUGPSN5FTUT
    ԋशͷ;Γ͔͑Γ
    IUUQTXQUGZJSFTVMUTGFUDIDPSC
    8FC1MBUGPSN5FTUTͷGFUDIDPSCʹ
    $03#पลͷςετ͕ଘࡏ

    View full-size slide

  45. IUUQTCSPXTFSCPPLTIJGUKTJOGPFWFOUTTFDDBNQQBSU
    ԋश8FC1MBUGPSN5FTUTΛ୳͢
    8FC1MBUGPSN5FTUT͸࢓༷ͷཧղΛॿ͚ΔΑ͍৘ใݯͰ͢ɻ
    ࢼ͠ʹ'FUDI4UBOEBSEͷ1PSU#MPDLJOHʹؔ͢Δςετ߲໨Λ୳ͯ͠Έ·͠ΐ͏ɻ

    View full-size slide

  46. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 46
    ԋशͷ;Γ͔͑Γ
    IUUQTXQUGZJSFTVMUTGFUDIBQJSFRVFTU
    8FC1MBUGPSN5FTUTͷGFUDIBQJSFRVFTUʹଘࡏ

    View full-size slide

  47. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 47
    ‣ ෆࣗવͳϦιʔεͷຒΊࠐΈΛૣظʹϒϩοΫ͢ΔͨΊͷ࢓૊Έ
    ‣ JNHλάͳͲ͔Βൃߦ͞ΕͨOPDPSTϦΫΤετ΁ͷϨεϙϯεʹ͍ͭͯɺ
    ͦͷ.*.&5ZQF͕)5.-+40/9.-ʹ֘౰͢Δ৔߹ʹϒϩοΫ͢Δ
    $SPTT0SJHJO3FBE#MPDLJOH
    'FUDIʹ͓͚Δݒ೦ࣄ߲ͷྫ
    IUUQTGFUDITQFDXIBUXHPSHDPSC
    ‣ ͜͏͍ͬͨ࢓༷͸Ͳ͏͍ͬͨྲྀΕͰٞ࿦͞Ε͍ͯΔͷͩΖ͏ʁ
    ‣ ͜͏͍ͬͨ࢓༷͸Ͳ͏͍ͬͨྲྀΕͰެ։ʹࢸ͍ͬͯΔͷͩΖ͏ʁ

    View full-size slide

  48. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 48
    ‣ ΩϟογϡͷʮΩʔʯʹɺ΋ͱ΋ͱͷϦΫΤετൃߦݩͷ8FCϖʔδʹؔ͢Δ
    ৘ใΛؚΊΔ͜ͱͰɺແؔ܎ͳ8FCϖʔδؒͰΩϟογϡΛར༻͠ͳ͍࢓૊Έ
    ‣ ௚ײతʹؾʹͳΔ͜ͱ
    ‣ 2Ωϟογϡ͕ແؔ܎ͳ8FCϖʔδؒͰڞ༗͞ΕΔͱͲ͏͍͏໰୊͕ʁ
    ‣ 2Ͳ͏͍͏എܠͰͲ͏ϒϥ΢βʹ࣮૷͞Ε͍ͯΔͷʁ
    )551$BDIF1BSUJUJPO
    'FUDIʹ͓͚Δݒ೦ࣄ߲ͷྫ
    IUUQTGFUDITQFDXIBUXHPSHIUUQDBDIFQBSUJUJPOT

    View full-size slide

  49. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 49
    ࢓༷௥Ճͷٞ࿦
    )551$BDIF1BSUJUJPOͷྫ
    *TTVF͕ىථ͞ΕΔ
    IUUQTHJUIVCDPNXIBUXHGFUDIJTTVFT

    View full-size slide

  50. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 50
    ࢓༷௥ՃͷྲྀΕ
    )551$BDIF1BSUJUJPOͷྫ
    IUUQTHJUIVCDPNTIJWBOJHJUIVCIUUQDBDIFQBSUJUJPOJOH
    *TTVF্Ͱͷٞ࿦ͱಉ࣌ʹ&YQMBJOFSͳͲͷ༻ҙ͕ਐΉ

    View full-size slide

  51. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 51
    ࢓༷௥ՃͷྲྀΕ
    )551$BDIF1BSUJUJPOͷྫ
    IUUQTHSPVQTHPPHMFDPNBDISPNJVNPSHHCMJOLEFWD,,9W1R1;N@O:[S##""+ QMJ
    8FCϒϥ΢βϕϯμଆͰ΋࣮૷ݕ౼͕ਐΉ

    View full-size slide

  52. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 52
    ࢓༷௥ՃͷྲྀΕ
    )551$BDIF1BSUJUJPOͷྫ
    IUUQTHJUIVCDPNXIBUXHGFUDIJTTVFT
    8$5"(΁ͷϨϏϡʔґཔͳͲ΋

    View full-size slide

  53. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 53
    ࢓༷௥ՃͷྲྀΕ
    )551$BDIF1BSUJUJPOͷྫ
    IUUQTHJUIVCDPNXIBUXHGFUDIQVMM
    ٞ࿦͕੔ཧͰ͖ͯ͘Δͱ1VMM3FRVFTU͕࡞੒͞ΕΔ

    View full-size slide

  54. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 54
    ࢓༷௥ՃͷྲྀΕ
    )551$BDIF1BSUJUJPOͷྫ
    IUUQTHJUIVCDPNXIBUXHGFUDIQVMM
    8FC1MBUGPSN5FTUTͷ༻ҙͳͲ΋ਐΉ

    View full-size slide

  55. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 55
    ࢓༷௥ՃͷྲྀΕ
    )551$BDIF1BSUJUJPOͷྫ
    IUUQTHJUIVCDPNXIBUXHGFUDIQVMM
    ϨϏϡʔΛύε͢Δͱ13͕Ϛʔδ͞Εɺ੖Εͯ8FCඪ४ʹ

    View full-size slide

  56. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 56
    ࢓༷௥ՃͷྲྀΕ
    )551$BDIF1BSUJUJPOͷྫ
    IUUQTHJUIVCDPNXIBUXHGFUDIQVMM
    8FCϒϥ΢βଆͷػೳϦϦʔε΋ਐΉ

    View full-size slide

  57. IUUQTCSPXTFSCPPLTIJGUKTJOGPFWFOUTTFDDBNQQBSU
    ԋश࢓༷ͷഎܠΛௐࠪ͢Δ
    'FUDI4UBOEBSEʹ͸.*.&5ZQFΛ༻͍ͯTDSJQUMJLFͳEFTUJOBUJPO͕ઃఆ͞Ε
    ͨ'FUDIΛ੍ݶ͢Δ࢓૊Έ͕͋Γ·͢ɻ͜Ε͸ͳͥඞཁͳͷͰ͠ΐ͏͔ʁ
    (JU)VC্ͷ৘ใΛௐࠪͯ͠ɺ͜ͷ࢓༷ͷഎܠΛௐࠪͯ͠Έ·͠ΐ͏ɻ

    View full-size slide

  58. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 58
    .*.&5ZQFΛ༻͍ͨϒϩοΫͷഎܠ
    ԋशͷ;Γ͔͑Γ
    IUUQTHJUIVCDPNXIBUXHGFUDIQVMM
    IUUQTHJUIVCDPNXIBUXHGFUDIQVMM

    View full-size slide

  59. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 59
    ‣ ҎԼͷϨεϙϯεͷϒϩοΫΛ͢ΔͨΊͷ࢓૊Έ͸ɺҰݟͳͥඞཁͳͷ͔͕Θ͔
    Γʹ͍͕͘ɺηΩϡϦςΟ্ॏཁͳఆٛͰ͋Δ͜ͱ͕Θ͔ͬͨ
    ‣ ڭ܇8FCඪ४ͷதͷηΩϡϦςΟؔ࿈ͷఆٛͷதʹ͸എܠ͕௫Έʹ͍͘΋ͷ΋
    ͋Δ͕ɺͦ͏͍͏ͱ͖͸എޙͷٞ࿦Λ௥ͬͯΈΑ͏
    .*.&5ZQFΛ༻͍ͨϒϩοΫ
    ԋशͷ;Γ͔͑Γ
    IUUQTGFUDITQFDXIBUXHPSHTIPVMESFTQPOTFUPSFRVFTUCFCMPDLFEEVFUPNJNFUZQF

    View full-size slide

  60. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏
    খ·ͱΊ
    1BSU๷ޚऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ औΓ૊Μͩ͜ͱ
    ‣ 'FUDI4UBOEBSEʢͷಛʹηΩϡϦςΟʹ
    ؔ࿈͢Δ߲໨ʣΛಡΈղ͍ͨ
    ‣ طଘͷ8FCϒϥ΢β࣮૷ͷ'FUDIपล
    ͷڍಈ͕ඪ४ʹै͏͔Λݕূͨ͠
    ‣ 8FCඪ४ʢಛʹ8*$(ͱ8$ܥʣͷ
    ηΩϡϦςΟʹؔ͢Δٞ࿦Λ௥ͬͯΈͨ
    ‣ େࣄͩͬͨ͜ͱ
    ‣ 8FCඪ४͸8FCʹԣͨΘΔηΩϡϦςΟϞ
    σϧΛཧղ͢ΔͨΊͷॏཁͳ৘ใݯͰ͋Δ
    ‣ ٞ࿦΍࢓༷ʹ͸୭Ͱ΋ΞΫηεͰ͖Δ
    60

    View full-size slide

  61. ߈ܸऀࢹ఺Ͱߟ͑Δ
    8FCϒϥ΢βͷηΩϡϦςΟ
    1BSU

    View full-size slide

  62. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏
    ‣ 8FCΞϓϦέʔγϣϯ։ൃऀͱͯ͠͸ɺ͜͜·Ͱຏ͍͖ͯͨ8FC࢓༷ΛಡΈ
    ղ͍ͯݕূ͍ͯ͘͠ྗ͕ॏཁ
    ‣ Ұํɺ8FC࢓༷ࡦఆʹؔΘΔਓ΍8FCϒϥ΢β։ൃऀʹ͸ɺ8FCϒϥ΢βͷ
    ΋ͭػೳ΍ίϯηϓτ͕ଥ౰͔໰୊ͳ͍͔Λۛຯ͢Δྗ͕ٻΊΒΕΔ
    62
    ߈ܸऀͷࢹ఺Ͱߟ͑Δ
    IUUQTHJUIVCDPNXIBUXHGFUDIQVMM
    ྫMPDBMIPTU͕ಛผࢹ͞ΕΔͷ͔ɻ
    ଞͷ࢓༷Ͱલఏͱ͍ͯ͠Δ͜ͱ่͕Εͳ͍ͩΖ͏͔

    View full-size slide

  63. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 63
    ͜ͷ1BSUͷ֓ཁ
    ‣ औΓ૊Ή͜ͱ
    ‣ QVQQZͷ͍͔ͭ͘ͷ࢓༷ɾ࣮૷͕ͲͷΑ
    ͏ͳ໰୊ΛҾ͖ى͜͠͏Δ͔Λɺ͍·ͷ
    8FCඪ४Λώϯτʹ͠ͳ͕Βݕ౼͢Δ
    ‣ औΓ૊Έͷ໨ඪ
    ‣ 8FCඪ४΍࣮૷ΛಡΜͰཧղ͢Δ͚ͩͰ͸ͳ
    ͘ɺͦΕ͕ଥ౰ͳ΋ͷ͔ۛຯ͢ΔྗΛຏ͘

    View full-size slide

  64. IUUQTCSPXTFSCPPLTIJGUKTJOGPFWFOUTTFDDBNQQBSU
    ԋश8FCϒϥ΢βͷڍಈΛۛຯ͢Δ
    ͜ͷߨٛͷϦϑΝϨϯε࣮૷ʹ͸༷ʑͳ8FCඪ४ͱͷζϨ͕͋Γ·͕͢ɺ
    ͦͷΑ͏ͳζϨ͸ηΩϡϦςΟ্ͷϦεΫʹͭͳ͕Βͳ͍ͷͰ͠ΐ͏͔ɻ
    ͨΊ͠ʹ͋Δڍಈͭʹؔͯ͠ɺͦͷϦεΫΛݕ౼ͯ͠Έ·͠ΐ͏ɻ

    View full-size slide

  65. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 65

    ʹؔͯ͠͸ҎԼͷΑ͏ͳྫ͕ଘࡏ͢Δ
    inner

    ʹؔͯ͠΋ҎԼͷΑ͏ͳྫ͕ଘࡏ͢Δ
    %0.ૢ࡞ʹؔ͢Δ໰୊
    ԋशͷ;Γ͔͑Γ







    <br/>let el_in = document.getElementById("in");<br/>let el_out = document.getElementById("out");<br/>el_out.innerHTML = el_in.innerHTML;<br/>
    GPSNλά͕ܽଛ

    View full-size slide

  66. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 66
    ‣ %0.Λհͯ͠)5.-จࣈྻΛखʹೖΕͨࡍʹɺͦΕ͕ʢ͜͜·Ͱݟ͖ͯͨΑ
    ͏ͳཧ༝͔Βʣҙਤ͠ͳ͍΋ͷʹͳͬͯ͠·͏৔߹͕͋Δ
    ‣ ͜ͷΑ͏ͳ8FCϒϥ΢βͷڍಈʹΑΓɺΫϥΠΞϯταΠυͷ8FCΞϓϦ
    έʔγϣϯʹ%0.CBTFE944੬ऑੑ͕ൃੜͯ͠͠·͏৔߹͕͋Δ
    ‣ ͜ͷΑ͏ʹͯ͠ൃੜ͢Δ944͸N944 NVUBUJPO944
    ͱݺ͹ΕΔ
    NVUBUJPO944ʢN944ʣ
    ԋशͷ;Γ͔͑Γ

    View full-size slide

  67. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 67
    ‣ JOFS)5.-͸)5.-4UBOEBSEͷz4FSJBMJ[JOH)5.-'SBHNFOUTʹґଘ
    JOOFS)5.-ʹؔ͢Δඪ४
    ԋशͷ;Γ͔͑Γ
    IUUQTXXXXPSH53%0.1BSTJOH

    View full-size slide

  68. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 68
    ‣ ʢ͓ͦΒ͘ʣ҆શͳ4FSJBMJ[FΞϧΰϦζϜ͕نఆ͞Ε͍ͯΔ
    ‣ ຊདྷ͸JOOFS)5.-ͷ஋͸͜Εʹैͬͯੜ੒͞Ε͍ͯΔ΂͖ͩͬͨ
    JOOFS)5.-ʹΞΫηεͨ͠ࡍͷ4FSJBMJ[JOH
    ԋशͷ;Γ͔͑Γ
    IUUQTIUNMTQFDXIBUXHPSHNVMUJQBHFQBSTJOHIUNMTFSJBMJTJOHIUNMGSBHNFOUT

    View full-size slide

  69. IUUQTCSPXTFSCPPLTIJGUKTJOGPFWFOUTTFDDBNQQBSU
    ԋशʢ೚ҙʣ8FCϒϥ΢βͷઃܭΛۛຯ͢Δ
    ͜ͷߨٛͷϦϑΝϨϯε࣮૷͸୯ҰͷϓϩηεͰಈ࡞͠·͢ɻ
    ͜Ε͸Կ͔ෆ౎߹΍ϦεΫΛҾ͖ى͜͞ͳ͍Ͱ͠ΐ͏͔ʁ

    View full-size slide

  70. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 70
    খ·ͱΊ
    1BSU߈ܸऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ औΓ૊Μͩ͜ͱ
    ‣ QVQQZͷ͍͔ͭ͘ͷ࢓༷ɾ࣮૷͕ͲͷΑ
    ͏ͳ໰୊ΛҾ͖ى͜͠͏Δ͔Λɺ͍·ͷ
    8FCඪ४Λώϯτʹ͠ͳ͕Βݕ౼ͨ͠
    ‣ େࣄͩͬͨ͜ͱ
    ‣ 8FC࢓༷ࡦఆऀ8FCϒϥ΢β։ൃऀό
    άϋϯλʔͱͯ͠͸ɺ͜͏͍͏ࡉ෦Λۛຯ͢
    ΔྗΛຏ͍͓͖͍ͯͨ
    ‣ 8FCΞϓϦέʔγϣϯ։ൃऀͱͯ͠΋͜ͷख
    ͷ࢓༷ͷෆ੔߹Λ἞ΈऔΔྗ͸Ұൠతʹॏཁ

    View full-size slide

  71. ͞Βʹ޿͘ɾਂ͘ߟ͑Δ
    8FCϒϥ΢βͷηΩϡϦςΟ
    1BSU

    View full-size slide

  72. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 72
    ͜ͷ1BSUͷ֓ཁ
    ‣ औΓ૊Ή͜ͱ
    ‣ 8FCϒϥ΢βͷ಺෦ߏ଄ʹΑΓ౿ΈࠐΈ
    ͭͭɺͦΕʹؔ࿈ͨ͠߈ܸͷଘࡏΛ஌Δ
    ‣ ࣌ؒతɾػೳతʹࢹ໺Λ޿͛ͯ8FCϒϥ
    ΢βͷηΩϡϦςΟʹ͍ͭͯߟ͑Δ
    ‣ औΓ૊Έͷ໨ඪ
    ‣ ΑΓॊೈʹ8FCϒϥ΢βͷηΩϡϦςΟʹ
    ͍ͭͯݕ౼͢ΔͨΊͷجૅΛͭ͘Δ

    View full-size slide

  73. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 73
    ΑΓෳࡶɾ޿ൣͳܥΛߟ͑Δ
    ‣ ͜͜·Ͱ͸ɺ҉ʹ8FCඪ४΍8FCϒ
    ϥ΢βͷ಺෦࣮૷ʹ͍ͭͯɺͦΕΒͷ
    Ұఆͷ୯७͞ΛԾఆͯ͠ߟ͖͑ͯͨ
    ‣ ݱ࣮͸ҎԼΛ࢝Ίͱ༷ͨ͠ʑͳ໘౗͕
    8FCϒϥ΢βશମʹଘࡏ͍ͯ͠Δ
    ‣ ֤ॴͰͷ࠷దԽ
    ‣ ֤ػೳͷޙํޓ׵ੑ
    ‣ ֦ுػೳ
    ‣ ϢʔβΠϯλʔϑΣΠε
    ‣ Ҏ߱͸͜ΕΒΛ΋͏গ͠۷ΓԼ͛Δ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ϖΠϯτ݁Ռʢը૾ʣ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    6*ɾϒϥ΢βΤϯδϯ

    View full-size slide

  74. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 74
    ‣ 8FCϒϥ΢β͸֤ॴʹ࠷దԽͷ࢓૊ΈΛ༗͍ͯ͠Δ
    ‣ ਎ۙͳྫ
    ‣ Ϩϯμϥ͕ʮͳΜͱ͔πϦʔʯͷΑ͏ͳ໦ঢ়ͷதؒߏ଄Λ༷ʑͳఆٛͯ͠ॲཧͷ۠ؒΛ
    ࡉ͔۠͘੾Δ͜ͱͰɺ͍ΘΏΔύΠϓϥΠϯॲཧΛߦ͍ɺॲཧͷฒྻੑΛ্͛ͨΓɺ
    %0.΍$44ͷૢ࡞ͳͲͷӨڹൣғΛখͨ͘͞͠Γ͢Δ
    ‣ +*5ॲཧΛߦ͏͜ͱͰ+BWB4DSJQU࣮ߦΛߴ଎ʹ͢Δ
    ‣ ϝϞϦ؅ཧͷͨΊͷ࢓૊Έʢऔಘղ์($ʣΛࣗલͰ࣋ͪɺϝϞϦͷ࢖༻ޮ཰Ωϟο
    γϡώοτ཰ΛͰ͖Δ͚ͩ޲্͢Δ
    ‣ ΠϕϯτϧʔϓͷΑ͏ͳ࢓૊ΈʹΑΓɺฒߦͯ͠ൃੜ͢ΔΠϕϯτͷॲཧޮ཰Λ্͛Δ
    ࠷దԽͱηΩϡϦςΟ

    View full-size slide

  75. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏
    ‣ ͠͹͠͹+BWB4DSJQU͸+VTU*O5JNF +*5
    $PNQJMFͯ͠อ࣋ɾ࣮ߦ͞ΕΔ
    ‣ ίϯύΠϧॲཧʹ͸͕͔͔࣌ؒΔͱ͸͍͑ɺΑ࣮͘ߦ͞ΕΔίʔυͰ͋Ε͹ɺί
    ϯύΠϧʹ࣌ؒΛ͔͚ͨͱͯ͠΋τʔλϧͰͷߴ଎Խ͕ݟࠐΊΔ
    +VTU*O5JNF +*5
    $PNQJMF
    ࠷దԽͱηΩϡϦςΟ
    75
    +4ίʔυ
    ωΠςΟϒίʔυ
    ίϯύΠϧ
    ωΠςΟϒ࣮ߦ

    View full-size slide

  76. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 76
    ‣ +*5ؔ࿈ͷ࣮૷͸೉͘͠ɺ͜Ε·Ͱ΋ଟ͘ͷ੬ऑੑ͕ൃݟ͞Ε͍ͯΔ
    ‣ *OUFM$&5౳ͷ&YQMPJUճආͷͨΊͷٕज़͕ར༻͠ʹ͘͘ͳΔͱ͍͏՝୊΋
    ‣ &EHFͰ͸4VQFS%VQFS4FDVSF.PEFͱͯ͠+*5ΛແޮԽ͢Δಈ͖΋
    ྫ+*5ͷѱ༻
    ࠷దԽͱηΩϡϦςΟ
    IUUQTNJDSPTPGUFEHFHJUIVCJPFEHFWSQPTUT4VQFS%VQFS4FDVSF.PEF

    View full-size slide

  77. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 77
    ‣ Πϕϯτϧʔϓ
    ‣ 8FCϖʔδ্ͰͷϢʔβͷૢ࡞΍ඇಉظతʹൃੜ͢ΔΠϕϯτɺͦͷଞεΫϦϓτͷ࣮
    ߦ΍ϨϯμϦϯάͱ͍ͬͨ8FCϖʔδͷඳըʹඞཁͳॲཧΛௐఀ͢ΔͨΊͷ࢓૊Έ
    ‣ )5.-4UBOEBSEͰ΋ఆٛ͞Ε͍ͯΔ
    IUUQTIUNMTQFDXIBUXHPSHNVMUJQBHFXFCBQQBQJTIUNMFWFOUMPPQT
    Πϕϯτϧʔϓ
    ࠷దԽͱηΩϡϦςΟ
    IUUQTIUNMTQFDXIBUXHPSHNVMUJQBHFXFCBQQBQJTIUNMFWFOUMPPQT

    View full-size slide

  78. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 78
    ‣ Πϕϯτϧʔϓͷѱ༻ʹؔ͢Δ໘ന͍ݚڀͷྫ
    ‣ -PPQIPMF5JNJOH"UUBDLTPO4IBSFE&WFOU-PPQTJO$ISPNF
    ‣ $ISPNFͷ΋ͭΠϕϯτϧʔϓΛ͏·͘Ԛછͨ͠Γɺ͏·͘Πϕϯτϧʔϓʹؔ͢
    Δ࣌ؒܭଌΛߦ͏͜ͱͰɺຊདྷ8FCϒϥ΢βͷηΩϡϦςΟϞσϧ্Ͱ͸؍ଌͰن
    ఆ͸͍͚ͳ͍ϒϥ΢β্ͰͷϢʔβߦಈ͕؍ଌͰ͖ΔՄೳੑͳͲΛࣔͨ͠
    ‣ #SPXTFSIJTUPSZSFWJTJUFE
    ‣ 8FCϒϥ΢βͷ΋ͭӾཡཤྺʹؔ͢Δ৘ใΛɺ޻෉ͨ͠$44΍$441BJOU"1*ͷ
    ར༻Λ௨ͯ͠ɺΠϕϯτϧʔϓͳͲΛνϟωϧͱͯ͠ϦʔΫ͢Δख๏Λࣔͨ͠
    ྫΠϕϯτϧʔϓͷѱ༻
    ࠷దԽͱηΩϡϦςΟ

    View full-size slide

  79. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 79
    ‣ 8FC͸೔ʹ೔ʹਐԽ͍ͯ͠Δ͕ʜʜ
    ‣ ݹ͍ػೳ΍ਪ঑Ͱ͖ͳ͍ػೳΛఀࢭ͢Δ͜ͱͰɺݹ͍8FCϖʔδ͕ར༻Ͱ͖ͳ͘ͳ
    Δɺͱ͍͏ͷ͸Ͱ͖Δ͚ͩආ͚͍ͨ
    ‣ ৽͍͠ػೳΛ௥Ճ͢Δͱɺݹ͍8FCϖʔδ͕ةݥʹ͞Β͞ΕΔɺͱ͍͏Α͏ͳঢ়ଶ΋
    Ͱ͖Δ͚ͩආ͚͍ͨ
    ‣ ྫ)5514Λ࢖Θͳ͍৔߹͸தؒऀ߈ܸͷϦεΫ͕͋Δ͕ʜʜ
    ‣ ʮ)5514Λ࢖Θͳ͍8FCϖʔδ͸Ұ੾ӾཡͰ͖ͳ͍ʯͱ͍͏Α͏ʹ8FCϒϥ΢βͷ
    ࣮૷Λม͑ͯ͠·͏ͱɺطଘͷଟ͘ͷ8FCϖʔδͷՁ஋͕ࣦΘΕͯ͠·͏ʂ
    ‣ 8FCϒϥ΢βʹ+BWB4DSJQU͔Βར༻Ͱ͖Δڧྗͳػೳʢྫϋʔυ΢ΣΞʹ͍ۙૢ࡞ʣ
    Λ௥Ճͨ͠ͱ͖ɺ)5514Λ࢖͍ͬͯͳ͍8FCϖʔδʹର͢Δதؒऀ߈ܸ͕͞ΒʹྗΛ
    ૿ͯ͠͠·͏ʂ
    ޓ׵ੑҡ࣋ͱηΩϡϦςΟ

    View full-size slide

  80. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 80
    ‣ 8FCඪ४8FCϒϥ΢β࣮૷͸ɺ)5514Ͱ഑৴͞Εͨ8FCϖʔδ͔Β
    )551Ͱ഑৴͞ΕΔϦιʔεΛར༻͢Δࡍʹ੍ݶΛઃ͚͍ͯΔ
    ‣ தؒऀ߈ܸΛड͚ͨࡍͷϦεΫ͕େ͖͍)551Ϧιʔε͸ར༻ΛϒϩοΫ
    ‣ ͞΋ͳ͘͹ܯࠂΛදࣔ͢Δ
    ‣ ʮ)5514Λ࢖Θͳ͍8FCϖʔδ͸Ұ੾ӾཡͰ͖ͳ͍ʯͱ·Ͱ͸Ͱ͖ͳ͘ͱ
    ΋ɺϦεΫͱ࣮ӹΛఱṝʹ͔͚ͭͭɺద౰ͳϥΠϯ͕໛ࡧ͞Ε͖͍ͯͯΔ
    .JYFE$POUFOU
    ޓ׵ੑҡ࣋ͱηΩϡϦςΟ

    View full-size slide

  81. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 81
    ‣ 4FDVSF$POUFYU
    ‣ ͓Αͦ)5514ʹΑΓ഑৴͞Εͨ8FCϖʔδͰ͋ͬͯɺ͔ͭͦΕࣗ਎Λแؚ͢Δ
    8FCϖʔδͳͲ΋ͦ͏Ͱ͋Δͱ͖ɺͦͷϖʔδ͸4FDVSF$POUFYUͱݺ͹ΕΔ
    ‣ ˞ݫີʹ͸΋͏ͪΐͬͱ͖͔ͬΓఆٛ͞Ε͍ͯΔ
    ‣ ͢΂ͯͷ8FCϖʔδʹ)5514Λ࢖ΘͤΔ͜ͱ͸೉͍͕͠ɺ8FCϒϥ΢βػೳͷதͰ
    ΋ྗͷڧ͍΋ͷ͸4FDVSF$POUFYU͔Β͔͠ར༻Ͱ͖ͳ͍͜ͱʹ͢Δ͜ͱͰɺ)5514
    Λ࢖͍ͬͯͳ͍8FCϖʔδ͕ଘࡏ͍ͯͯ͠΋େ͖ͳ໰୊͕ى͖ͳ͍Α͏ʹͳ͍ͬͯΔ
    ‣ 4FDVSFS$POUFYU
    ‣ 4FDVSF$POUFYU͸5SBOTQPSU-BZFSͷڧ౓ʹԠͯ͡8FCϒϥ΢βͷػೳ੍ݶΛߦ͏
    ࢓૊Έ͕ͩͬͨɺͦͷଞͷηΩϡϦςΟͷͨΊͷ࢓૊Έʢྫ$0&1$001ʣͷڧ౓
    ʹԠͯ͡ผ్ػೳ੍ݶΛߦ͏4FDVSFS$POUFYUͱ͍͏ίϯηϓτ΋ݕ౼͞Ε͍ͯΔ
    ‣ IUUQTHJUIVCDPNNJLFXFTUTFDVSFSDPOUFYUT
    4FDVSF S
    $POUFYU
    ޓ׵ੑҡ࣋ͱηΩϡϦςΟ

    View full-size slide

  82. IUUQTCSPXTFSCPPLTIJGUKTJOGPFWFOUTTFDDBNQQBSU
    ԋश.JYFE$POUFOU
    ݱ୅ͷ8FCϒϥ΢β͸)5514)551ͷࠞ߹ʹͲ͏ରԠ͍ͯ͠ΔͷͰ͠ΐ͏͔ʁ
    ֤ϒϥ΢βͰϒϩοΫͷڍಈ΍ΤϥʔϝοηʔδΛ֬ೝͯ͠Έ·͠ΐ͏ɻ

    View full-size slide

  83. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 83
    ‣ ࠓ͸΋͏๢͖'MBTIͳͲͷϒϥ΢βϓϥάΠϯ΍ɺ8FCϒϥ΢βͷ֦ுػೳྨ
    ͷऔΓѻ͍΋ɺ௨ৗͷ8FCϖʔδͷऔΓѻ͍ͱ͸·ͨҟͳΔʜʜ
    ‣ 8FC&YUFOTJPOT$PNNVOJUZ(SPVQͷಈ͖ͳͲͰ҆શੑ͕ߴ·ͬͯ΄͍͠
    ֦ுػೳͱηΩϡϦςΟ
    IUUQTXXXXPSHDPNNVOJUZXFCFYUFOTJPOTGPSNJOHUIFXFDH

    View full-size slide

  84. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 84
    ‣ 8FCϒϥ΢βʹ͸Ϣʔβ͕͍Δ
    ‣ Ϣʔβͷ8FCϒϥ΢δϯάΛ๦֐͢
    ΔΑ͏ͳߦҝ͕༰қͰ͖ΔͱࠔΔ
    ‣ ϢʔβͷޡͬͨߦಈΛҾ͖ى͜͢Α͏
    ͳ6*ͩͱɺ༷ʑͳηΩϡϦςΟػೳ
    ͕ແବʹͳͬͯ͠·͏Մೳੑ΋͋Δ
    6*ͱηΩϡϦςΟ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ϖΠϯτ݁Ռʢը૾ʣ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    6*ɾϒϥ΢βΤϯδϯ

    View full-size slide

  85. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 85
    ‣ ͨͩ8FCϖʔδʹΞΫηε͚ͨͩ͠ͰϙοϓΞοϓ΢Οϯυ΢͕େྔʹग़ͨ
    ΓɺϞʔμϧʹϑΥʔΧε͕ୣΘΕͯଞͷλϒʹભҠͰ͖ͳ͘ͳͬͨΓɺ୺຤͕
    ਒͑ͨΓɺͱͳΔͱͱͯ΋ࠔΔͷͰɺͦΕΛ๷͙ͨΊͷ࢓૊Έ͕੔උ͞Ε͍ͯΔ
    ྫφϏήʔγϣϯ
    8FCϒϥ΢βͷ6*ͱηΩϡϦςΟ
    IUUQTIUNMTQFDXIBUXHPSHUSBDLJOHVTFSBDUJWBUJPO

    View full-size slide

  86. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 86
    ‣ )PNPHSBQI"UUBDL
    ‣ ͋ΔυϝΠϯ໊ ྫFYBNQMFDPN
    ʹରͯ͠ɺͦΕͱࢹ֮తʹࣅͨจࣈྻ͔ΒͳΔυϝ
    Πϯ໊ ྫFYBNQFDPN
    Λ༻͍ͯɺͦͷυϝΠϯΛࢹೝͨ͠ਓΛὃ͢Α͏ͳ߈ܸ
    ‣ *%/)PNPHSBQI"UUBDL
    ‣ *OUFSOBUJPOBMJ[FE%PNBJO/BNF *%/
    Λ༻͍ͨ)PNPHSBQI"UUBDLͷ͜ͱ
    ྫ*%/ͷऔΓѻ͍
    8FCϒϥ΢βͷ6*ͱηΩϡϦςΟ

    View full-size slide

  87. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 87
    ‣ ݱ୅ͷ8FCϒϥ΢β͸ଟ͘ͷηϯγςΟϒ
    ͳ"1*Λ+BWB4DSJQUʹఏڙ͍ͯ͠Δ
    ‣ ϚΠΫ΍ΧϝϥΛར༻͢ΔͨΊͷ"1*
    ‣ Ґஔ৘ใͷऔಘͷͨΊͷ"1*
    ‣ ʜ
    ‣ ͜ΕΒͷར༻ʹ͸8FCϒϥ΢βͷϢʔβͷ
    ໌֬ͳಉҙ͕ඞཁͦ͏͕ͩʜʜ
    ‣ Ͳ͏͍͏ස౓ͰಉҙΛͱΔ΂͖ʁ
    ‣ Ͳ͏͍͏ը໘ͰಉҙΛͱΔ΂͖ʁ
    ‣ JGSBNF಺ͷ8FCϖʔδ͔Β"1*ͷ࢖༻ݖݶ͕
    ཁٻ͞Εͨͱ͖͸Ͳ͏͢΂͖ʁ
    ‣ ͨ͘͞Μͷݒ೦ࣄ߲͕͋Δ
    ྫػೳͷ࢖༻ݖݶͷ؅ཧ
    8FCϒϥ΢βͷ6*ͱηΩϡϦςΟ

    View full-size slide

  88. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 88
    ‣ 1FSNJTTJPOT1PMJDZ
    ‣ 8FCϖʔδ͕ར༻͢Δ8FCϒϥ΢βͷػೳ΍"1*Λɺ)551ϨεϙϯεϔομΛ௨
    ͯ͠໌ࣔ͢Δ͜ͱͰɺෆཁͳػೳΛແޮԽ͢ΔඞཁͳػೳΛར༻ՄೳͳൣғΛݶఆ͠ͳ
    ͕Β༗ޮԽͰ͖Δ࢓૊Έ
    ‣ ੲ͸'FBUVSF1PMJDZͱݺ͹Ε͍ͯͨ΋ͷ
    1FSNJTTJPOT1PMJDZ
    8FCϒϥ΢βͷ6*ͱηΩϡϦςΟ

    View full-size slide

  89. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 89
    1FSNJTTJPOT1PMJDZ
    8FCϒϥ΢βͷ6*ͱηΩϡϦςΟ
    IUUQTGFBUVSFQPMJDZEFNPTBQQTQPUDPN

    View full-size slide

  90. IUUQTCSPXTFSCPPLTIJGUKTJOGPFWFOUTTFDDBNQQBSU
    ԋश1FSNJTTJPOT1PMJDZ
    ֤ϒϥ΢βͰϒϩοΫͷڍಈ΍ΤϥʔϝοηʔδΛ֬ೝͯ͠Έ·͠ΐ͏ɻ

    View full-size slide

  91. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 91
    ‣ Ͳ͏6*Λઃܭ͢Δ͔Λߟ͑Δͷ΋ɺͦΕΛ҆શʹ࣮૷͢Δͷ΋ࠎ͕ંΕΔ
    ‣ ࠷ۙ.JDSPTPGUͷ#SPXTFS7VMOFSBCJMJUZ3FTFBSDIͷϒϩάͰ͜ͷपลͷ࿩୊
    ͷهࣄ͕ग़͍ͯͨͷͰɺڵຯ͕͋Ε͹ಡΜͰΈ͍ͯͩ͘͞
    6*ͷ࿩͸Ԟਂ͍
    ޓ׵ੑҡ࣋ͱηΩϡϦςΟ
    IUUQTNJDSPTPGUFEHFHJUIVCJPFEHFWSQPTUTVJTFDVSJUZUIJOLJOHPVUTJEFUIFWJFXQPSU

    View full-size slide

  92. IUUQTCSPXTFSCPPLTIJGUKTJOGPFWFOUTTFDDBNQQBSU
    ԋश ೚ҙ
    6*ઃܭΛᛀΉ
    8FCϒϥ΢β࣮૷ʹΑͬͯBMFSU
    ͷμΠΞϩά͕Ͳ͜ʹग़Δ͔͕ҟͳΓ·͢ɻ
    ͜ͷ͕ࠩηΩϡϦςΟ্ͷϦεΫΛੜΉ͜ͱ͸͋Δ͔Λߟ͑ͯΈ·͠ΐ͏ɻ

    View full-size slide

  93. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 93
    খ·ͱΊ
    1BSU͞Βʹ޿͘ɾਂ͘ߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ औΓ૊Μͩ͜ͱ
    ‣ 8FCϒϥ΢βͷ಺෦ߏ଄ʹΑΓ౿ΈࠐΈ
    ͭͭɺͦΕʹؔ࿈ͨ͠߈ܸͷଘࡏΛ஌ͬͨ
    ‣ ࣌ؒతɾػೳతʹࢹ໺Λ޿͛ͯ8FCϒ
    ϥ΢βͷηΩϡϦςΟʹ͍ͭͯߟ͑ͨ
    ‣ େࣄͩͬͨ͜ͱ
    ‣ 8FCϒϥ΢βͷηΩϡϦςΟΛ୲อ͢Δ্Ͱ
    ͸ɺϢʔβͷײੑ΍ߦಈͱ͍͏ඞͣ͠΋ٕज़
    ͚ͩͰ͸ޠΕͳ͍σβΠϯత؍఺΋ॏཁ
    ‣ ٕज़తʹ͖Ε͍ͳ࢓༷΍ٕज़తʹ׬ᘳͳ
    ࢓༷͕ઈରతͳ҆શΛੜΉͱ͸ݶΒͳ͍

    View full-size slide

  94. ࠓ೔ͷ·ͱΊ
    $PODMVTJPO

    View full-size slide

  95. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 95
    খ·ͱΊ
    1BSUࣄલֶशͷৼΓฦΓ
    )5.-ɾ$44
    %0.
    $440.
    ϨϯμϦϯάπϦʔ
    ϨΠΞ΢τ݁Ռ
    ϖΠϯτ݁Ռ
    ελΠϦϯά
    ࣈ۟ղੳɾߏจղੳͳͲ
    ϨΠΞ΢τ
    ϖΠϯτ
    +BWB4DSJQU
    ʹΑΔ࡞༻
    )551౳ʹΑΔ
    )5.-ɾ$44ͷऔಘ
    ‣ ϨϯμϦϯάΤϯδϯؔ࿈ͷجૅ֓೦
    ‣ )5.-ɾ%0.ؔ࿈
    ‣ $44ɾ$440.ؔ࿈
    ‣ ϨϯμϦϯάπϦʔؔ࿈
    ‣ #PY5SFFͱϨΠΞ΢τɾϖΠϯτؔ࿈
    ‣ +BWB4DSJQUΤϯδϯʢͱ͘ʹ7ʣؔ࿈
    ‣ ؆қ%0."1*ؔ࿈
    ‣ 8FCඪ४ϓϥοτϑΥʔϜपลͷجૅ֓೦
    ‣ 8FCඪ४ؔ࿈ͷஂମʢ8$ 8)"58( ʣ
    ‣ 8FC*%-
    ‣ 8FC1MBUGPSN5FTUT

    View full-size slide

  96. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏
    খ·ͱΊ
    1BSU๷ޚऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ औΓ૊Μͩ͜ͱ
    ‣ 'FUDI4UBOEBSEʢͷಛʹηΩϡϦςΟʹ
    ؔ࿈͢Δ߲໨ʣΛಡΈղ͍ͨ
    ‣ طଘͷ8FCϒϥ΢β࣮૷ͷ'FUDIपล
    ͷڍಈ͕ඪ४ʹै͏͔Λݕূͨ͠
    ‣ 8FCඪ४ʢಛʹ8*$(ͱ8$ܥʣͷ
    ηΩϡϦςΟʹؔ͢Δٞ࿦Λ௥ͬͯΈͨ
    ‣ େࣄͩͬͨ͜ͱ
    ‣ 8FCඪ४͸8FCʹԣͨΘΔηΩϡϦςΟϞ
    σϧΛཧղ͢ΔͨΊͷॏཁͳ৘ใݯͰ͋Δ
    ‣ ٞ࿦΍࢓༷ʹ͸୭Ͱ΋ΞΫηεͰ͖Δ
    96

    View full-size slide

  97. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 97
    খ·ͱΊ
    1BSU߈ܸऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ औΓ૊Μͩ͜ͱ
    ‣ QVQQZͷ͍͔ͭ͘ͷ࢓༷ɾ࣮૷͕ͲͷΑ
    ͏ͳ໰୊ΛҾ͖ى͜͠͏Δ͔Λɺ͍·ͷ
    8FCඪ४Λώϯτʹ͠ͳ͕Βݕ౼ͨ͠
    ‣ େࣄͩͬͨ͜ͱ
    ‣ 8FC࢓༷ࡦఆऀ8FCϒϥ΢β։ൃऀό
    άϋϯλʔͱͯ͠͸ɺ͜͏͍͏ࡉ෦Λۛຯ͢
    ΔྗΛຏ͍͓͖͍ͯͨ
    ‣ 8FCΞϓϦέʔγϣϯ։ൃऀͱͯ͠΋͜ͷख
    ͷ࢓༷ͷෆ੔߹Λ἞ΈऔΔྗ͸Ұൠతʹॏཁ

    View full-size slide

  98. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 98
    খ·ͱΊ
    1BSU͞Βʹ޿͘ɾਂ͘ߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ
    ‣ औΓ૊Μͩ͜ͱ
    ‣ 8FCϒϥ΢βͷ಺෦ߏ଄ʹΑΓ౿ΈࠐΈ
    ͭͭɺͦΕʹؔ࿈ͨ͠߈ܸͷଘࡏΛ஌ͬͨ
    ‣ ࣌ؒతɾػೳతʹࢹ໺Λ޿͛ͯ8FCϒ
    ϥ΢βͷηΩϡϦςΟʹ͍ͭͯߟ͑ͨ
    ‣ େࣄͩͬͨ͜ͱ
    ‣ 8FCϒϥ΢βͷηΩϡϦςΟΛ୲อ͢Δ্Ͱ
    ͸ɺϢʔβͷײੑ΍ߦಈͱ͍͏ඞͣ͠΋ٕज़
    ͚ͩͰ͸ޠΕͳ͍σβΠϯత؍఺΋ॏཁ
    ‣ ٕज़తʹ͖Ε͍ͳ࢓༷΍ٕज़తʹ׬ᘳͳ
    ࢓༷͕ઈରతͳ҆શΛੜΉͱ͸ݶΒͳ͍

    View full-size slide

  99. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 99
    ‣ ຊߨٛͰ͸࢓༷ΛಡΜͰΈͨΓɺۛຯͨ͠Γɺ෦෼తʹ࣮૷͖ͯ͠·ͨ͠
    ‣ 8FCඪ४΍8FCϒϥ΢β࣮૷͕લΑΓ͸਎ۙͳଘࡏʹͳͬͨ͸ͣɻ
    ‣ গͳ͘ͱ΋ࠓͳΒɺ΋͸΍ಘମͷ͠Εͳ͍΋ͷͰ͸ͳ͍͸ͣͰ͢ɻ
    ‣ ͦͷաఔͰ8FCΫϥΠΞϯταΠυͷηΩϡϦςΟ΋গֶ͠ͼ·ͨ͠ɻ
    ‣ ࣌ؒͷ౎߹্ͬ͘͟͹ΒΜͳ঺հͱͳͬͯ͠·ͬͨ͜ͱΛ͓ڐ͍ͩ͘͠͞ɻ
    ‣ ͜ͷपลΛΑΓਂֶ͘ͼ͍ͨํʹ͸ҎԼͷΑ͏ͳॻ੶Λ͓͢͢Ί͠·͢
    ‣ ʰମܥతʹֶͿ҆શͳ8FCΞϓϦέʔγϣϯͷ࡞Γํ੬ऑੑ͕ੜ·ΕΔݪཧͱରࡦͷ࣮ફʱ
    ‣ ʰϒϥ΢βϋοΫʱ
    ‣ ʰ8FCϒϥ΢βηΩϡϦςΟʕ8FCΞϓϦέʔγϣϯͷ҆શੑΛࢧ͑Δ࢓૊ΈΛ੔ཧ͢Δʱ
    ͓ΘΓʹ
    #͍ͪ͞ͳ8FCϒϥ΢βΛͭͬͯ͘ΈΑ͏

    View full-size slide

  100. © 2021 shift-js.info
    ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 100
    ‣ ຊߨٛͰऔΓ૊ΜͰ͖ͨҎԼͷΑ͏ͳϓϩηε͸ɺ8FCϒϥ΢βʹݶΒͣɺଟ
    ͘ͷݱ୅ͷϓϩμΫτΛཧղ͢Δ্Ͱ׆͔͢͜ͱͷͰ͖Δ΋ͷͰ͢ɻ
    ‣ جૅతͳίϯηϓτΛ಄ʹೖΕΔ
    ‣ ͦΕΛऔΓר͘ΤίγεςϜΛ஌Δ
    ‣ ࢓༷΍࣮૷ΛಡΈղ͘
    ‣ ͦ͜ʹࢸΔ·Ͱͷྺ࢙΍ٞ࿦Λௐࠪ͢Δ
    ‣ ٖࣅతʹ࣮ࡍʹ໛฿࣮૷ͯ͠ΈΔ
    ‣ ʜ
    ‣ ຊߨٛͰಘͨ஌ࣝɾܦݧ΍ɺ͜ͷखͷϝλεΩϧΛ׆͔ͯ͠ɺࠓޙ΋ΑΓ޿͘ɾ
    ਂ͘ϓϩμΫτͷηΩϡϦςΟΛߟ͑ͯΈ͍ͯͩ͘͞ʂ
    ͓ΘΓʹ
    #͍ͪ͞ͳ8FCϒϥ΢βΛͭͬͯ͘ΈΑ͏

    View full-size slide