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

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

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

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

Potato4d(Hanatani Takuma)

November 02, 2019
Tweet

More Decks by Potato4d(Hanatani Takuma)

Other Decks in Technology

Transcript

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

    View full-size 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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  52. ʮয͛෇͔ͳ͍ʁʯ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  60. ·ͱΊ
    w ͍͕ͭ69ཁ݅Ͱ͋Γɺ͍͕ͭ%9ཁ݅Ͱ͋Δ͔ ྫ

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide