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
ママリのweb技術の今と未来 / mamari's front-end present and...
Search
dachi023
May 18, 2018
Programming
2
1.4k
ママリのweb技術の今と未来 / mamari's front-end present and future
dachi023
May 18, 2018
Tweet
Share
More Decks by dachi023
See All by dachi023
AI時代のリアーキテクチャ戦略 / Re-architecture Strategy in the AI Era
dachi023
0
250
チーム開発を円滑に進めるためのOSS / Lightning TechTalks 20231102
dachi023
0
430
なぜその技術を使うのか? / Connehito marche online 20201112
dachi023
0
820
リモートワークの導入から3ヶ月 / Connehito marche online 20200311
dachi023
2
3k
急に大量のHTMLが必要になったこと、ありませんか? / BIT VALLEY INSIDE vol8
dachi023
0
8k
2年運用したサービスのフロントをReactで書き換えたい話
dachi023
5
2.1k
beginner_react_flux
dachi023
1
450
エンジニアがUIデザインをしてみた話
dachi023
1
1.3k
Other Decks in Programming
See All in Programming
Pythonスレッドとは結局何なのか? CPython実装から見るNoGIL時代の変化
curekoshimizu
4
1.3k
CSC305 Lecture 02
javiergs
PRO
1
260
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
1.6k
ててべんす独演会〜Flowの全てを語ります〜
tbsten
1
220
Catch Up: Go Style Guide Update
andpad
0
130
プログラマのための作曲入門
cheebow
0
530
uniqueパッケージの内部実装を支えるweak pointerの話
magavel
0
900
Serena MCPのすすめ
wadakatu
4
880
Advance Your Career with Open Source
ivargrimstad
0
300
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
470
明日から始めるリファクタリング
ryounasso
0
110
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
2
590
Featured
See All Featured
Facilitating Awesome Meetings
lara
56
6.6k
GitHub's CSS Performance
jonrohan
1032
460k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Rails Girls Zürich Keynote
gr2m
95
14k
What's in a price? How to price your products and services
michaelherold
246
12k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
610
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
570
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Transcript
$POOFIJUP.BSDIÉʙXFCϑϩϯτΤϯυࢢʙ ϚϚϦͷXFCٕज़ͷࠓͱະདྷ
3ZP"EBDIJ !EBDIJ ίωώτࣾΤϯδχΞ XFCϑϩϯτΤϯυͷ࣮͕ϝΠϯ ଉࢠ ࡀϲ݄ ͕େ͖ʂ ϓϩϑΟʔϧ
ຊʹೖΔલʹ
ຊͷ5XJUUFSϋογϡλά ίωώτϚϧγΣ
Γ্͍͛ͨʂ
ͭͿ͖࿅शλΠϜ ίωώτϚϧγΣΛ͚ͭͯπ Πʔτʂ
͝ڠྗ͋Γ͕ͱ͏͍͟͝·͢ʂ
ผ݅
ࠓࢲ͕ͬͨ͜ͱϦΞϧλΠϜͰ 5XJUUFSʹߘ͞ΕΔΑ͏ʹͳ͍ͬͯ·͢ 1PXFSFECZ!LBUTVUPNV
Ҏ্ɺએͰͨ͠
͔͜͜Βຊ
w ϚϚϦͷXFC࣮ͷத w ෛ࠴ʹཱ͔ͪͬͯಘͨݟ w ࢦ͢ະདྷ ٕज़໘Ͱ ࠓͳ͢͜ͱ
w ϝσΟΞ w 2"αΠτ ߘػೳͳ͠ ӾཡͷΈ w ཧը໘ w
ΞϓϦ8FC7JFX ϚϚϦͷXFC࣮
XFCٕज़Ͱಈ͍͍ͯΔͷͨͪ ϝσΟΞ 2" 8FC7JFX ཧը໘
Α͍ͬͯ͘ΔϥΠϒϥϦɾπʔϧ ϑϨʔϜϫʔΫɾܕνΣοΧʔ Ϗϧυπʔϧ
ͳΜ͚ͩͲɺͭ͡
XFCٕज़Ͱ࡞ΒΕ͍ͯΔͷ ϝσΟΞ 2" 8FC7JFX ཧը໘
w ίωώτͰ3FBDUΛ࠾༻͠͡Ίͨͷલ͘Β͍ w 3FBDUಋೖҎલ΄΅#BDLCPOF K2VFSZ w Ұ෦3FBDUϕʔεʹҠ͕ͨ͠·͍ͩͬͯΔ෦ଟ͍ w ࠓͦ͜#BDLCPOFʹຊ֨ணख͢Δ
͍ͨ͠ ෛ࠴#BDLCPOF͕ͬͯͯϠό͍
w ϨΨγʔίʔυͳͷͰϝϯς͕େมͩ͠ 3FBDUʹͨ͠ํ͕։ൃޮ্͕͕Γͦ͏ ্͕Δ w #BDLCPOFͷॻ͖ํΛ͓͔֮͑ͯͳ͍ͱ͍͚ͳ͍ w 3FBDU͚͓͚͍͍֮ͩ͑ͯΑ͏ʹ͍ͨ͠ #BDLCPOFΛ৽ϝϯόʔʹڧ͍Δͷ
#BDLCPOF͍ͨ͠ཧ༝
ίʔυ͚ͩͰͳ͘ ໘Ͱͷ՝͋Δ
None
w BOESPJEΞϓϦͷରԠόʔδϣϯʙ w ϕϯμʔಠࣗͷඪ४ϒϥβΓͳ͍ඪ४"1*͕ଟ͘ɺ Τϥʔ͕ফ͑Δ·Ͱ1PMZGJMMΛೖΕ·ͬͨ݁͘Ռ͕ίϨ w རϩδοΫͰແཧΛ͠ͳͯ͘ྑ͘ͳΔͱ͜Ζ w BOESPJE04ରԠόʔδϣϯͷมߋλΠϛϯάͰ͍Βͳ͍ͷফ͢ʂ ϑΝΠϧαΠζΛͳΔ͘খ͘͢͞ΔΑ͏৺͕͚Δ
ෛ࠴1PMZGJMMͷ͕Ϡό͍
ଞʹ
w ݄࣌ͷฏۉ͕ඵ ͍͍͢͝ w ݱࡏͷฏۉ͕ඵ ·ͩؤுΕΔʂ w H[JQΛ༗ޮʹͨ͠
"QBDIF w TUWJFXҎ֎ඇಉظͰऔಘ SFBDUWJSUVBMJ[FE w ը໘֎ͷը૾શͯ-B[ZMPBE SFBDUMB[ZMPBE ෛ࠴8FC7JFXͷฏۉඳը͕Ϡό͍
$ISPNFEFWUPPMͷ"VEJUTλϒΛ͏ͱ ؆୯ʹܭଌϘτϧωοΫ͕ѲͰ͖ͪΌ͏ ͷͰΦεεϝͰ͢ ͪͳΈʹվળ͢Δͱ͖
Ҏ্ͷܦݧ͔ΒֶΜͩ͜ͱ
w ج൫ͷࡌͤସ͑গͣͭ͠Ͱ͍ͬͯ͘ ҰؾʹΔͱ ମ৺ ͠ΜͲ͍ͷͰը໘͝ͱʹɺͱ͔ w खஈͷ౷ҰͰνʔϜ։ൃΛ͖͘͢͢͠ ಉ͡ϝϯόʔͰෳΞϓϦέʔγϣϯ։ൃ͢Δ߹ͳΒͰ͕͢ w
BOESPJEͷόʔδϣϯΓࣺͯϧʔϧΛ໌֬ʹܾ Ί͓ͯ͘ͱྑͦ͞͏ ̋ҎԼʹͳͬͨΒΔʂ w ඳըJT໋ ԿΛͨ͠Β͘ͳΔͷ͔ΛѲ͢Δඞͣ͠ΞϓϦέʔγϣϯίʔυͷվળ͚ͩͱݶΒͳ͍
w #BDLCPOF͕໓ͼΔ ։ൃޮ61ͰϢʔβʔʹఏڙ͢ΔΛߴΊ͍͖͍ͯͨ w 1PMZGJMM͕߇͑Ίʹͳ͍ͬͯΔ ΓࣺͯͷϧʔϧΛܾΊͨΒ͋ͱؾʹͭ w ඳըฏۉඵ
ύέࢮͯͯͦͦ͑͜͜͠ΔΑ͏ʹ͍ͨ͠ͳʙ ۙͷࢦ͖͢ੈք
νʔϜίʔυඋͯ͠ ߴͰՁΛಧ͚ΒΕΔ ϚϚϦΛࢦ͍ͯͧ͘͠
͓ΘΓ