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
410
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.3k
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.2k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.5k
気軽な Node.js バックエンド開発には TypeORM がちょうどいい #kng7 / introduce-typeorm
potato4d
9
4.7k
Other Decks in Technology
See All in Technology
Amazon S3 Vectorsは大規模ベクトル検索を低コスト化するサーバーレスなベクトルデータベースだ #jawsugsaga / S3 Vectors As A Serverless Vector Database
quiver
2
990
自治体職員がガバクラの AWS 閉域ネットワークを理解するのにやって良かった個人検証環境
takeda_h
0
320
Google Agentspaceを実際に導入した効果と今後の展望
mixi_engineers
PRO
3
800
モノレポにおけるエラー管理 ~Runbook自動生成とチームメンションの最適化
biwashi
0
370
歴代のWeb Speed Hackathonの出題から考えるデグレしないパフォーマンス改善
shuta13
6
520
Telemetry APIから学ぶGoogle Cloud ObservabilityとOpenTelemetryの現在 / getting-started-telemetry-api-with-google-cloud
k6s4i53rx
0
160
Mackerel in さくらのクラウド
cubicdaiya
1
300
コミュニティと計画的偶発性理論 - 出会いが人生を変える / Life-Changing Encounters
soudai
PRO
7
660
Exadata Database Service on Dedicated Infrastructure セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
1
330
MCPサーバーを活用したAWSコスト管理
arie0703
0
130
[OCI Technical Deep Dive] OCIで生成AIを活用するためのソリューション解説(2025年8月5日開催)
oracle4engineer
PRO
0
120
Amazon Q と『音楽』-ゲーム音楽もAmazonQで作成してみた感想-
senseofunity129
0
170
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
A designer walks into a library…
pauljervisheath
207
24k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Automating Front-end Workflow
addyosmani
1370
200k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Code Reviewing Like a Champion
maltzj
525
40k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
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