Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
ママリのweb技術の今と未来 / mamari's front-end present and...
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
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
8.6k
良い機能を作るためにAIと壁打ちをしたら実装も快適になってしまった話 / ai-ideation-improves-implementation
dachi023
0
66
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
dachi023
2
940
AI時代のリアーキテクチャ戦略 / Re-architecture Strategy in the AI Era
dachi023
0
340
チーム開発を円滑に進めるためのOSS / Lightning TechTalks 20231102
dachi023
0
510
なぜその技術を使うのか? / Connehito marche online 20201112
dachi023
0
940
リモートワークの導入から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
KiroのSpecで「五目並べ」を作ってみる
satoshi256kbyte
1
370
contenteditable と日本語入力に向き合う
colorful12
0
190
見えないものを探る要求要件定義に必要な基本的思考 / invisible-requirement-thinking
minodriven
15
8.4k
mrbgem 三角測量 開発
ogom
0
240
[ハンズオン]AIへの指示だけで「五目並べ」を作ってみよう
satoshi256kbyte
1
370
全ての永続トークンを、生まれる前に消し去りたい!
sylph01
2
420
golang-bob.pdf
iwatsukayura
0
130
Optunaを作ったときにやりたかったこと、その後 (2026/10/16, Optuna Meetup #3)
iwiwi
1
320
プロダクトコードからライブラリの境界を見つける
elmetal
PRO
0
120
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
prota
1
1.9k
設計次第でAIコードの読む量は減らせる / designing-for-code-reading
minodriven
35
16k
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
100
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
6.3k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
600
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
46k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.2k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
1
450
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
280
Writing Fast Ruby
sferik
630
63k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
[SF Ruby Conf 2025] Rails X
palkan
3
1.5k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
270
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
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 ඳըฏۉඵ
ύέࢮͯͯͦͦ͑͜͜͠ΔΑ͏ʹ͍ͨ͠ͳʙ ۙͷࢦ͖͢ੈք
νʔϜίʔυඋͯ͠ ߴͰՁΛಧ͚ΒΕΔ ϚϚϦΛࢦ͍ͯͧ͘͠
͓ΘΓ