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.5k
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
13
7k
New Order in Cascade Sorting Order
mugi_uno
3
3.8k
Deep Dive into React Stream/Serialize
mugi_uno
8
2.1k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
41
24k
コロナ禍 Frontend おさらい
mugi_uno
1
460
Toyama.rb
mugi_uno
1
150
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
mugi_uno
3
1.8k
脱レガシーフロントエンドのために知っておいたほうがいいこと
mugi_uno
20
7.6k
Other Decks in Technology
See All in Technology
Skrub: machine-learning with dataframes
gaelvaroquaux
0
100
個人CLAUDE.md紹介と設定から学んだこと/introduce-my-claude-md
shibayu36
0
150
絶対に失敗できないキャンペーンページの高速かつ安全な開発、WINTICKET × microCMS の開発事例
microcms
0
360
データアナリストからアナリティクスエンジニアになった話
hiyokko_data
0
190
Function Body Macros で、SwiftUI の View に Accessibility Identifier を自動付与する/Function Body Macros: Autogenerate accessibility identifiers for SwiftUI Views
miichan
2
150
LLM翻訳ツールの開発と海外のお客様対応等への社内導入事例
gree_tech
PRO
0
420
TypeScript入門
recruitengineers
PRO
33
11k
AI時代に非連続な成長を実現するエンジニアリング戦略
sansantech
PRO
3
900
実践データベース設計 ①データベース設計概論
recruitengineers
PRO
4
1.9k
AIとTDDによるNext.js「隙間ツール」開発の実践
makotot
6
810
異業種出身エンジニアが気づいた、転向して十数年経っても変わらない自分の武器とは
macnekoayu
0
250
衝突して強くなる! BLUE GIANTと アジャイルチームの共通点とは ― いきいきと活気に満ちたグルーヴあるチームを作るコツ ― / BLUE GIANT and Agile Teams
naitosatoshi
0
290
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Rails Girls Zürich Keynote
gr2m
95
14k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Balancing Empowerment & Direction
lara
3
600
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
570
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ʹࢀՃͯ͠Δʂ ˠීஈͤͳ͍ਓͱͤΔʂ Έͳ͞Μʂ
ɾํࡏॅΤϯδχΞͰ ɹೲಘͰ͖ΔΤϯδχΞϥΠϑΛʂ ɾํίϛϡχςΟ ɹͬͱ׆ੑԽ͢Δͱ͍͍ͳʂ