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
27k
私たちはなぜ 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
420
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.4k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.9k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
7k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.3k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.7k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4.3k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.6k
気軽な Node.js バックエンド開発には TypeORM がちょうどいい #kng7 / introduce-typeorm
potato4d
9
4.8k
Other Decks in Technology
See All in Technology
Android Studio Otter の最新 Gemini 機能 / Latest Gemini features in Android Studio Otter
yanzm
0
440
自然言語でAPI作業を片付ける!「Postman Agent Mode」
nagix
0
140
AI時代の戦略的アーキテクチャ 〜Adaptable AI をアーキテクチャで実現する〜 / Enabling Adaptable AI Through Strategic Architecture
bitkey
PRO
15
11k
AI時代のインシデント対応 〜時代を切り抜ける、組織アーキテクチャ〜
jacopen
4
150
Dify on AWS の選択肢
ysekiy
0
100
ECS組み込みのBlue/Greenデプロイを動かしてELB側の動きを観察してみる
yuki_ink
3
420
AI開発の定着を推進するために揃えるべき前提
suguruooki
1
380
Digital omtanke på Internetdagarna 2025
axbom
PRO
0
130
[続・営業向け 誰でも話せるOCI セールストーク] AWSよりOCIの優位性が分からない編(2025年11月21日開催)
oracle4engineer
PRO
1
130
持続可能なアクセシビリティ開発
azukiazusa1
6
340
Datadog LLM Observabilityで実現するLLMOps実践事例 / practical-llm-observability-with-datadog
k6s4i53rx
0
180
【ASW21-02】STAMP/CAST分析における生成AIの支援 ~羽田空港航空機衝突事故を題材として (Support of Generative AI in STAMP/CAST Analysis - A Case Study Based on the Haneda Airport Aircraft Accident -)
hianraku9498
0
210
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
BBQ
matthewcrist
89
9.9k
Facilitating Awesome Meetings
lara
57
6.6k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Six Lessons from altMBA
skipperchong
29
4.1k
A better future with KSS
kneath
239
18k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
680
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