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
dachi
May 18, 2018
Programming
1.5k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ママリのweb技術の今と未来 / mamari's front-end present and future
dachi
May 18, 2018
More Decks by dachi
See All by dachi
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
dachi023
0
5k
良い機能を作るためにAIと壁打ちをしたら実装も快適になってしまった話 / ai-ideation-improves-implementation
dachi023
0
59
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
dachi023
2
880
AI時代のリアーキテクチャ戦略 / Re-architecture Strategy in the AI Era
dachi023
0
320
チーム開発を円滑に進めるためのOSS / Lightning TechTalks 20231102
dachi023
0
500
なぜその技術を使うのか? / Connehito marche online 20201112
dachi023
0
910
リモートワークの導入から3ヶ月 / Connehito marche online 20200311
dachi023
2
3.2k
急に大量のHTMLが必要になったこと、ありませんか? / BIT VALLEY INSIDE vol8
dachi023
0
8.2k
2年運用したサービスのフロントをReactで書き換えたい話
dachi023
5
2.1k
Other Decks in Programming
See All in Programming
Google Apps Script で Ruby を動かす
kawahara
0
270
進化を続けるGo toolsの現在地 / The Current State of Ever-Evolving Go Tools
hond0413
0
240
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
hanhan1978
4
1.9k
属人化した知識を、 AIが辿れる地図にする
pkshadeck
PRO
1
190
【QA Test Talk Vol.8】AI-DLC による Whole Team Approach の加速
pkshadeck
PRO
0
210
komatsuna「分散システムにおけるバグ分析手法」
komatsunaqa
0
270
VibeCodingからAgenticWorkflowへ
starfish719
0
650
為什麼你並不需要ViewModel / No, you don't need a ViewModel
lovee
1
500
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
gotalab555
4
1.7k
GDG Korea Android: 2026 I/O Extended ~ What's new in Android development tools
pluu
0
230
FDEが実現するAI駆動経営の現在地
gonta
2
290
リアルな遅延を測る仕様
kota_yata
1
120
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
960
The Limits of Empathy - UXLibs8
cassininazir
1
610
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Building the Perfect Custom Keyboard
takai
2
840
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
300
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Building Adaptive Systems
keathley
44
3.2k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
290
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.2k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
WCS-LA-2024
lcolladotor
0
800
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 ඳըฏۉඵ
ύέࢮͯͯͦͦ͑͜͜͠ΔΑ͏ʹ͍ͨ͠ͳʙ ۙͷࢦ͖͢ੈք
νʔϜίʔυඋͯ͠ ߴͰՁΛಧ͚ΒΕΔ ϚϚϦΛࢦ͍ͯͧ͘͠
͓ΘΓ