Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
私たちはなぜ SPA で開発するのか / Why you choose SPA
Search
potato4d(Takuma HANATANI)
November 02, 2019
Technology
39
26k
私たちはなぜ SPA で開発するのか / Why you choose SPA
2019.11.02 に FRONTEND CONFERENCE 2019 (#frontkansai) にて発表したスライドです。
potato4d(Takuma HANATANI)
November 02, 2019
Tweet
Share
More Decks by potato4d(Takuma HANATANI)
See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
potato4d
3
310
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.7k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
6.8k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.2k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.6k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
3.9k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.4k
気軽な Node.js バックエンド開発には TypeORM がちょうどいい #kng7 / introduce-typeorm
potato4d
9
4.5k
Other Decks in Technology
See All in Technology
これまでの計測・開発・デプロイ方法全部見せます! / Findy ISUCON 2024-11-14
tohutohu
3
370
[CV勉強会@関東 ECCV2024 読み会] オンラインマッピング x トラッキング MapTracker: Tracking with Strided Memory Fusion for Consistent Vector HD Mapping (Chen+, ECCV24)
abemii
0
220
Amazon CloudWatch Network Monitor のススメ
yuki_ink
1
210
サイバーセキュリティと認知バイアス:対策の隙を埋める心理学的アプローチ
shumei_ito
0
390
RubyのWebアプリケーションを50倍速くする方法 / How to Make a Ruby Web Application 50 Times Faster
hogelog
3
950
障害対応指揮の意思決定と情報共有における価値観 / Waroom Meetup #2
arthur1
5
480
エンジニア人生の拡張性を高める 「探索型キャリア設計」の提案
tenshoku_draft
1
130
AIチャットボット開発への生成AI活用
ryomrt
0
170
OCI 運用監視サービス 概要
oracle4engineer
PRO
0
4.8k
ドメインの本質を掴む / Get the essence of the domain
sinsoku
2
160
SREが投資するAIOps ~ペアーズにおけるLLM for Developerへの取り組み~
takumiogawa
1
420
Can We Measure Developer Productivity?
ewolff
1
150
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
4 Signs Your Business is Dying
shpigford
180
21k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
130
The Language of Interfaces
destraynor
154
24k
Visualization
eitanlees
145
15k
Fireside Chat
paigeccino
34
3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
24k
Side Projects
sachag
452
42k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
We Have a Design System, Now What?
morganepeng
50
7.2k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Practical Orchestrator
shlominoach
186
10k
Transcript
私たちはなぜ SPA で開発するのか 2019.11.02 #frontkansai #A5 Takuma HANATANI @ ElevenBack
LLC.
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
౦ژɾԬͰల։தͷ-*/&ϝϯόʔ͕ओಋͷΠϕϯτɾ1PEDBTUίϛϡχςΟʮ6*5ʯ IUUQTDBOEZBDDBNQBJHOCFUB https://uit-inside.linecorp.com/ https://uit.connpass.com/
6*5*/4*%&Ͱʮ3FBDUͷઃܭʯʮݱͰͷඇಉظॲཧʯͳͲ-*/&ϝϯόʔͷੜͷ͕ࢁʂ
ΧϨϯμʔࣗಈԽʹΑͬͯձܭཧ͔Βղ์͞ΕΔΫϥυʮ$BOEZʯϕʔλఏڙத IUUQTDBOEZBDDBNQBJHOCFUB
ࠓͷఆௌߨऀ w ݱঢ়41"։ൃΛߦ͍ͬͯΔਓ w ͦͷதͰɺಛʹٕज़બఆɺϓϩμΫτͷࠓޙʹ͖߹͏ػձ͕͋Δਓ
41"Λ࡞ͬͯ͝൧৯͍ͯ·͔͢ʁ Q.
ͳΜͰ41"Ͱ։ൃ͍ͯ͠·͔͢ʁ Q.
ࠓߟ͍͑ͨ̏ͭͷϙΠϯτ w 41"ʹ͍ͭͯͷݱঢ়ͷѲ w ͳͥࢲͨͪ։ൃ͢Δࡍʹ41"Λબఆ͍ͯ͠Δͷ͔ɺͯ͠͠·͏ͷ͔ w 41"ͱΦʔόʔΤϯδχΞϦϯάɺ͍ॴʹ͍ͭͯͷߟ
ʮͦͦͳΜͰ࡞ͬͯΜ͚ͩͬʁʯ
SPA બఆΛߏ͢Δཁૉʹ͍ͭͯ w ʮͦͦͳΜͰ41"Ͱ࡞ͬͯΔΜ͚ͩͬʁʯ w ʮͦΕ͕ී௨͔ͩΒʯʮσϑΝΫτ͔ͩΒʯ w ʮK2VFSZͱ͔#BDLCPOF͕ਏ͔͚ͬͨͩͰ͠ΐʯ w ʮΞχϝʔγϣϯͷ࣮ݱͷͨΊʹඞਢ͡Όͳ͍ʁʯ
w ʮͦͦʹ41"Ҏ֎࡞Γͨ͘ͳ͍ʯ w શͯཧ༝ͷҰͰ͋Δ͕ɺ࣮ͬͱ؆୯ʹׂͰ͖Δ
SPA ͕બΕΔຊ࣭తͳཧ༝ GPS6TFS&YQFSJFODF αʔϏεͷཧతͳମݧΛ8FCͰ࣮ݱ͢ΔͨΊ GPS%FWFMPQFS&YQFSJFODF ։ൃޮΛ্ɺ݁ՌతʹϓϩμΫτͷఏڙΛૣΊΔͨΊ IUUQTXXXqBUJDPODPNBVUIPSTGSFFQJL IUUQTXXXqBUJDPODPNBVUIPSTCFDSJT
SPA ٕज़ͷબఆΛߏ͢Δ2ͭͷཁ݅ w 69ཁ݅ʹΑΔ41"બఆ w αʔϏεͷཧతͳମݧΛ8FCͰ࣮ݱ͢ΔͨΊʹબͿඞཁͷ͋Δ߹ʹ ߦΘΕΔબఆ w %9ཁ݅ʹΑΔ41"બఆ w
։ൃͷମݧΛվળ͠ɺ։ൃޮΛ্ɺ݁ՌతʹϓϩμΫτͷఏڙΛ ૣΊΔͨΊͷબఆ
SPA ٕज़ͷબఆΛߏ͢Δ2ͭͷཁ݅ w 69ཁ݅ʹΑΔ41"બఆͷಛ w 6*ʹؔ͢Δ෦ΛڧԽ͢Δ͜ͱͰ૯߹తͳϢʔβʔମݧΛڧԽ͢Δ w ࣄۀཁ݅ͱີʹؔΘΔͨΊɺඞཁͳཁ݅ʹ߹Θͤͯ41"͕બఆ͞ΕΔ w 8FC͔ͭωΠςΟϒʹ͋ΔΑ͏ͳػೳΛ18"ͱͯ͠ఏڙ͍ͨ͠
w ϢʔβʔͷߦಈʹΑΔը໘ભҠΛϦον͔ͭγʔϜϨεʹ͍ͨ͠ w ֎෦"1*ͱ࿈ܞͯ͠ಈతͰ4&0ϑϨϯυϦʔͳαΠτΛ࡞Γ͍ͨ
SPA ٕज़ͷબఆΛߏ͢Δ2ͭͷཁ݅ w %9ཁ݅ʹΑΔ41"બఆͷಛ w ։ൃऀͷੜ࢈ੑΛߴΊΔ͜ͱʹΑͬͯ෭࣍తͳ࡞༻ΛಘΔͨΊͷબఆ w ࠷ۙɻୀ৬έΞɺࢢͰͷڝ૪ྗͳͲϝλΛେؚ͖͘Ή͜ͱʹҙ w ඞવੑʹ͍͜͠ͱ͕ଟ͘ɺҎԼͷΑ͏ͳతͰ41"ʹͳΔ͜ͱ͕ଟ͍
w ੩త8FCαΠτͷߋ৽ΛखಈͰߦ͍ͨ͘ͳ͍ w +497VFςϯϓϨʔτɺ$44.PEVMFT4DPQFE$44͕ཉ͍͠
SPA ٕज़ͷબఆΛߏ͢Δ2ͭͷཁ݅ w 69ཁ݅ʹΑΔ41"બఆ w αʔϏεͷཧతͳମݧΛ8FCͰ࣮ݱ͢ΔͨΊʹબͿඞཁͷ͋Δ߹ʹ ߦΘΕΔબఆ w %9ཁ݅ʹΑΔ41"બఆ w
։ൃͷମݧΛվળ͠ɺ։ൃޮΛ্ɺ݁ՌతʹϓϩμΫτͷఏڙΛ ૣΊΔͨΊͷબఆ
SPA ٕज़ͷબఆΛߏ͢Δ2ͭͷཁ݅ w 69ཁ݅ʹΑΔ41"બఆ w αʔϏεͷཧతͳମݧΛ8FCͰ࣮ݱ͢ΔͨΊʹબͿඞཁͷ͋Δ߹ʹ ߦΘΕΔબఆ w %9ཁ݅ʹΑΔ41"બఆ w
։ൃͷମݧΛվળ͠ɺ։ൃޮΛ্ɺ݁ՌతʹϓϩμΫτͷఏڙΛ ૣΊΔͨΊͷબఆ νʔϜ͕ͲͪΒͷҙຯͰ41"ͷٕज़Λ࠾༻͍ͯ͠Δ͔ΛѲ͠ͳ͚ΕͳΒͳ͍
69ཁ݅ͷ৭͕ڧ͍ࣄྫ
ࠃࡍతͳ༗໊ͳࣄྫͰ͍͑ɺ*OTUBHSBN৽ڵࠃ͚ͷߴ͔ͭܰྔͳମݧͷͨΊʹ18"41"Λ։ൃͨ͠ https://www.youtube.com/watch?v=UTZVXlcUK1w
7"--*4--$͕ӡӦ͍ͯ͠Δ৽نαʔϏεʮ5SFFʯ41"ͳΒͰͷγʔϜϨεͳهड़ମݧը໘ભҠ͕ߦΘΕ͍ͯΔ https://tree.md
4$065&3 ݱ3099 גࣜձࣾͷچ8FCαΠτɻϒϥϯσΟϯάཁ݅ɺ4&0ɺΦϯυϝσΟΞఏڙͷͨΊ࠾༻ɻ https://techblog.roxx.co.jp/entry/2018/03/19/115229
ฐࣾαʔϏε$BOEZ18"ͱͯ͠ͷମݧͷఏڙɺ#PUUPN#BSͳͲͷ/BUJWF-JLFͳ6*ͷͨΊʹ࠾༻ɻ https://candy.ac/campaign/beta/
%9ཁ݅ͷ৭͕ڧ͍ࣄྫ
ίʔϙϨʔταΠτΛ/VYUKTͷ੩తαΠτͰ։ൃͨ͠ࣄྫɻ/&84όϦσʔγϣϯͷߋ৽༰қੑͷͨΊʹ࠾༻ɻ https://corp.payme.tokyo/
ͱ͋Δҩྍܥ41"ͷ։ൃͰʮ"1*ϑΝʔετͰ։ൃ͞Ε͍ͯͨʯͨΊ7VFKTͷ41"Λ࠾༻ɻ https://corp.payme.tokyo/
41"ٕज़ΛͲ͜·Ͱ͏͔ͷٕज़બఆ
ͦͦ SPA ͕ඞཁ͔ʁඞཁͰશ෦ඞཁ͔ʁ w ͦͦ41"ͷٕज़͕ඞཁ͔ʁ w ͜Ε·Ͱͷจ຺Λߟ͑Δͱ41"ͷٕज़͕ඞཁͰ͋Δ͜ͱؒҧ͍ͳ͍ w 41"ͷٕज़ʹਵ͢Δٕज़͕શͯඞཁͳͷ͔ʁ w
ྫ͑3FBDU7VFKTʹৗʹ3FEVY7VFYඞཁ͔ʁ w ೝূ͚ͩͳΒϦΞΫςΟϒͳPCKFDUɺϞʔμϧϑϥά੍ޚQPSUBMͰ w ͳΜͰͰ͖Δ։ൃڥඞཁ͔ʁϑϧελοΫͰ͋Δඞཁ͋Δ͔ʁ w 41"ʹ͢Δʹͯ͠ɺৗʹશͯͷٕज़Λ૯ಈһ͢Δඞཁͳ͍ w ͔ͩΒͱ͍ͬͯෆ·͍ͣɻΞϯμʔΦʔόʔ͘͠ಟʹͳΔ
తʹରͯ͠աͳٕज़બఆΛߦ͏ͱɺෳࡶ͕૿͚ͩ͢ͷʮ'J[[#V[[&OUFSQSJTF&EJUJPOʯʹͳͬͯ͠·͏ https://github.com/EnterpriseQualityCoding/FizzBuzzEnterpriseEdition
ʮSPAʯͱʮঢ়ଶཧʯͰߟ͑ͯΈΔ
ͦͷ SPA ຊ͍Βͳ͍͔ʁνϟʔτ 2 69ཁ݅Ͱ41"Ͱ͋Δ͜ ͱ͕ඞਢʁ :&4 গͳ͘ͱ41"ʹ͢Δ 2 "KBY͕͍͚ͨͩ͠ͳͲͰ
ͳ͘ϦΞΫςΟϒΛ͏ :&4 2 41"ٕज़ͷ%9͕ཉ͍͠ ཻͷมߋ͕͋Δ :&4 ຊ͍Βͳ͍͔ʁ /0
ͦͷ SPA ຊ͍Βͳ͍͔ʁνϟʔτ 2 69ཁ݅Ͱ41"Ͱ͋Δ͜ ͱ͕ඞਢʁ :&4 গͳ͘ͱ41"ʹ͢Δ 2 "KBY͕͍͚ͨͩ͠ͳͲͰ
ͳ͘ϦΞΫςΟϒΛ͏ :&4 2 41"ٕज़ͷ%9͕ཉ͍͠ ཻͷมߋ͕͋Δ :&4 ຊ͍Βͳ͍͔ʁ /0 41"ͷ͕͋Δͷʹ 41"ΛΒͳ͍ҙٛͳ͍
ͦͷ SPA ຊ͍Βͳ͍͔ʁνϟʔτ 2 69ཁ݅Ͱ41"Ͱ͋Δ͜ ͱ͕ඞਢʁ :&4 গͳ͘ͱ41"ʹ͢Δ 2 "KBY͕͍͚ͨͩ͠ͳͲͰ
ͳ͘ϦΞΫςΟϒΛ͏ :&4 2 41"ٕज़ͷ%9͕ཉ͍͠ ཻͷมߋ͕͋Δ :&4 ຊ͍Βͳ͍͔ʁ /0 ࣮7BOJMMBͳΓͰղܾ Ͱ͖ΔͳΒ͠ͳ͍Ͱྑ͍ʁ 41"ͷ͕͋Δͷʹ 41"ΛΒͳ͍ҙٛͳ͍
ͦͷ State ཧຊ͍Βͳ͍͔ʁνϟʔτ :&4 ΦʔόʔΤϯδχΞϦϯά͔ 2 ೝূใҎ֎ͷঢ়ଶϑΥʔ ϜϦετͰ݁͢Δ :&4 2
αʔόʔͷσʔλ͕ਅͰ͋ ΓΫϥΠΞϯτதؒঢ়ଶ :&4 ߴ֬Ͱඞཁ͔ 2 ࣮΄͍͠ͷ4DPQFE $44Ϟδϡʔϧׂ /0
ͦͷ State ཧຊ͍Βͳ͍͔ʁνϟʔτ :&4 ΦʔόʔΤϯδχΞϦϯά͔ 2 ೝূใҎ֎ͷঢ়ଶϑΥʔ ϜϦετͰ݁͢Δ :&4 2
αʔόʔͷσʔλ͕ਅͰ͋ ΓΫϥΠΞϯτதؒঢ়ଶ :&4 ߴ֬Ͱඞཁ͔ 2 ࣮΄͍͠ͷ4DPQFE $44Ϟδϡʔϧׂ /0 ϑΥʔϜҰͭʹ3FEVYΛ ͬͯෆʹͳΔྫ
ͦͷ State ཧຊ͍Βͳ͍͔ʁνϟʔτ :&4 ΦʔόʔΤϯδχΞϦϯά͔ 2 ೝূใҎ֎ͷঢ়ଶϑΥʔ ϜϦετͰ݁͢Δ :&4 2
αʔόʔͷσʔλ͕ਅͰ͋ ΓΫϥΠΞϯτதؒঢ়ଶ :&4 ߴ֬Ͱඞཁ͔ 2 ࣮΄͍͠ͷ4DPQFE $44Ϟδϡʔϧׂ /0 ϑΥʔϜҰͭʹ3FEVYΛ ͬͯෆʹͳΔྫ ʮΞϓϦέʔγϣϯʯͳͷʹ 4UBUF͕όϥόϥͰۤ͠Ήྫ
ͦͷ State ཧຊ͍Βͳ͍͔ʁνϟʔτ :&4 ΦʔόʔΤϯδχΞϦϯά͔ 2 ೝূใҎ֎ͷঢ়ଶϑΥʔ ϜϦετͰ݁͢Δ :&4 2
αʔόʔͷσʔλ͕ਅͰ͋ ΓΫϥΠΞϯτதؒঢ়ଶ :&4 ߴ֬Ͱඞཁ͔ 2 ࣮΄͍͠ͷ4DPQFE $44Ϟδϡʔϧׂ /0 ϑΥʔϜҰͭʹ3FEVYΛ ͬͯෆʹͳΔྫ ʮΞϓϦέʔγϣϯʯͳͷʹ 4UBUF͕όϥόϥͰۤ͠Ήྫ ༨ஊɿ 4UBUFཧࣗମɺ4UPSF͕શͯΛแͨ݁͠Ռ υϝΠϯɾϢʔεέʔεɾ7JFXͳͲ͕ࠞࡏ͘͢͠ɺ কདྷతʹΞϯμʔʹͳΓ͏Δதن͚ͷࢪࡦ
ৗʹόϥϯεΛߟ͑Δ
ΦʔόʔʹͳΓ͗͢ͳ͍ͭ·Έ৯͍
/1.ͷΤίγεςϜΛ͍͍͚ͨͩ
ઃఆෆཁͰ͑Δόϯυϧπʔϧ1BSDFM https://parceljs.org/
3BJMTͷ࡞ऀ%))͕։ൃͨ͠Ϟμϯ+4ͱ.1"Λซ༻͢ΔϑϨʔϜϫʔΫʮ45*.6-64ʯ https://stimulusjs.org/
+497VFςϯϓϨʔτͰॻ͖͍͚ͨͩͷ߹
੩తαΠτͷ%FWFMPQFS&YQFSJFODFʹΘΕΔ3FBDUͷ੩తαΠτδΣωϨʔλʔ(BUTCZʹ https://www.gatsbyjs.org/
ͦͷ7VFKT൛ͱݴ͑Δ੩తαΠτδΣωϨʔλʔ(SJETPNFଘࡏɻ https://www.gatsbyjs.org/
దͳٕज़બఆͷ્ཁҼͱରॲʹ͍ͭͯ
ؒҧٕͬͨज़બఆͷݪҼ w ؒҧٕͬͨज़બఆͱ w ཁ݅ʹରͯ͠աͳΤϯδχΞϦϯά͕ߦΘΕ͍ͯΔ͜ͱ w ཁ݅ʹରͯ͠কདྷੑͷແ͍ΤϯδχΞϦϯά͕ߦΘΕ͍ͯΔ͜ͱ w ͱ࣭Ͱͳ͘ɺʮཁ݅ͱఆ͢Δ࠷େͷΞʔΩςΫνϟنʯ͕ॏཁ w
Ͳ͔͜Βؒҧ͍͕ى͜Δͷ͔ w ҙࢥૄ௨ͷύέοτϩεͦͦͷೝࣝͷޡΓ w աͪඞͣݱ͔Βൃੜ͢Δ͜ͱΛೝ͓ࣝͯ͘͠
rʰϥετΠχϯάʱോϲ୩ l৴པͯ͠Δ͞ɻ͚Ͳɺ৴༻ͯ͠ͳ͍ɻ࣮֬ͳϓϨʔΛ৺͕͚ࣦͯഊ͋Δɻͩ ͔Βͦ͜ϕϯν͕σʔλΛঠѲ͠ɺউͯΔࡃΛৼΔΘͳ͖ΌͳΒͶ͐Μͩɻz
ѱҙͷ͋Δؒҧٕͬͨज़બఆ w ٕज़બఆΛߦ͏ࡍɺؾΛ͚ͭͳ͚Ε͍͚ͳ͍͜ͱʹʮѱҙʯ͕͋Δ w ຊདྷѱҙଘࡏ͠ͳ͍͜ͱ͕·͍͠ w ҰํͰɺͦͷࢥ͍ࠐΈʹΑͬͯੜ·ΕΔѱҙ͕͋Δ
ѱҙͷ͋Δؒҧٕͬͨज़બఆ w ଐਓԽͨ͠ʮޙ͔ΒखΛೖΕΔʯ͓Αͼॳظ͔Βͷʮ࠷ߴͷઃܭʯʹҙ w ॏްͳෛ࠴ʹΑͬͯطಘݖӹΛૂ͍ͬͯͳ͍͔ w ͨͩҰਓͷࢥʹґଘͨ͠ΞʔΩςΫνϟʹͳ͍ͬͯͳ͍͔ w ϓϩμΫτͷͨΊͰͳ͘ɺΤΰΛ༏ઌ͢ΔʮٗࢣʯͰͳ͍͔ w
ʮޙ͔Βฦࡁ͢ΔΜͰϚʔδ͍ͯͩ͘͠͞ʯຊ͔ w ʮ͜ͷΞʔΩςΫνϟͰͳ͍ͱࢮ͵ʯຊ͔
༏ઌͰɺ͋ͱͰ࣏͢ͷͰϚʔδ͍ͯͩ͘͠͞ʂ
ʮຊʹฦࡁʹΛ࣋ͯΔʁʯ
ʮয͔͛ͳ͍ʁʯ
Զͷ3FEVY͕࠷ڧͷΫϦʔϯΞʔΩςΫνϟͰ ϏοΫσʔλ͕*P5Ͱ%%%
ʮͳʹ͔ͷड͚ചΓʹͳ͍ͬͯͳ͍ʁʯ
ʮٕज़తଥੑ͕͋Δʁʯ
ѱҙͷ͋Δؒҧٕͬͨज़બఆ w ނҙ͔աࣦ͔ΛΘͣɺਓඞͣؒҧ͍Λ൜͢ w ਓͷྺ࢙͕ɺϓϩάϥϛϯάͷྺ࢙͕ޠ͖ͬͯͨࣄ࣮ w அͰ͖ͳ͍ͱ͖ηΧϯυΦϐχΦϯʹཔΔͱ͍͏खஈ w ࣄۀͰͳٕ͘ज़ઐͷٕज़ސͦ͏͍͏ͱ͖ͷͨΊʹ͋Δ w
ٕज़બఆʹؔΘΔͱ͖ɺ৴པΛͭͭ͠ݴ༿ͷҙຯΛߟ͑Δ͜ͱ͕ॏཁ
݁ہͲ͏͢Δͷ͕͍͍ͷʁ
݁ہͲ͏͢Δͷ͕͍͍ͷʁ ݱঢ়ͷ݁ͱͯ͠ʮ41"͑ΔͳΒ͑ʯͰؒҧ͍ͳ͍ʜʜͣ w ҰํͰ͜Ε͔ΒΘ͔Βͳ͍ͷͰɺݱঢ়Ͱͷ࠷దղͱ৺ಘ͓ͯ͘ 41"ͷٕज़ࠜװతͳͷͬͯྑ͍͕ɺิॿతͳͷదʹ w গͳ͘ͱ'MVYΞʔΩςΫνϟඞਢͰͳ͍
কདྷͷෛ࠴ฦࡁΛݴ͍༁ʹকདྷੑΛܽ͘ͷͪΖΜɺͦͷٯҙ͢Δ w Ξϯμʔ͕ͷఢʹ͞Ε͕͕ͪͩɺΦʔόʔेͳةݥ৴߸ w զʑʹͰ͖Δͷɺཁ݅ͱنΛৗʹߟ͑ଓ͚Δ͜ͱ
·ͱΊ
·ͱΊ w 41"ͷબఆɺݱঢ়ͷ։ൃʹ͓͚Δͬͱ൚༻తͰ༗ྗͳํ๏Ͱ͋Δ w σϑΝΫτʹͳ͍ͬͯΔͷʹͦΕ͚ͩͷཧ༝͕ଘࡏ͢Δ w ҰํͰɺݱঢ়͕ͦ͏Ͱ͋Δ͚ͩͱೝࣝ͠ͳͯ͘ͳΒͳ͍ w 41"ʮͳΜͱͳ͘ʯͰબఆ͞Ε͕͕ͪͩɺར༻Ձͭͷ͕࣠͋Δ w
ࣄۀཁ݅ɺιϑτΣΞཁ݅Λຬͨͨ͢Ίͷ69ཁ݅ w ։ൃऀͷੜ࢈ੑ্ʹΑΔؒతͳࣄۀͷͷͨΊͷ%9ཁ݅
·ͱΊ w ͍͕ͭ69ཁ݅Ͱ͋Γɺ͍͕ͭ%9ཁ݅Ͱ͋Δ͔ ྫ w ύϑΥʔϚϯεΠϯλϥΫγϣϯઃܭɺ18"ରԠͳͲ69ཁ݅ w ٕज़తଥੑϝϯςφϏϦςΟͳͲ%9ཁ݅ w
41"ٕज़Λϑϧ׆༻͖͔͢ɺͦ͏Ͱͳ͍ͷ͔ w 69ཁ݅ͷ߹ࣄۀʹؔΘΔͨΊɺࣄۀతʹඞཁ͔Ͱஅ w %9ཁ݅ෆ͢ΔͱকདྷੑΛଛͳ͍ɺաͰ͋ΔͱΤΰʹͳΔͨΊ৻ॏ ͳஅΛඞཁͱ͢Δɻྑ͍Ԙകͷٕज़Ͱ͓Λ͢͜ͱେɻ
·ͱΊ w ٕज़બఆΛߦ͏ཱͷਓؒͲ͏͢Δ͖͔ w ཁ݅ʹର͢ΔΞϯμʔΦʔόʔΤϯδχΞϦϯάԿ͔ w Կ͕ඞཁԽΛ໌֬ʹݴޠԽ͠ɺৗʹҙࣝ͢Δඞཁ͕͋Δ w ՌͷকདྷΛ௵͞ͳ͍ͨΊʹ w
ͦΕΒ͍͠ݴ༿ͰΤΰΛຬͨ͢ΤϯδχΞɺෆग़དྷΛޡຐԽ͢ΤϯδχΞ w όϥϯεײ֮Λഁյ͢ΔٗࢣʹৗʹΛޫΒͤɺબఆऀ͕Λ࣋ͭ
r#FO1BSLFS lWith great power comes great responsibility.z