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
810
リモートワークの導入から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
Deep Dive into Kotlin Flow
jmatsu
1
350
複雑なフォームに立ち向かう Next.js の技術選定
macchiitaka
2
160
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
temoki
0
320
Tool Catalog Agent for Bedrock AgentCore Gateway
licux
6
2.5k
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
160
意外と簡単!?フロントエンドでパスキー認証を実現する WebAuthn
teamlab
PRO
2
770
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
2.4k
奥深くて厄介な「改行」と仲良くなる20分
oguemon
1
540
請來的 AI Agent 同事們在寫程式時,怎麼用 pytest 去除各種幻想與盲點
keitheis
0
120
AIでLINEスタンプを作ってみた
eycjur
1
230
ぬるぬる動かせ! Riveでアニメーション実装🐾
kno3a87
1
220
概念モデル→論理モデルで気をつけていること
sunnyone
2
270
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Building Applications with DynamoDB
mza
96
6.6k
Documentation Writing (for coders)
carmenintech
74
5k
The Language of Interfaces
destraynor
161
25k
Unsuck your backbone
ammeep
671
58k
Building an army of robots
kneath
306
46k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
GitHub's CSS Performance
jonrohan
1032
460k
GraphQLとの向き合い方2022年版
quramy
49
14k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
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 ඳըฏۉඵ
ύέࢮͯͯͦͦ͑͜͜͠ΔΑ͏ʹ͍ͨ͠ͳʙ ۙͷࢦ͖͢ੈք
νʔϜίʔυඋͯ͠ ߴͰՁΛಧ͚ΒΕΔ ϚϚϦΛࢦ͍ͯͧ͘͠
͓ΘΓ