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
Hajime Mugishima
February 01, 2020
Technology
7
2.6k
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
2020/2/1 BuriKaigi2020
Hajime Mugishima
February 01, 2020
Tweet
Share
More Decks by Hajime Mugishima
See All by Hajime Mugishima
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
13
6.9k
New Order in Cascade Sorting Order
mugi_uno
3
3.6k
Deep Dive into React Stream/Serialize
mugi_uno
8
2.1k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
41
24k
コロナ禍 Frontend おさらい
mugi_uno
1
450
Toyama.rb
mugi_uno
1
140
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
mugi_uno
3
1.8k
脱レガシーフロントエンドのために知っておいたほうがいいこと
mugi_uno
20
7.5k
マルチカーソルのLT
mugi_uno
0
290
Other Decks in Technology
See All in Technology
LinkX_GitHubを基点にした_AI時代のプロジェクトマネジメント.pdf
iotcomjpadmin
0
150
ローカルLLMでファインチューニング
knishioka
0
110
Observability в PHP без боли. Олег Мифле, тимлид Altenar
lamodatech
0
220
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全 / 20250625-aws-summit-aws-policy
opelab
4
440
Devin(Deep) Wiki/Searchの活用で変わる開発の世界観/devin-wiki-search-impact
tomoki10
0
790
菸酒生在 LINE Taiwan 的後端雙刀流
line_developers_tw
PRO
0
1k
Microsoft Build 2025 技術/製品動向 for Microsoft Startup Tech Community
torumakabe
1
180
AWS CDK 実践的アプローチ N選 / aws-cdk-practical-approaches
gotok365
4
240
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
1
200
AIのAIによるAIのための出力評価と改善
chocoyama
0
380
Welcome to the LLM Club
koic
0
110
Agentic Workflowという選択肢を考える
tkikuchi1002
1
210
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
How STYLIGHT went responsive
nonsquared
100
5.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
660
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Automating Front-end Workflow
addyosmani
1370
200k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Site-Speed That Sticks
csswizardry
10
640
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Music & Morning Musume
bryan
46
6.6k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
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ʹࢀՃͯ͠Δʂ ˠීஈͤͳ͍ਓͱͤΔʂ Έͳ͞Μʂ
ɾํࡏॅΤϯδχΞͰ ɹೲಘͰ͖ΔΤϯδχΞϥΠϑΛʂ ɾํίϛϡχςΟ ɹͬͱ׆ੑԽ͢Δͱ͍͍ͳʂ