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

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

Transcript

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

   View Slide

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
   

   View Slide

3. ౦ژɾ෱ԬͰల։தͷ-*/&ϝϯόʔ͕ओಋͷΠϕϯτɾ1PEDBTUίϛϡχςΟʮ6*5ʯ
   IUUQTDBOEZBDDBNQBJHOCFUB
   https://uit-inside.linecorp.com/
   https://uit.connpass.com/
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

11. SPA બఆΛߏ੒͢Δཁૉʹ͍ͭͯ
    w ʮͦ΋ͦ΋ͳΜͰ41"Ͱ࡞ͬͯΔΜ͚ͩͬʁʯ
    w ʮͦΕ͕ී௨͔ͩΒʯʮσϑΝΫτ͔ͩΒʯ
    w ʮK2VFSZͱ͔#BDLCPOF͕ਏ͔͚ͬͨͩͰ͠ΐʯ
    w ʮΞχϝʔγϣϯͷ࣮ݱͷͨΊʹඞਢ͡Όͳ͍ʁʯ
    w ʮͦ΋ͦ΋೥ʹ41"Ҏ֎࡞Γͨ͘ͳ͍ʯ
    w શͯཧ༝ͷҰ୺Ͱ͸͋Δ͕ɺ࣮͸΋ͬͱ؆୯ʹ෼ׂͰ͖Δ
    

    View Slide

12. SPA ͕બ͹ΕΔຊ࣭తͳཧ༝
    GPS6TFS&YQFSJFODF
    αʔϏεͷཧ૝తͳମݧΛ8FCͰ࣮ݱ͢ΔͨΊ
    GPS%FWFMPQFS&YQFSJFODF
    ։ൃޮ཰Λ޲্ɺ݁ՌతʹϓϩμΫτͷఏڙ଎౓ΛૣΊΔͨΊ
    IUUQTXXXqBUJDPODPNBVUIPSTGSFFQJL
    IUUQTXXXqBUJDPODPNBVUIPSTCFDSJT
    

    View Slide

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

    View Slide

14. SPA ٕज़ͷબఆΛߏ੒͢Δ2ͭͷཁ݅
    w 69ཁ݅ʹΑΔ41"બఆͷಛ௃
    w 6*ʹؔ͢Δ෦෼ΛڧԽ͢Δ͜ͱͰ૯߹తͳϢʔβʔମݧΛڧԽ͢Δ
    w ࣄۀཁ݅ͱີ઀ʹؔΘΔͨΊɺඞཁͳཁ݅ʹ߹Θͤͯ41"͕બఆ͞ΕΔ
    w 8FC͔ͭωΠςΟϒʹ͋ΔΑ͏ͳػೳΛ18"ͱͯ͠ఏڙ͍ͨ͠
    w ϢʔβʔͷߦಈʹΑΔը໘ભҠΛϦον͔ͭγʔϜϨεʹ͍ͨ͠
    w ֎෦"1*ͱ࿈ܞͯ͠ಈతͰ4&0ϑϨϯυϦʔͳαΠτΛ࡞Γ͍ͨ
    

    View Slide

15. SPA ٕज़ͷબఆΛߏ੒͢Δ2ͭͷཁ݅
    w %9ཁ݅ʹΑΔ41"બఆͷಛ௃
    w ։ൃऀͷੜ࢈ੑΛߴΊΔ͜ͱʹΑͬͯ෭࣍తͳ࡞༻ΛಘΔͨΊͷબఆ
    w ࠷ۙ࿩୊ɻୀ৬έΞɺࢢ৔Ͱͷڝ૪ྗͳͲϝλΛେؚ͖͘Ή͜ͱʹ஫ҙ
    w ඞવੑʹ๡͍͜͠ͱ͕ଟ͘ɺҎԼͷΑ͏ͳ໨తͰ41"ʹͳΔ͜ͱ͕ଟ͍
    w ੩త8FCαΠτͷߋ৽ΛखಈͰߦ͍ͨ͘ͳ͍
    w +49΍7VFςϯϓϨʔτɺ$44.PEVMFT΍4DPQFE$44͕ཉ͍͠
    

    View Slide

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

    View Slide

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

    View Slide

18. 69ཁ݅ͷ৭͕ڧ͍ࣄྫ
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

27. ͦ΋ͦ΋ SPA ͕ඞཁ͔ʁඞཁͰ΋શ෦ඞཁ͔ʁ
    w ͦ΋ͦ΋41"ͷٕज़͕ඞཁ͔ʁ
    w ͜Ε·Ͱͷจ຺Λߟ͑Δͱ41"ͷٕज़͕ඞཁͰ͋Δ͜ͱ͸ؒҧ͍ͳ͍
    w 41"ͷٕज़ʹ෇ਵ͢Δٕज़͕શͯඞཁͳͷ͔ʁ
    w ྫ͑͹3FBDU7VFKTʹৗʹ3FEVY7VFY͸ඞཁ͔ʁ
    w ೝূ͚ͩͳΒϦΞΫςΟϒͳPCKFDUɺϞʔμϧϑϥά੍ޚ͸QPSUBMͰ΋
    w ͳΜͰ΋Ͱ͖Δ։ൃ؀ڥ͸ඞཁ͔ʁϑϧελοΫͰ͋Δඞཁ͸͋Δ͔ʁ
    w 41"ʹ͢Δʹͯ͠΋ɺৗʹશͯͷٕज़Λ૯ಈһ͢Δඞཁ͸ͳ͍
    w ͔ͩΒͱ͍ͬͯෆ଍΋·͍ͣɻΞϯμʔ΋Φʔόʔ΋౳͘͠ಟʹͳΔ
    

    View Slide

28. ໨తʹରͯ͠ա౓ͳٕज़બఆΛߦ͏ͱɺෳࡶ౓͕૿͚ͩ͢ͷʮ'J[[#V[[&OUFSQSJTF&EJUJPOʯʹͳͬͯ͠·͏
    https://github.com/EnterpriseQualityCoding/FizzBuzzEnterpriseEdition
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

37. ৗʹόϥϯεΛߟ͑Δ
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

46. ؒҧٕͬͨज़બఆͷݪҼ
    w ؒҧٕͬͨज़બఆͱ͸
    w ཁ݅ʹରͯ͠ա౓ͳΤϯδχΞϦϯά͕ߦΘΕ͍ͯΔ͜ͱ
    w ཁ݅ʹରͯ͠কདྷੑͷແ͍ΤϯδχΞϦϯά͕ߦΘΕ͍ͯΔ͜ͱ
    w ଎౓ͱ඼࣭Ͱ͸ͳ͘ɺʮཁ݅ͱ૝ఆ͢Δ࠷େͷΞʔΩςΫνϟن໛ʯ͕ॏཁ
    w Ͳ͔͜Βؒҧ͍͕ى͜Δͷ͔
    w ҙࢥૄ௨ͷύέοτϩε΍ͦ΋ͦ΋ͷೝࣝͷޡΓ
    w աͪ͸ඞͣݱ৔͔Βൃੜ͢Δ͜ͱΛೝ͓ࣝͯ͘͠
    

    View Slide

47. rʰϥετΠχϯάʱോϲ୩
    l৴པ͸ͯ͠Δ͞ɻ͚Ͳɺ৴༻͸ͯ͠ͳ͍ɻ࣮֬ͳϓϨʔΛ৺͕͚ͯ΋ࣦഊ͸͋Δɻͩ
    ͔Βͦ͜ϕϯν͕σʔλΛঠѲ͠ɺউͯΔࡃ഑ΛৼΔΘͳ͖ΌͳΒͶ͐Μͩɻz
    

    View Slide

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

    View Slide

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

    View Slide

50. ଎౓༏ઌͰɺ͋ͱͰ࣏͢ͷͰϚʔδ͍ͯͩ͘͠͞ʂ
    

    View Slide

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

    View Slide

52. ʮয͛෇͔ͳ͍ʁʯ
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

57. ݁ہͲ͏͢Δͷ͕͍͍ͷʁ
    

    View Slide

58. ݁ہͲ͏͢Δͷ͕͍͍ͷʁ
    ݱঢ়ͷ݁࿦ͱͯ͠͸ʮ41"͸࢖͑ΔͳΒ࢖͑ʯͰؒҧ͍ͳ͍ʜʜ͸ͣ
    w ҰํͰ͜Ε͔Β͸Θ͔Βͳ͍ͷͰɺݱঢ়Ͱͷ࠷దղͱ৺ಘ͓ͯ͘
    41"ͷٕज़͸ࠜװతͳ΋ͷ͸࢖ͬͯ΋ྑ͍͕ɺิॿతͳ΋ͷ͸ద౓ʹ
    w গͳ͘ͱ΋'MVYΞʔΩςΫνϟ͸ඞਢͰ͸ͳ͍
    কདྷͷෛ࠴ฦࡁΛݴ͍༁ʹকདྷੑΛܽ͘΋ͷ͸΋ͪΖΜɺͦͷٯ΋஫ҙ͢Δ
    w Ξϯμʔ͕໨ͷఢʹ͞Ε͕͕ͪͩɺΦʔόʔ΋े෼ͳةݥ৴߸
    w զʑʹͰ͖Δͷ͸ɺཁ݅ͱن໛Λৗʹߟ͑ଓ͚Δ͜ͱ
    

    View Slide

59. ·ͱΊ
    

    View Slide

60. ·ͱΊ
    w 41"ͷબఆ͸ɺݱঢ়ͷ։ൃʹ͓͚Δ΋ͬͱ൚༻తͰ༗ྗͳํ๏࿦Ͱ͋Δ
    w σϑΝΫτʹͳ͍ͬͯΔ΋ͷʹ͸ͦΕ͚ͩͷཧ༝͕ଘࡏ͢Δ
    w ҰํͰɺݱঢ়͕ͦ͏Ͱ͋Δ͚ͩͱೝࣝ͠ͳͯ͘͸ͳΒͳ͍
    w 41"͸ʮͳΜͱͳ͘ʯͰબఆ͞Ε͕͕ͪͩɺར༻Ձ஋͸ͭͷ͕࣠͋Δ
    w ࣄۀཁ݅ɺιϑτ΢ΣΞཁ݅Λຬͨͨ͢Ίͷ69ཁ݅
    w ։ൃऀͷੜ࢈ੑ޲্ʹΑΔؒ઀తͳࣄۀͷ੒௕ͷͨΊͷ%9ཁ݅
    

    View Slide

61. ·ͱΊ
    w ͍͕ͭ69ཁ݅Ͱ͋Γɺ͍͕ͭ%9ཁ݅Ͱ͋Δ͔ ྫ
    
    w ύϑΥʔϚϯε΍ΠϯλϥΫγϣϯઃܭɺ18"ରԠͳͲ͸69ཁ݅
    w ٕज़తଥ౰ੑ΍ϝϯςφϏϦςΟͳͲ͸%9ཁ݅
    w 41"ٕज़Λϑϧ׆༻͢΂͖͔ɺͦ͏Ͱͳ͍ͷ͔
    w 69ཁ݅ͷ৔߹͸ࣄۀʹؔΘΔͨΊɺࣄۀతʹඞཁ͔Ͱ൑அ
    w %9ཁ݅͸ෆ଍͢ΔͱকདྷੑΛଛͳ͍ɺա౓Ͱ͋ΔͱΤΰʹͳΔͨΊ৻ॏ
    ͳ൑அΛඞཁͱ͢Δɻྑ͍Ԙകͷٕज़Ͱ͓஡Λ୙͢͜ͱ΋େ੾ɻ
    

    View Slide

62. ·ͱΊ
    w ٕज़બఆΛߦ͏ཱ৔ͷਓؒ͸Ͳ͏͢Δ΂͖͔
    w ཁ݅ʹର͢ΔΞϯμʔΦʔόʔΤϯδχΞϦϯά͸Կ͔
    w Կ͕ඞཁԽΛ໌֬ʹݴޠԽ͠ɺৗʹҙࣝ͢Δඞཁ͕͋Δ
    w ੒Ռ෺ͷকདྷΛ௵͞ͳ͍ͨΊʹ
    w ͦΕΒ͍͠ݴ༿ͰΤΰΛຬͨ͢ΤϯδχΞɺෆग़དྷΛޡຐԽ͢ΤϯδχΞ
    w όϥϯεײ֮Λഁյ͢Δ࠮ٗࢣʹৗʹ໨ΛޫΒͤɺબఆऀ͕੹೚Λ࣋ͭ
    

    View Slide

63. r#FO1BSLFS
    lWith great power comes great responsibility.z
    

    View Slide