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
28k
38
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
私たちはなぜ SPA で開発するのか / Why you choose SPA
2019.11.02 に FRONTEND CONFERENCE 2019 (#frontkansai) にて発表したスライドです。
potato4d(Takuma HANATANI)
November 02, 2019
More Decks by potato4d(Takuma HANATANI)
See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
potato4d
3
470
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.6k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
5.1k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
7.1k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.4k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.8k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4.4k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.7k
気軽な Node.js バックエンド開発には TypeORM がちょうどいい #kng7 / introduce-typeorm
potato4d
9
4.9k
Other Decks in Technology
See All in Technology
【Oracle AI Spotlight ウェビナー】AWSか、Azureか、Google Cloudか。その議論にオラクルを含める意義。
oracle4engineer
PRO
1
190
When Token Pruning is Worse than Random: Understanding Visual Token Information in VLLMs
sansantech
PRO
0
230
Nav2、Nav3 ... はたまた自作?〜 作って理解する Nav3 の設計意図 〜 / Nav2, Nav3 ... or Build Your Own? — Understanding Nav3's design intent by building it from scratch
yanzm
0
170
Azure App Service / Container Apps の組み込み認証
kuniteru
0
140
20260903 Tokyo Jazug Night #62 | Azure エンジニアよ、 その環境は本当にセキュアか?
olivia_0707
1
470
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1.3k
DGX Sparkを2台使って いろいろ動かす話
sonoda_mj
1
110
魔法少女がClaude Codeを監視する / ccportal-deck
noriyukitakei
3
120
生成AI時代の クレデンシャルとパーミッション設計
nrinetcom
PRO
3
1.1k
「重なり」は迎える側がつくる ― 人もAIエージェントも歓迎するプロダクトエンジニアリング ―
go0517go
PRO
0
120
Self Healing Rollouts: Automating Production Fixes with Agentic AI
kdubois
0
130
DMMブックスのNext.js化を加速させるAI活用 / Migrating DMM Books to Next.js with AI
kentarom
1
310
Featured
See All Featured
The untapped power of vector embeddings
frankvandijk
2
1.9k
Six Lessons from altMBA
skipperchong
29
4.5k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
180
Side Projects
sachag
455
43k
GraphQLとの向き合い方2022年版
quramy
50
15k
Test your architecture with Archunit
thirion
2
2.4k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
430
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
680
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
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