Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
7.1k
New Order in Cascade Sorting Order
mugi_uno
3
4k
Deep Dive into React Stream/Serialize
mugi_uno
8
2.2k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
40
25k
コロナ禍 Frontend おさらい
mugi_uno
1
470
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
グレートファイアウォールを自宅に建てよう
ctes091x
0
130
Uncertainty in the LLM era - Science, more than scale
gaelvaroquaux
0
700
AI時代の開発フローとともに気を付けたいこと
kkamegawa
0
1k
A Compass of Thought: Guiding the Future of Test Automation ( #jassttokai25 , #jassttokai )
teyamagu
PRO
1
220
“決まらない”NSM設計への処方箋 〜ビットキーにおける現実的な指標デザイン事例〜 / A Prescription for "Stuck" NSM Design: Bitkey’s Practical Case Study
bitkey
PRO
1
480
.NET 10 のパフォーマンス改善
nenonaninu
2
4.9k
コミューンのデータ分析AIエージェント「Community Sage」の紹介
fufufukakaka
0
180
Agents IA : la nouvelle frontière des LLMs (Tech.Rocks Summit 2025)
glaforge
0
460
たかが特別な時間の終わり / It's Only the End of Special Time
watany
27
7.4k
なぜフロントエンド技術を追うのか?なぜカンファレンスに参加するのか?
sakito
10
2k
MS Ignite 2025で発表されたFoundry IQをRecap
satodayo
3
250
freeeにおけるファンクションを超えた一気通貫でのAI活用
jaxx2104
3
1.4k
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
The Invisible Side of Design
smashingmag
302
51k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Being A Developer After 40
akosma
91
590k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
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ʹࢀՃͯ͠Δʂ ˠීஈͤͳ͍ਓͱͤΔʂ Έͳ͞Μʂ
ɾํࡏॅΤϯδχΞͰ ɹೲಘͰ͖ΔΤϯδχΞϥΠϑΛʂ ɾํίϛϡχςΟ ɹͬͱ׆ੑԽ͢Δͱ͍͍ͳʂ