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

͍ͪ͞ͳ8FCϒϥ΢βΛ࡞ͬͯΈΑ͏ ηΩϡϦςΟɾΩϟϯϓશࠃେձ #τϥοΫ :0/&6$)* 5BLBTIJ IUUQTTIJGUKTJOGP

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

© 2021 shift-js.info ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ XIPBNJ ৄࡉ͸IUUQTTIJGUKTJOGPʹ͋Γ·͢ 3 ‣ ถ಺وࢤ :0/&6$)*
5BLBTIJ ‣ ηΩϡϦςΟɾΩϟϯϓதԝେձଔۀੜ ‣ ͜ΕΛػʹηΩϡϦςΟ԰Λࢤ͢Α͏ʹ ‣ גࣜձࣾ'MBUU4FDVSJUZࣥߦ໾һ$50 ‣ ʮ։ൃऀͷͨΊͷɺ։ൃऀʹدΓఴͬͨη ΩϡϦςΟʯΛୈҰٛͱͯ͠ಇ͍͍ͯ·͢ ‣ ੈͷதͷʢಛʹΠϯϋ΢εͷʣϓϩμΫτ νʔϜ͕҆৺ͯ͠ಇ͚ΔੈքΛ࡞Γ͍ͨͰ͢ ‣ ஶॻͳͲ ‣ ʰ8FCϒϥ΢βηΩϡϦςΟʱ ‣ ʰৄղηΩϡϦςΟίϯςετʱ

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

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

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

1BSU๷ޚऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ ‣ 'FUDI4UBOEBSEΛ୊ࡐʹɺ8FCඪ४ΛಡΈղ͖ͳ͕Βɺݱ୅8FCʹ͓͚ΔηΩϡϦ ςΟʹ͍ͭͯͷߟ͑ํΛ࢓༷͔Βཧղ͢Δɾݕূ͢ΔԋशʹऔΓ૊ΜͰ͍͖ͨͩ·͢ɻ ‣ 1BSU߈ܸऀࢹ఺Ͱߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ ‣ ຊߨٛͰ࡞ͬͨϒϥ΢βͷϦϑΝϨϯε࣮૷ͷ8FCඪ४ʹै͍ͬͯͳ͍ՕॴΛ୊ࡐ ʹɺ8FCϒϥ΢βͷڍಈ΍8FCඪ४Λۛຯ͢ΔԋशʹऔΓ૊ΜͰ͍͖ͨͩ·͢ɻ ‣ 1BSU͞Βʹ޿͘ɾਂ͘ߟ͑Δ8FCϒϥ΢βͷηΩϡϦςΟ ‣ 8FCϒϥ΢βͷΠϯλʔϑΣΠεʹؔ࿈͢Δ໰୊΍ɺ8FCϒϥ΢βͷ͞Βʹৄࡉͳ಺ ෦ߏ଄ʹґڌ͢Δ໰୊ʹ͍ͭͯ֓؍Λ͓఻͑͠·͢ɻ ࠓ೔ͷߨٛ͸ຊཱͯͰ͢

ࣄલֶशͷৼΓฦΓ 1BSU

© 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ͷऔಘ

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

© 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Λத৺ͱͨ͠ඪ४͕ఆ ٛ͢ΔݴޠͷαϒηοτΛߟ͑ͨ ϖΠϯτ݁Ռ

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

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

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

© 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

© 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

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

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

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

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

© 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*ɾϒϥ΢βΤϯδϯ

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

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

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

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

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

© 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

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

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

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

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

© 2021 shift-js.info ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 43 ‣ ෆࣗવͳϦιʔεͷຒΊࠐΈΛૣظʹϒϩοΫ͢ΔͨΊͷ࢓૊Έ ‣ JNHλάͳͲ͔Βൃߦ͞ΕͨOPDPSTϦΫΤετ΁ͷϨεϙϯεʹ͍ͭͯɺ ͦͷ.*.&5ZQF͕ҎԼͷΑ͏ͳ΋ͷͰ͋Δ৔߹ͳͲʹϒϩοΫ͢Δ
‣ )5.-ܥ UFYUIUNM ‣ +40/ܥ BQQMJDBUJPOKTPOͳͲ ‣ JNBHFTWH YNMҎ֎ͷ9.-ܥ BQQMJDBUJPOYNMͳͲ $SPTT0SJHJO3FBE#MPDLJOHʢ$03#ʣ ԋशͷ;Γ͔͑Γ IUUQTGFUDITQFDXIBUXHPSHDPSC

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

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

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

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

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

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

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

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

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

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

© 2021 shift-js.info ͍ͪ͞ͳWebϒϥ΢βΛ࡞ͬͯΈΑ͏ 65 ‣ ʹؔͯ͠͸ҎԼͷΑ͏ͳྫ͕ଘࡏ͢Δ <p data="a"></p><p>injected</p><p
t="a">inner</p> ‣ ʹؔͯ͠΋ҎԼͷΑ͏ͳྫ͕ଘࡏ͢Δ %0.ૢ࡞ʹؔ͢Δ໰୊ ԋशͷ;Γ͔͑Γ <div id="out"></div> <div id="in"> <form id="outer"> <div> </form> <form id="inner"><input> </div> <script> let el_in = document.getElementById("in"); let el_out = document.getElementById("out"); el_out.innerHTML = el_in.innerHTML; </script> GPSNλά͕ܽଛ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

© 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 ޓ׵ੑҡ࣋ͱηΩϡϦςΟ

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

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

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

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

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

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

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

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

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

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

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

ࠓ೔ͷ·ͱΊ $PODMVTJPO

© 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

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

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

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

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

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

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

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

More Decks by Takashi Yoneuchi

Other Decks in Programming

Featured

Transcript