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.8k
New Order in Cascade Sorting Order
mugi_uno
3
3.5k
Deep Dive into React Stream/Serialize
mugi_uno
8
2.1k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
41
23k
コロナ禍 Frontend おさらい
mugi_uno
1
440
Toyama.rb
mugi_uno
1
130
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
mugi_uno
3
1.7k
脱レガシーフロントエンドのために知っておいたほうがいいこと
mugi_uno
20
7.5k
マルチカーソルのLT
mugi_uno
0
280
Other Decks in Technology
See All in Technology
CodeRabbitと過ごした1ヶ月 ─ AIコードレビュー導入で実感したチーム開発の進化
mitohato14
1
250
MCPを理解する
yudai00
14
10k
自動化の第一歩 -インフラ環境構築の自動化について-
smt7174
1
130
コードや知識を組み込む / Incorporating Codes and Knowledge
ks91
PRO
0
170
猫でもわかるS3 Tables【Apache Iceberg編】
kentapapa
2
190
Part2 GitHub Copilotってなんだろう
tomokusaba
2
770
『ささAI』ネタづくりをささえるAI📝 (にぼしいわし担当:GIFTech2025)
masapyon1212
0
110
Why Platform Engineering? - マルチプロダクト・少人数 SRE の壁を越える挑戦 -
nulabinc
PRO
4
410
3D生成AIのための画像生成
kosukeito
2
620
テストコードにはテストの意図を込めよう(2025年版) #retechtalk / Put the intent of the test 2025
nihonbuson
PRO
3
790
計測による継続的なCI/CDの改善
sansantech
PRO
1
290
dbtとリバースETLでデータ連携の複雑さに立ち向かう
morookacube
0
180
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
For a Future-Friendly Web
brad_frost
177
9.7k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Producing Creativity
orderedlist
PRO
344
40k
Git: the NoSQL Database
bkeepers
PRO
430
65k
KATA
mclloyd
29
14k
How to train your dragon (web standard)
notwaldorf
91
6k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Designing Experiences People Love
moore
142
24k
Making Projects Easy
brettharned
116
6.2k
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ʹࢀՃͯ͠Δʂ ˠීஈͤͳ͍ਓͱͤΔʂ Έͳ͞Μʂ
ɾํࡏॅΤϯδχΞͰ ɹೲಘͰ͖ΔΤϯδχΞϥΠϑΛʂ ɾํίϛϡχςΟ ɹͬͱ׆ੑԽ͢Δͱ͍͍ͳʂ