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

by potato4d(Takuma HANATANI)

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

69ཁ݅ͷ৭͕ڧ͍ࣄྫ

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

%9ཁ݅ͷ৭͕ڧ͍ࣄྫ

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

41"ٕज़ΛͲ͜·Ͱ࢖͏͔ͷٕज़બఆ

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

ʮSPAʯͱʮঢ়ଶ؅ཧʯͰߟ͑ͯΈΔ

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

ৗʹόϥϯεΛߟ͑Δ

Slide 38

Slide 38 text

ΦʔόʔʹͳΓ͗͢ͳ͍ͭ·Έ৯͍

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

ద੾ͳٕज़બఆͷ્֐ཁҼͱରॲʹ͍ͭͯ

Slide 46

Slide 46 text

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

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

ѱҙͷ͋Δؒҧٕͬͨज़બఆ w ٕज़બఆΛߦ͏ࡍɺؾΛ͚ͭͳ͚Ε͹͍͚ͳ͍͜ͱʹʮѱҙʯ͕͋Δ w ຊདྷ͸ѱҙ͸ଘࡏ͠ͳ͍͜ͱ͕๬·͍͠ w ҰํͰɺͦͷࢥ͍ࠐΈʹΑͬͯੜ·ΕΔѱҙ͕͋Δ

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

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

Slide 51

Slide 51 text

ʮຊ౰ʹฦࡁʹ੹೚Λ࣋ͯΔʁʯ

Slide 52

Slide 52 text

ʮয͛෇͔ͳ͍ʁʯ

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

ʮͳʹ͔ͷड͚ചΓʹͳ͍ͬͯͳ͍ʁʯ

Slide 55

Slide 55 text

ʮٕज़తଥ౰ੑ͕͋Δʁʯ

Slide 56

Slide 56 text

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

Slide 57

Slide 57 text

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

Slide 58

Slide 58 text

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

Slide 59

Slide 59 text

·ͱΊ

Slide 60

Slide 60 text

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

Slide 61

Slide 61 text

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

Slide 62

Slide 62 text

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

Slide 63

Slide 63 text

r#FO1BSLFS lWith great power comes great responsibility.z