私たちはなぜ SPA で開発するのか / Why you choose SPA

私たちはなぜ SPA で開発するのか / Why you choose SPA

2019.11.02 に FRONTEND CONFERENCE 2019 (#frontkansai) にて発表したスライドです。

A54b31d4ebbce222dff88a5c42bac033?s=128

Potato4d(Hanatani Takuma)

November 02, 2019
Tweet

Transcript

  1. 私たちはなぜ SPA で開発するのか 2019.11.02 #frontkansai #A5 Takuma HANATANI @ ElevenBack

    LLC.
  2. Takuma HANATANI (@potato4d) • Status • Senior Front-End Enginner at

    LINE Corp. • CEO at ElevenBack LLC. • Core skills • Front-End and Cloud Native Engineering • User Interface and Interaction Design • OpenSource Ecosystem • React.js / Vue.js ja document maintainer • Ex-Nuxt.js ja document maintainer • Nuxt.js beginners guide (C&R Institute) author
  3. ౦ژɾ෱ԬͰల։தͷ-*/&ϝϯόʔ͕ओಋͷΠϕϯτɾ1PEDBTUίϛϡχςΟʮ6*5ʯ IUUQTDBOEZBDDBNQBJHOCFUB https://uit-inside.linecorp.com/ https://uit.connpass.com/

  4. 6*5*/4*%&Ͱ͸ʮ3FBDUͷઃܭʯ΍ʮݱ৔ͰͷඇಉظॲཧʯͳͲ-*/&ϝϯόʔͷੜͷ੠͕୔ࢁʂ

  5. ΧϨϯμʔ΍ࣗಈԽʹΑͬͯձܭ؅ཧ͔Βղ์͞ΕΔΫϥ΢υʮ$BOEZʯϕʔλఏڙத IUUQTDBOEZBDDBNQBJHOCFUB

  6. ࠓ೔ͷ૝ఆௌߨऀ w ݱঢ়41"։ൃΛߦ͍ͬͯΔਓ w ͦͷதͰ΋ɺಛʹٕज़બఆɺϓϩμΫτͷࠓޙʹ෇͖߹͏ػձ͕͋Δਓ

  7. 41"Λ࡞ͬͯ͝൧৯΂͍ͯ·͔͢ʁ Q.

  8. ͳΜͰ41"Ͱ։ൃ͍ͯ͠·͔͢ʁ Q.

  9. ࠓ೔ߟ͍͑ͨ̏ͭͷϙΠϯτ w 41"ʹ͍ͭͯͷݱঢ়ͷ೺Ѳ w ͳͥࢲͨͪ͸։ൃ͢Δࡍʹ41"Λબఆ͍ͯ͠Δͷ͔ɺͯ͠͠·͏ͷ͔ w 41"ͱΦʔόʔΤϯδχΞϦϯάɺ࢖͍ॴʹ͍ͭͯͷߟ࡯

  10. ʮͦ΋ͦ΋ͳΜͰ࡞ͬͯΜ͚ͩͬʁʯ

  11. SPA બఆΛߏ੒͢Δཁૉʹ͍ͭͯ w ʮͦ΋ͦ΋ͳΜͰ41"Ͱ࡞ͬͯΔΜ͚ͩͬʁʯ w ʮͦΕ͕ී௨͔ͩΒʯʮσϑΝΫτ͔ͩΒʯ w ʮK2VFSZͱ͔#BDLCPOF͕ਏ͔͚ͬͨͩͰ͠ΐʯ w ʮΞχϝʔγϣϯͷ࣮ݱͷͨΊʹඞਢ͡Όͳ͍ʁʯ

    w ʮͦ΋ͦ΋೥ʹ41"Ҏ֎࡞Γͨ͘ͳ͍ʯ w શͯཧ༝ͷҰ୺Ͱ͸͋Δ͕ɺ࣮͸΋ͬͱ؆୯ʹ෼ׂͰ͖Δ
  12. SPA ͕બ͹ΕΔຊ࣭తͳཧ༝ GPS6TFS&YQFSJFODF αʔϏεͷཧ૝తͳମݧΛ8FCͰ࣮ݱ͢ΔͨΊ GPS%FWFMPQFS&YQFSJFODF ։ൃޮ཰Λ޲্ɺ݁ՌతʹϓϩμΫτͷఏڙ଎౓ΛૣΊΔͨΊ IUUQTXXXqBUJDPODPNBVUIPSTGSFFQJL IUUQTXXXqBUJDPODPNBVUIPSTCFDSJT

  13. SPA ٕज़ͷબఆΛߏ੒͢Δ2ͭͷཁ݅ w 69ཁ݅ʹΑΔ41"બఆ w αʔϏεͷཧ૝తͳମݧΛ8FCͰ࣮ݱ͢ΔͨΊʹબͿඞཁͷ͋Δ৔߹ʹ ߦΘΕΔબఆ w %9ཁ݅ʹΑΔ41"બఆ w

    ։ൃͷମݧΛվળ͠ɺ։ൃޮ཰Λ޲্ɺ݁ՌతʹϓϩμΫτͷఏڙ଎౓Λ ૣΊΔͨΊͷબఆ
  14. SPA ٕज़ͷબఆΛߏ੒͢Δ2ͭͷཁ݅ w 69ཁ݅ʹΑΔ41"બఆͷಛ௃ w 6*ʹؔ͢Δ෦෼ΛڧԽ͢Δ͜ͱͰ૯߹తͳϢʔβʔମݧΛڧԽ͢Δ w ࣄۀཁ݅ͱີ઀ʹؔΘΔͨΊɺඞཁͳཁ݅ʹ߹Θͤͯ41"͕બఆ͞ΕΔ w 8FC͔ͭωΠςΟϒʹ͋ΔΑ͏ͳػೳΛ18"ͱͯ͠ఏڙ͍ͨ͠

    w ϢʔβʔͷߦಈʹΑΔը໘ભҠΛϦον͔ͭγʔϜϨεʹ͍ͨ͠ w ֎෦"1*ͱ࿈ܞͯ͠ಈతͰ4&0ϑϨϯυϦʔͳαΠτΛ࡞Γ͍ͨ
  15. SPA ٕज़ͷબఆΛߏ੒͢Δ2ͭͷཁ݅ w %9ཁ݅ʹΑΔ41"બఆͷಛ௃ w ։ൃऀͷੜ࢈ੑΛߴΊΔ͜ͱʹΑͬͯ෭࣍తͳ࡞༻ΛಘΔͨΊͷબఆ w ࠷ۙ࿩୊ɻୀ৬έΞɺࢢ৔Ͱͷڝ૪ྗͳͲϝλΛେؚ͖͘Ή͜ͱʹ஫ҙ w ඞવੑʹ๡͍͜͠ͱ͕ଟ͘ɺҎԼͷΑ͏ͳ໨తͰ41"ʹͳΔ͜ͱ͕ଟ͍

    w ੩త8FCαΠτͷߋ৽ΛखಈͰߦ͍ͨ͘ͳ͍ w +49΍7VFςϯϓϨʔτɺ$44.PEVMFT΍4DPQFE$44͕ཉ͍͠
  16. SPA ٕज़ͷબఆΛߏ੒͢Δ2ͭͷཁ݅ w 69ཁ݅ʹΑΔ41"બఆ w αʔϏεͷཧ૝తͳମݧΛ8FCͰ࣮ݱ͢ΔͨΊʹબͿඞཁͷ͋Δ৔߹ʹ ߦΘΕΔબఆ w %9ཁ݅ʹΑΔ41"બఆ w

    ։ൃͷମݧΛվળ͠ɺ։ൃޮ཰Λ޲্ɺ݁ՌతʹϓϩμΫτͷఏڙ଎౓Λ ૣΊΔͨΊͷબఆ
  17. SPA ٕज़ͷબఆΛߏ੒͢Δ2ͭͷཁ݅ w 69ཁ݅ʹΑΔ41"બఆ w αʔϏεͷཧ૝తͳମݧΛ8FCͰ࣮ݱ͢ΔͨΊʹબͿඞཁͷ͋Δ৔߹ʹ ߦΘΕΔબఆ w %9ཁ݅ʹΑΔ41"બఆ w

    ։ൃͷମݧΛվળ͠ɺ։ൃޮ཰Λ޲্ɺ݁ՌతʹϓϩμΫτͷఏڙ଎౓Λ ૣΊΔͨΊͷબఆ νʔϜ͕ͲͪΒͷҙຯͰ41"ͷٕज़Λ࠾༻͍ͯ͠Δ͔Λ೺Ѳ͠ͳ͚Ε͹ͳΒͳ͍
  18. 69ཁ݅ͷ৭͕ڧ͍ࣄྫ

  19. ࠃࡍతͳ༗໊ͳࣄྫͰ͍͑͹ɺ*OTUBHSBN΋৽ڵࠃ޲͚ͷߴ଎͔ͭܰྔͳମݧͷͨΊʹ18"41"Λ։ൃͨ͠ https://www.youtube.com/watch?v=UTZVXlcUK1w

  20. 7"--*4--$͕ӡӦ͍ͯ͠Δ৽نαʔϏεʮ5SFFʯ41"ͳΒͰ͸ͷγʔϜϨεͳهड़ମݧ΍ը໘ભҠ͕ߦΘΕ͍ͯΔ https://tree.md

  21. 4$065&3 ݱ3099 גࣜձࣾͷچ8FCαΠτɻϒϥϯσΟϯάཁ݅ɺ4&0ɺΦ΢ϯυϝσΟΞఏڙͷͨΊ࠾༻ɻ https://techblog.roxx.co.jp/entry/2018/03/19/115229

  22. ฐࣾαʔϏε$BOEZ΋18"ͱͯ͠ͷମݧͷఏڙ΍ɺ#PUUPN#BSͳͲͷ/BUJWF-JLFͳ6*ͷͨΊʹ࠾༻ɻ https://candy.ac/campaign/beta/

  23. %9ཁ݅ͷ৭͕ڧ͍ࣄྫ

  24. ίʔϙϨʔταΠτΛ/VYUKTͷ੩తαΠτͰ։ൃͨ͠ࣄྫɻ/&84΍όϦσʔγϣϯͷߋ৽༰қੑͷͨΊʹ࠾༻ɻ https://corp.payme.tokyo/

  25. ͱ͋Δҩྍܥ41"ͷ։ൃͰ͸ʮ"1*ϑΝʔετͰ։ൃ͞Ε͍ͯͨʯͨΊ7VFKTͷ41"Λ࠾༻ɻ https://corp.payme.tokyo/

  26. 41"ٕज़ΛͲ͜·Ͱ࢖͏͔ͷٕज़બఆ

  27. ͦ΋ͦ΋ SPA ͕ඞཁ͔ʁඞཁͰ΋શ෦ඞཁ͔ʁ w ͦ΋ͦ΋41"ͷٕज़͕ඞཁ͔ʁ w ͜Ε·Ͱͷจ຺Λߟ͑Δͱ41"ͷٕज़͕ඞཁͰ͋Δ͜ͱ͸ؒҧ͍ͳ͍ w 41"ͷٕज़ʹ෇ਵ͢Δٕज़͕શͯඞཁͳͷ͔ʁ w

    ྫ͑͹3FBDU7VFKTʹৗʹ3FEVY7VFY͸ඞཁ͔ʁ w ೝূ͚ͩͳΒϦΞΫςΟϒͳPCKFDUɺϞʔμϧϑϥά੍ޚ͸QPSUBMͰ΋ w ͳΜͰ΋Ͱ͖Δ։ൃ؀ڥ͸ඞཁ͔ʁϑϧελοΫͰ͋Δඞཁ͸͋Δ͔ʁ w 41"ʹ͢Δʹͯ͠΋ɺৗʹશͯͷٕज़Λ૯ಈһ͢Δඞཁ͸ͳ͍ w ͔ͩΒͱ͍ͬͯෆ଍΋·͍ͣɻΞϯμʔ΋Φʔόʔ΋౳͘͠ಟʹͳΔ
  28. ໨తʹରͯ͠ա౓ͳٕज़બఆΛߦ͏ͱɺෳࡶ౓͕૿͚ͩ͢ͷʮ'J[[#V[[&OUFSQSJTF&EJUJPOʯʹͳͬͯ͠·͏ https://github.com/EnterpriseQualityCoding/FizzBuzzEnterpriseEdition

  29. ʮSPAʯͱʮঢ়ଶ؅ཧʯͰߟ͑ͯΈΔ

  30. ͦͷ SPA ຊ౰͸͍Βͳ͍͔΋ʁνϟʔτ 2 69ཁ݅Ͱ41"Ͱ͋Δ͜ ͱ͕ඞਢʁ :&4 গͳ͘ͱ΋41"ʹ͸͢Δ 2 "KBY͕͍͚ͨͩ͠ͳͲͰ

    ͸ͳ͘ϦΞΫςΟϒΛ൐͏ :&4 2 41"ٕज़ͷ%9͕ཉ͍͠ ཻ౓ͷมߋ͕͋Δ :&4 ຊ౰͸͍Βͳ͍͔΋ʁ /0
  31. ͦͷ SPA ຊ౰͸͍Βͳ͍͔΋ʁνϟʔτ 2 69ཁ݅Ͱ41"Ͱ͋Δ͜ ͱ͕ඞਢʁ :&4 গͳ͘ͱ΋41"ʹ͸͢Δ 2 "KBY͕͍͚ͨͩ͠ͳͲͰ

    ͸ͳ͘ϦΞΫςΟϒΛ൐͏ :&4 2 41"ٕज़ͷ%9͕ཉ͍͠ ཻ౓ͷมߋ͕͋Δ :&4 ຊ౰͸͍Βͳ͍͔΋ʁ /0 41"ͷ౔৕͕͋Δͷʹ 41"Λ΍Βͳ͍ҙٛ͸ͳ͍
  32. ͦͷ SPA ຊ౰͸͍Βͳ͍͔΋ʁνϟʔτ 2 69ཁ݅Ͱ41"Ͱ͋Δ͜ ͱ͕ඞਢʁ :&4 গͳ͘ͱ΋41"ʹ͸͢Δ 2 "KBY͕͍͚ͨͩ͠ͳͲͰ

    ͸ͳ͘ϦΞΫςΟϒΛ൐͏ :&4 2 41"ٕज़ͷ%9͕ཉ͍͠ ཻ౓ͷมߋ͕͋Δ :&4 ຊ౰͸͍Βͳ͍͔΋ʁ /0 ࣮͸7BOJMMBͳΓͰղܾ Ͱ͖ΔͳΒ͠ͳ͍Ͱྑ͍ʁ 41"ͷ౔৕͕͋Δͷʹ 41"Λ΍Βͳ͍ҙٛ͸ͳ͍
  33. ͦͷ State ؅ཧຊ౰͸͍Βͳ͍͔΋ʁνϟʔτ :&4 ΦʔόʔΤϯδχΞϦϯά͔΋ 2 ೝূ৘ใҎ֎ͷঢ়ଶ͸ϑΥʔ Ϝ΍ϦετͰ׬݁͢Δ :&4 2

    αʔόʔͷσʔλ͕ਅͰ͋ ΓΫϥΠΞϯτ͸தؒঢ়ଶ :&4 ߴ֬཰Ͱඞཁ͔΋ 2 ࣮͸΄͍͠ͷ͸4DPQFE $44΍Ϟδϡʔϧ෼ׂ /0
  34. ͦͷ State ؅ཧຊ౰͸͍Βͳ͍͔΋ʁνϟʔτ :&4 ΦʔόʔΤϯδχΞϦϯά͔΋ 2 ೝূ৘ใҎ֎ͷঢ়ଶ͸ϑΥʔ Ϝ΍ϦετͰ׬݁͢Δ :&4 2

    αʔόʔͷσʔλ͕ਅͰ͋ ΓΫϥΠΞϯτ͸தؒঢ়ଶ :&4 ߴ֬཰Ͱඞཁ͔΋ 2 ࣮͸΄͍͠ͷ͸4DPQFE $44΍Ϟδϡʔϧ෼ׂ /0 ϑΥʔϜҰͭʹ3FEVYΛ ࢖ͬͯෆ޾ʹͳΔྫ
  35. ͦͷ State ؅ཧຊ౰͸͍Βͳ͍͔΋ʁνϟʔτ :&4 ΦʔόʔΤϯδχΞϦϯά͔΋ 2 ೝূ৘ใҎ֎ͷঢ়ଶ͸ϑΥʔ Ϝ΍ϦετͰ׬݁͢Δ :&4 2

    αʔόʔͷσʔλ͕ਅͰ͋ ΓΫϥΠΞϯτ͸தؒঢ়ଶ :&4 ߴ֬཰Ͱඞཁ͔΋ 2 ࣮͸΄͍͠ͷ͸4DPQFE $44΍Ϟδϡʔϧ෼ׂ /0 ϑΥʔϜҰͭʹ3FEVYΛ ࢖ͬͯෆ޾ʹͳΔྫ ʮΞϓϦέʔγϣϯʯͳͷʹ 4UBUF͕όϥόϥͰۤ͠Ήྫ
  36. ͦͷ State ؅ཧຊ౰͸͍Βͳ͍͔΋ʁνϟʔτ :&4 ΦʔόʔΤϯδχΞϦϯά͔΋ 2 ೝূ৘ใҎ֎ͷঢ়ଶ͸ϑΥʔ Ϝ΍ϦετͰ׬݁͢Δ :&4 2

    αʔόʔͷσʔλ͕ਅͰ͋ ΓΫϥΠΞϯτ͸தؒঢ়ଶ :&4 ߴ֬཰Ͱඞཁ͔΋ 2 ࣮͸΄͍͠ͷ͸4DPQFE $44΍Ϟδϡʔϧ෼ׂ /0 ϑΥʔϜҰͭʹ3FEVYΛ ࢖ͬͯෆ޾ʹͳΔྫ ʮΞϓϦέʔγϣϯʯͳͷʹ 4UBUF͕όϥόϥͰۤ͠Ήྫ ༨ஊɿ 4UBUF؅ཧࣗମɺ4UPSF͕શͯΛ಺แͨ݁͠Ռ υϝΠϯɾϢʔεέʔεɾ7JFXͳͲ͕ࠞࡏ͠΍͘͢ɺ কདྷతʹ͸Ξϯμʔʹ΋ͳΓ͏Δதن໛޲͚ͷࢪࡦ
  37. ৗʹόϥϯεΛߟ͑Δ

  38. ΦʔόʔʹͳΓ͗͢ͳ͍ͭ·Έ৯͍

  39. /1.ͷΤίγεςϜΛ࢖͍͍͚ͨͩ

  40. ઃఆෆཁͰ࢖͑Δόϯυϧπʔϧ1BSDFM https://parceljs.org/

  41. 3BJMTͷ࡞ऀ%))͕։ൃͨ͠Ϟμϯ+4ͱ.1"Λซ༻͢ΔϑϨʔϜϫʔΫʮ45*.6-64ʯ https://stimulusjs.org/

  42. +49΍7VFςϯϓϨʔτͰॻ͖͍͚ͨͩͷ৔߹

  43. ੩తαΠτͷ%FWFMPQFS&YQFSJFODFʹ࢖ΘΕΔ3FBDU੡ͷ੩తαΠτδΣωϨʔλʔ(BUTCZʹ https://www.gatsbyjs.org/

  44. ͦͷ7VFKT൛ͱ΋ݴ͑Δ੩తαΠτδΣωϨʔλʔ(SJETPNF΋ଘࡏɻ https://www.gatsbyjs.org/

  45. ద੾ͳٕज़બఆͷ્֐ཁҼͱରॲʹ͍ͭͯ

  46. ؒҧٕͬͨज़બఆͷݪҼ w ؒҧٕͬͨज़બఆͱ͸ w ཁ݅ʹରͯ͠ա౓ͳΤϯδχΞϦϯά͕ߦΘΕ͍ͯΔ͜ͱ w ཁ݅ʹରͯ͠কདྷੑͷແ͍ΤϯδχΞϦϯά͕ߦΘΕ͍ͯΔ͜ͱ w ଎౓ͱ඼࣭Ͱ͸ͳ͘ɺʮཁ݅ͱ૝ఆ͢Δ࠷େͷΞʔΩςΫνϟن໛ʯ͕ॏཁ w

    Ͳ͔͜Βؒҧ͍͕ى͜Δͷ͔ w ҙࢥૄ௨ͷύέοτϩε΍ͦ΋ͦ΋ͷೝࣝͷޡΓ w աͪ͸ඞͣݱ৔͔Βൃੜ͢Δ͜ͱΛೝ͓ࣝͯ͘͠
  47. rʰϥετΠχϯάʱോϲ୩ l৴པ͸ͯ͠Δ͞ɻ͚Ͳɺ৴༻͸ͯ͠ͳ͍ɻ࣮֬ͳϓϨʔΛ৺͕͚ͯ΋ࣦഊ͸͋Δɻͩ ͔Βͦ͜ϕϯν͕σʔλΛঠѲ͠ɺউͯΔࡃ഑ΛৼΔΘͳ͖ΌͳΒͶ͐Μͩɻz

  48. ѱҙͷ͋Δؒҧٕͬͨज़બఆ w ٕज़બఆΛߦ͏ࡍɺؾΛ͚ͭͳ͚Ε͹͍͚ͳ͍͜ͱʹʮѱҙʯ͕͋Δ w ຊདྷ͸ѱҙ͸ଘࡏ͠ͳ͍͜ͱ͕๬·͍͠ w ҰํͰɺͦͷࢥ͍ࠐΈʹΑͬͯੜ·ΕΔѱҙ͕͋Δ

  49. ѱҙͷ͋Δؒҧٕͬͨज़બఆ w ଐਓԽͨ͠ʮޙ͔ΒखΛೖΕΔʯ͓Αͼॳظ͔Βͷʮ࠷ߴͷઃܭʯʹ஫ҙ w ॏްͳෛ࠴ʹΑͬͯطಘݖӹΛૂ͍ͬͯͳ͍͔ w ͨͩҰਓͷࢥ૝ʹґଘͨ͠ΞʔΩςΫνϟʹͳ͍ͬͯͳ͍͔ w ϓϩμΫτͷͨΊͰ͸ͳ͘ɺΤΰΛ༏ઌ͢Δʮ࠮ٗࢣʯͰ͸ͳ͍͔ w

    ʮޙ͔Βฦࡁ͢ΔΜͰϚʔδ͍ͯͩ͘͠͞ʯ͸ຊ౰͔ w ʮ͜ͷΞʔΩςΫνϟͰͳ͍ͱࢮ͵ʯ͸ຊ౰͔
  50. ଎౓༏ઌͰɺ͋ͱͰ࣏͢ͷͰϚʔδ͍ͯͩ͘͠͞ʂ

  51. ʮຊ౰ʹฦࡁʹ੹೚Λ࣋ͯΔʁʯ

  52. ʮয͛෇͔ͳ͍ʁʯ

  53. Զͷ3FEVY͕࠷ڧͷΫϦʔϯΞʔΩςΫνϟͰ ϏοΫσʔλ͕*P5Ͱ%%%

  54. ʮͳʹ͔ͷड͚ചΓʹͳ͍ͬͯͳ͍ʁʯ

  55. ʮٕज़తଥ౰ੑ͕͋Δʁʯ

  56. ѱҙͷ͋Δؒҧٕͬͨज़બఆ w ނҙ͔աࣦ͔Λ໰Θͣɺਓ͸ඞͣؒҧ͍Λ൜͢ w ਓͷྺ࢙͕ɺϓϩάϥϛϯάͷྺ࢙͕ޠ͖ͬͯͨࣄ࣮ w ൑அͰ͖ͳ͍ͱ͖͸ηΧϯυΦϐχΦϯʹཔΔͱ͍͏खஈ΋ w ࣄۀͰ͸ͳٕ͘ज़ઐ໳ͷٕज़ސ໰͸ͦ͏͍͏ͱ͖ͷͨΊʹ͋Δ w

    ٕज़બఆʹؔΘΔͱ͖͸ɺ৴པΛͭͭ͠΋ݴ༿ͷҙຯΛߟ͑Δ͜ͱ͕ॏཁ
  57. ݁ہͲ͏͢Δͷ͕͍͍ͷʁ

  58. ݁ہͲ͏͢Δͷ͕͍͍ͷʁ  ݱঢ়ͷ݁࿦ͱͯ͠͸ʮ41"͸࢖͑ΔͳΒ࢖͑ʯͰؒҧ͍ͳ͍ʜʜ͸ͣ w ҰํͰ͜Ε͔Β͸Θ͔Βͳ͍ͷͰɺݱঢ়Ͱͷ࠷దղͱ৺ಘ͓ͯ͘  41"ͷٕज़͸ࠜװతͳ΋ͷ͸࢖ͬͯ΋ྑ͍͕ɺิॿతͳ΋ͷ͸ద౓ʹ w গͳ͘ͱ΋'MVYΞʔΩςΫνϟ͸ඞਢͰ͸ͳ͍ 

    কདྷͷෛ࠴ฦࡁΛݴ͍༁ʹকདྷੑΛܽ͘΋ͷ͸΋ͪΖΜɺͦͷٯ΋஫ҙ͢Δ w Ξϯμʔ͕໨ͷఢʹ͞Ε͕͕ͪͩɺΦʔόʔ΋े෼ͳةݥ৴߸ w զʑʹͰ͖Δͷ͸ɺཁ݅ͱن໛Λৗʹߟ͑ଓ͚Δ͜ͱ
  59. ·ͱΊ

  60. ·ͱΊ w 41"ͷબఆ͸ɺݱঢ়ͷ։ൃʹ͓͚Δ΋ͬͱ൚༻తͰ༗ྗͳํ๏࿦Ͱ͋Δ w σϑΝΫτʹͳ͍ͬͯΔ΋ͷʹ͸ͦΕ͚ͩͷཧ༝͕ଘࡏ͢Δ w ҰํͰɺݱঢ়͕ͦ͏Ͱ͋Δ͚ͩͱೝࣝ͠ͳͯ͘͸ͳΒͳ͍ w 41"͸ʮͳΜͱͳ͘ʯͰબఆ͞Ε͕͕ͪͩɺར༻Ձ஋͸ͭͷ͕࣠͋Δ w

    ࣄۀཁ݅ɺιϑτ΢ΣΞཁ݅Λຬͨͨ͢Ίͷ69ཁ݅ w ։ൃऀͷੜ࢈ੑ޲্ʹΑΔؒ઀తͳࣄۀͷ੒௕ͷͨΊͷ%9ཁ݅
  61. ·ͱΊ w ͍͕ͭ69ཁ݅Ͱ͋Γɺ͍͕ͭ%9ཁ݅Ͱ͋Δ͔ ྫ  w ύϑΥʔϚϯε΍ΠϯλϥΫγϣϯઃܭɺ18"ରԠͳͲ͸69ཁ݅ w ٕज़తଥ౰ੑ΍ϝϯςφϏϦςΟͳͲ͸%9ཁ݅ w

    41"ٕज़Λϑϧ׆༻͢΂͖͔ɺͦ͏Ͱͳ͍ͷ͔ w 69ཁ݅ͷ৔߹͸ࣄۀʹؔΘΔͨΊɺࣄۀతʹඞཁ͔Ͱ൑அ w %9ཁ݅͸ෆ଍͢ΔͱকདྷੑΛଛͳ͍ɺա౓Ͱ͋ΔͱΤΰʹͳΔͨΊ৻ॏ ͳ൑அΛඞཁͱ͢Δɻྑ͍Ԙകͷٕज़Ͱ͓஡Λ୙͢͜ͱ΋େ੾ɻ
  62. ·ͱΊ w ٕज़બఆΛߦ͏ཱ৔ͷਓؒ͸Ͳ͏͢Δ΂͖͔ w ཁ݅ʹର͢ΔΞϯμʔΦʔόʔΤϯδχΞϦϯά͸Կ͔ w Կ͕ඞཁԽΛ໌֬ʹݴޠԽ͠ɺৗʹҙࣝ͢Δඞཁ͕͋Δ w ੒Ռ෺ͷকདྷΛ௵͞ͳ͍ͨΊʹ w

    ͦΕΒ͍͠ݴ༿ͰΤΰΛຬͨ͢ΤϯδχΞɺෆग़དྷΛޡຐԽ͢ΤϯδχΞ w όϥϯεײ֮Λഁյ͢Δ࠮ٗࢣʹৗʹ໨ΛޫΒͤɺબఆऀ͕੹೚Λ࣋ͭ
  63. r#FO1BSLFS lWith great power comes great responsibility.z