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
330
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.1k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.8k
終わりゆく 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
バクラクのドキュメント解析技術と実データにおける課題 / layerx-ccc-winter-2024
shimacos
2
1.1k
Opcodeを読んでいたら何故かphp-srcを読んでいた話
murashotaro
0
240
ガバメントクラウドのセキュリティ対策事例について
fujisawaryohei
0
540
1等無人航空機操縦士一発試験 合格までの道のり ドローンミートアップ@大阪 2024/12/18
excdinc
0
160
10分で学ぶKubernetesコンテナセキュリティ/10min-k8s-container-sec
mochizuki875
3
340
LINE Developersプロダクト(LIFF/LINE Login)におけるフロントエンド開発
lycorptech_jp
PRO
0
120
継続的にアウトカムを生み出し ビジネスにつなげる、 戦略と運営に対するタイミーのQUEST(探求)
zigorou
0
540
Snykで始めるセキュリティ担当者とSREと開発者が楽になる脆弱性対応 / Getting started with Snyk Vulnerability Response
yamaguchitk333
2
180
DUSt3R, MASt3R, MASt3R-SfM にみる3D基盤モデル
spatial_ai_network
2
120
Storage Browser for Amazon S3
miu_crescent
1
150
AI時代のデータセンターネットワーク
lycorptech_jp
PRO
1
290
NilAway による静的解析で「10 億ドル」を節約する #kyotogo / Kyoto Go 56th
ytaka23
3
380
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
243
12k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
2
170
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.4k
Optimising Largest Contentful Paint
csswizardry
33
3k
Scaling GitHub
holman
458
140k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
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