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
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカ...
Search
mugi / Hajime Mugishima
February 01, 2020
Technology
7
2.6k
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
2020/2/1 BuriKaigi2020
mugi / Hajime Mugishima
February 01, 2020
Tweet
Share
More Decks by mugi / Hajime Mugishima
See All by mugi / Hajime Mugishima
サイボウズフロントエンドの横断活動から考える AI時代にできること
mugi_uno
4
1.8k
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
14
7k
New Order in Cascade Sorting Order
mugi_uno
3
3.9k
Deep Dive into React Stream/Serialize
mugi_uno
8
2.2k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
40
25k
コロナ禍 Frontend おさらい
mugi_uno
1
460
Toyama.rb
mugi_uno
1
160
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
mugi_uno
3
1.8k
脱レガシーフロントエンドのために知っておいたほうがいいこと
mugi_uno
20
7.6k
Other Decks in Technology
See All in Technology
やり方は一つだけじゃない、正解だけを目指さず寄り道やその先まで自分流に楽しむ趣味プログラミングの探求 2025-11-15 YAPC::Fukuoka
sugyan
1
450
Flutterで実装する実践的な攻撃対策とセキュリティ向上
fujikinaga
1
340
フライトコントローラPX4の中身(制御器)を覗いてみた
santana_hammer
1
140
JJUG CCC 2025 Fall バッチ性能!!劇的ビフォーアフター
hayashiyuu1
1
160
プログラミング言語を書く前に日本語を書く── AI 時代に求められる「言葉で考える」力/登壇資料(井田 献一朗)
hacobu
PRO
0
150
今日から使える AWS Step Functions 小技集 / AWS Step Functions Tips
kinunori
7
650
us-east-1 の障害が 起きると なぜ ソワソワするのか
miu_crescent
PRO
2
810
Redux → Recoil → Zustand → useSyncExternalStore: 状態管理の10年とReact本来の姿
zozotech
PRO
9
4.6k
なぜインフラコードのモジュール化は難しいのか - アプリケーションコードとの本質的な違いから考える
mizzy
46
13k
AWS IAM Identity Centerによる権限設定をグラフ構造で可視化+グラフRAGへの挑戦
ykimi
2
730
Logik: A Free and Open-source FPGA Toolchain
omasanori
0
290
AI時代におけるドメイン駆動設計 入門 / Introduction to Domain-Driven Design in the AI Era
fendo181
0
670
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Six Lessons from altMBA
skipperchong
29
4.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
Bash Introduction
62gerente
615
210k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Speed Design
sergeychernyshev
32
1.2k
A better future with KSS
kneath
239
18k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Balancing Empowerment & Direction
lara
5
740
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Optimizing for Happiness
mojombo
379
70k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
11
920
Transcript
+BWBΛࢁͰ͕ͬͯͨͣ 4XJGUͷͨΊʹ.BD#PPLങͬͨΒ 3VCZͰϦϞʔτϫʔΧʔʹͳͬͯ +4ͷຊΛൃച͢Δ·ͰΛࢥ͍ฦ͢ #VSJ,BJHJ
ࣗݾհ !NVHJ@VOP ഴౡҰ )BKJNF.VHJTIJNB 5PZBNBSC IUUQTUPZBNBSCHJUIVCJP
ϦϞʔτϫʔΧʔ ʢגࣜձࣾ.JTPDBʣ
+43VCZ
৽ฉࡌͬͨ
ຊΛॻ͍ͨ
;ͱߟ͑Δ
ɾੲεʔπͰग़ࣾͯ͠+BWBॻ͍ͯͨ ɾ͑͛ͭͳ͍ίʔυΛΈͯ ʮ͜Ε͕ࣾձਓͷίʔυʜʂ ಉ͡ͷॻ͚ΔΑ͏ʹͳΒͳ͖Όʂʯ ɹͬͯຊؾͰࢥͬͯͨ ɾʮษڧձʯͱ͍͏֓೦ࣗମΒͳ͔ͬͨ
ؾ͕͚ɺ ࢁͷΤϯδχΞͱͯ͠ ΘΓͱಛघͳײ͡ʹ
Կ͕͋ͬͨͷ͔ΛৼΓฦͬͯΈΔ ํ ࢁ ͷҰਓͷΤϯδχΞͱͯ͠ ಘΒΕֶͨͼΛڞ༗͠·͢ ˝
˞ҙ ɾओ؍తͳҙݟଟؚ͘Έ·͢ ɾޠͱͯ͠ଊ͑Δ͙Β͍͕ஸྑ͍Ͱ͢
Կ͔ಘΔͷ͕͋Ε͍Ͱ͢
ແ ຊ
࠷ॳͷసػ
ͱ͋ΔҊ݅ ܹ Ͱ ༷ʑͳҙຯͰࢮ͵΄Ͳ+4Λॻ͘ ˝ Ұؾʹ+4ʹͳΔ
ಉ࣌ʹɺͱ͋Δਓʹձ͏
!IJLBSVXPSME ˞ͳ͓#VSJ,BJHJओ࠵ऀ
ɾྑ͍ίʔυͱ ɾཧͱ͖͢։ൃͱ ɾʮ࣭ʯͱԿ͔ ΤϯδχΞͱͯ͠ ͳͲΛຊؾͰߟ͑ΔॏཁੑΛֶͿ
ʮ͍·ͷ͜ΕͬͯͨΓલͳͷ͔ʁʯ Λҙࣝ͢ΔΑ͏ʹͳͬͨ
ແ +4 ຊ ҙࣝͷมԽ
;Γ͔͑Δͱʜ ɾ͕ࣝͳ͍ͱʮࠓ࣋ͬͯΔखࡳʯ ɹͷதͰ͔͠அ͕Ͱ͖ͳ͍ ɾٕज़ςΫχοΫେࣄ͕ͩɺ ɹૣ͍͏ͪʹϚΠϯυηοτΛ ɹֶͿ͜ͱ͕େࣄͩͬͨ ɾ!IJLBSVXPSME͍͢͝ਓʢࢣঊʣ
ࣄͰฏ͕๚Εͨ͜Ζ "QQMF͕4XJGUΛൃද
ҙ͕ࣝଟগมԽ͍ͯͨ͠ͷͰ ڵຯ͕Ͱͯ͘Δ
͍Ͱ.BD#PPL1SPΛߪೖ
ແ +4 .BD ຊ ҙࣝͷมԽ
4XJGUͨͷ͍͠ʂ
ΘΓͱ͙͢ʹ͖Δ
ແ +4 .BD ຊ ҙࣝͷมԽ εοʜ
.BD#PPLΓʹண͘
Ұํ͓ࣄͰ 1MBZ'SBNFXPSLΛࢼ͢
ʮ3VCZPO3BJMT͔ΒӨڹΛड͚ͨʯ 1MBZ'SBNFXPSL ˝
3VCZʹڵຯ͕ग़ͯ͘Δ
ɾձࣾͰͬͦ͜Γษڧͯͨ͠ʢ࣌ޮʣ ɾ8JOEPXT3VCZಛ༗ͷπϥΈ ɾ࣌%PDLFS҆ఆͤͣ
8JOEPXҎ֎ͷڥ͋ͬͨΑ͏ͳʜʁ
ોΔ.BD#PPL1SP
ͻͨ͢ΒຊΛങͬͯࣸܦ͢Δʑ
ແ +4 .BD 3VCZ ຊ ҙࣝͷมԽ
;Γ͔͑Δͱʜ ɾٕज़ࢿ࢈ࢥ͍ΑΒ͵ܗͰܨ͕Δ ɾࣗͷকདྷੑͱ͔ߟ͑ͣʹ3VCZͬͯͨ ɾֶͿٕज़Λଧࢉతʹબͼ͕͚ͪͩͲ ɹʮָ͍͠ʯ͜ͱࠓߟ͑Δͱॏཁ
ಠֶʹݶքΛܴ͑Δ ɾ͞Έ͍͠ ɾҙຯ͋Δͷ͔ʁ ɾྑ͍ͱࢥͬͯΔͷ ɹ͚ࣗͩ͡Όʁ
Ͳ͏Βʮษڧձʯͱ ݺΕΔͷ͕ଘࡏ͢ΔΒ͍͠
SCਆށSC 3VCZϓϩάϥϛϯάΩϟϯϓ
ओ࠵ ҏ౻३Ұ͞Μ !KODIJUP
ʮ2JJUBͱ͔ϒϩάͰݟΔͻͱͩʂʯ
LN ˞ਓੜॳษڧձ 0QFO4USFFU.BQDPOUSJCVUPST
ࢀߟใ ࢁ3VCZձٞ ҏ౻३Ұ͞Μൃදࢿྉʮ͔̋̋Β3VCZʯΑΓ
ɾͳ͓ઈମௐෆྑ ʢϊυ௵Εͯग़ͳ͔ͬͨʣ ɾʮͳΜ͔ࢁ͔Βࢮʹͦ͏ͳਓདྷͨʜʯ ɹͱࢥΘΕ͔ͯͨ͠Εͳ͍
ॳษڧձͰଟ͘ͷিܸΛड͚Δ ɾ3VCZ͖ͳਓΊͬͪΌ͍ͨ ɾʮ७ਮʹٕज़ʹڵຯͷ͋Δਓͨͪʯ ɹͰ͢ͱָ͍͜͠ͱΛΔ
ແ +4 .BD 3VCZ LN ຊ ҙࣝͷมԽ
ࢁͰΓ͍ͨʂ ͚Ͳ3VCZͷίϛϡχςΟ͕ͳ͍ʂ
ͭͬͨ͘
ʮ୭དྷͳ͍͔ͳʙʯ
ҙ֎ͱू·ͬͨ
͜ͷೋਓͱग़ձ͏ !LVOJUPP !OPCPSV@J
ݩʹ͕͍ؒΔ͜ͱΛΔ
ແ +4 .BD 3VCZ LN 5PZBNBSC ຊ ҙࣝͷมԽ
;Γ͔͑Δͱʜ ɾࣗͷߟ͑໎͍Λཧ͢ΔͨΊɺ ɹ΄͔ͷੈքʹ৮ΕͯΈΔͷ͕େࣄͩͬͨ ɾ͍ۙߟ͑ͷਓҙ֎ͱۙʹ͍Δ
5PZBNBSCΛ΄Ͳଓ͚Δ
ʮ͜ͷ··Ͱ͍͍ͷ͔ͳʁʯ
डୗ։ൃͷ੍ ˞ ɾडୗ։ൃࣗମΛ൱ఆ͢ΔͷͰ͋Γ·ͤΜɻ ɾ1SPT$POTΛߟ͑ͨ߹ͷ$POTͷΈͷͰ͢ɻ ɾݸਓͷҙݟͰ͢ɻ
ɾར༻ٕज़ͷҊ݅ґଘ ɾܖ্ͷ͞·͟·ͳ੍ ɾΤϯυϢʔβʔͷ͕ಧ͔ͳ͍
ํస৬ͷ͠͞
None
ϦϞʔτϫʔΫ͕͋Δʂ
ɾϦϞʔτϫʔΫΛతʹ͠ͳ͔ͬͨ ɹɹɹɹɹɹɹɹɹɹ˝ ɹΓ͍ͨͷʮϦϞʔτϫʔΫʯ͡Όͳ͍ ɾͳ͔ͬͨΒఘΊΔͭΓͩͬͨ ɾ݁ՌతʹͦΕ͕ྑ͔ͬͨ
ͳΜ͔Μ͋ͬͯ ϦϞʔτϫʔΧʔʹͳͬͨ
ແ +4 .BD 3VCZ LN 5PZBNBSC ϦϞʔτ ϫʔΫ ຊ ҙࣝͷมԽ
ࣄͷελΠϧ͕େ͖͘มΘͬͨ ɾ͋Δఔɺٕज़ʹࣗ༝͕ޮ͘ ɾݸਓͷࡋྔͰʴЋ͕Ͱ͖Δ
3VCZόϦόϦॻͧ͘ʙʂʂ
ͦ͏ࢥ͍ͬͯͨ࣌ظ͕ ࢲʹ͋Γ·ͨ͠
ɾϨΨγʔ݁ߏͬͯͨ ɾࣗʹͰ͖ͦ͏ͳࣄ͕ଟ͍ ϑϩϯτΤϯυ͕ؾʹͳΔ
࣌ؒΛݟ͚ͭͯ ϦϑΝΫλϦϯάΛ࢝ΊΔ ྫ ύϑΥʔϚϯεվળ
ʮ͍͍ͶʂʯͱݴͬͯΒ͑Δ
ߦҎ্࢝͠ΊΔਓ ʢѱ͍ྫʣ
ؾ͕͚ͭϑϩϯτΤϯυத৺ʹ ˝ Ͱָ͠Ί͍ͯΔ
;Γ͔͑Δͱʜ ɾʮ3VCZΛΓ͍ͨʯͱ͍͏ΑΓ ɹ3VCZΛऔΓר͘ڥମݧʹ ɹಌΕͯΜͰ͍ͨ͜ͱʹؾ͍ͨ ɹ ͪΖΜ3VCZ͍·͖ ɾաڈͷֶͼεΩϧແବͰͳ͍
ແ +4 .BD 3VCZ LN 5PZBNBSC ϦϞʔτ ϫʔΫ ຊ ϑϩϯτΤϯυ
ҙࣝͷมԽ
ࣾͰ ͱ͋ΔϫʔυΛසൟʹࣖʹ͢Δ
lٕज़ॻయz ˝ ɾٕज़ॻͷలࣔɾൢചΠϕϯτ ɾͪΖΜݸਓͰࢀՃͰ͖Δ
ɾࣾͰαʔΫϧࢀՃ͢Δਓ͕૿͑Δ ɾఆظతʹΓ্͕ͬͯΔ
None
ߟ͑ΔΑΓઌʹਃ͠ࠐΉ ˝ બ
ͣͬͱͬͯΔ lϑϩϯτΤϯυͷϨΨγʔz Λࡐʹॻ͍ͯ൦
ແࣄʹച
ۀ൛ͷΛ͘ ˝ ץߦ
ແ +4 .BD 3VCZ LN 5PZBNBSC ϦϞʔτ ϫʔΫ ٕज़ॻయ ຊ
ϑϩϯτΤϯυ ҙࣝͷมԽ
ͦͯ͠ݱࡏ
lͳͥࠓʹࢸΔͷ͔ʁz
ແ +4 .BD 3VCZ LN 5PZBNBSC ϦϞʔτ ϫʔΫ ຊ ϑϩϯτΤϯυ
ҙࣝͷมԽ ٕज़ॻయ ٕज़ॻయʹࢀՃ͔ͨ͠Βʁ
ແ +4 .BD 3VCZ LN 5PZBNBSC ϦϞʔτ ϫʔΫ ຊ ҙࣝͷมԽ
ٕज़ॻయ ϑϩϯτΤϯυ ϦϑΝΫλϦϯάͯ͠ͳ͔ͬͨΒ ॻ͚ͳ͔͔ͬͨʁ
ແ +4 .BD 3VCZ LN 5PZBNBSC ຊ ҙࣝͷมԽ ٕज़ॻయ ϑϩϯτΤϯυ
ϦϞʔτ ϫʔΫ ڥΛม͑ͳ͔ͬͨΒʁ
ແ +4 .BD 3VCZ LN 5PZBNBSC ຊ ҙࣝͷมԽ ٕज़ॻయ ϑϩϯτΤϯυ
ϦϞʔτ ϫʔΫ ɾ݁ہ͕ͯ͢ܨ͕͍ͬͯΔ ɾ۩ମతʹʮ͜Εʯͱ͍͏ͷແ͍
l͡Ό͋ࣗԿΛͨ͠ͷ͔ʁz
ࣗͳΓͷͨ͑͜ ʮબࢶΛΖ͏ͱͨ͠ʯ ʮͱΓ͋͑ͣͬͯΈͨʯ
ʮબࢶΛΖ͏ͱͨ͠ʯ ɾ3VCZΛֶΜͩΓษڧձʹࢀՃͯ͠ ɹͦΕ·ͰΒͳ͔ͬͨੈքߟ͑Λಘͨ ɾൺֱରΛಘͨ͜ͱͰஅ͕Ͱ͖ͨ
ɾબͿͨΊʹબࢶΛΔඞཁ͕͋Δ ɾಛʹํ༉அ͢Δͱࢹ͕ڱ͘ͳΓ͕ͪ ɾݱঢ়Λٙ͏ͷେࣄͳΜͩͱࢥ͏
ʮͱΓ͋͑ͣͬͯΈͨʯ ɾ.BDങΘͳ͍બࢶ͋ͬͨ͠ɺ ɹLNݥ͠ͳ͍બࢶ͋ͬͨ ɾͱΓ͋͑ͣͬͯΈͨ͜ͱͰ ɹ࣍ʹܨ͛Δ͜ͱ͕Ͱ͖ͨ
ɾ࠷ॳͷҰา͜Θ͔ͬͨ ɾೋาང͔ʹָ ɹ ܦݧͱ͕ؒ૿͑Δ ɾԿ͔ͱΒͳ͍ཧ༝Λ୳͕ͪ͠ ɾͲΓΌʔʂͱ͍͏ڧ͍ؾ࣋ͪ
ɾࢲͷબ͕ਖ਼͔ͬͨ͠ͱ͍͏Ͱͳ͍ ɾԿΛॏཁࢹ͢Δ͔ਓʹΑͬͯҧ͏ ɾ͔ͩΒͦࣗ͜Ͱߟ͑Δඞཁ͕͋ͬͯɺ ɹߟ͑ΔͨΊͷࡐྉΛूΊΔͷ͕େࣄɹ ɹ ͱɺ͍·ʹͳͬͯࢥ͏
ʮͱΓ͋͑ͣͬͯΈͨʯ ʮબࢶΛΖ͏ͱͨ͠ʯ ˠ#VSJ,BJHJʹࢀՃͯ͠Δʂ ˠීஈͤͳ͍ਓͱͤΔʂ Έͳ͞Μʂ
ɾํࡏॅΤϯδχΞͰ ɹೲಘͰ͖ΔΤϯδχΞϥΠϑΛʂ ɾํίϛϡχςΟ ɹͬͱ׆ੑԽ͢Δͱ͍͍ͳʂ