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
TOMOE I/O
Search
Ayumu Sato
October 24, 2014
0
320
TOMOE I/O
謎の集まりで話した
https://github.com/ahomu/Claylump
Ayumu Sato
October 24, 2014
Tweet
Share
More Decks by Ayumu Sato
See All by Ayumu Sato
Web 開発の長距離走と持続可能性 - TechFeed Experts Night#31 〜 フロントエンドアーキテクチャの現状と未来
ahomu
1
210
控えめな App Router と持続可能な開発 - PWA Night vol.59
ahomu
11
2.9k
GPT 生成物の評価、運用 toC 企画でのハードルと勘所
ahomu
0
300
副業をきっかけに 切り拓くキャリア形成
ahomu
1
150
Webフロントエンドと アーキテクチャ事情の持論を喋る
ahomu
2
1.7k
SPA/MPA 議論の俯瞰と 現代における設計のポイント - #tfcon 2022 フロントエンド設計
ahomu
5
3.7k
#TECHPLAY Talk - 理想的な Web のため MUST 駆動で主語が大きくなったキャリア
ahomu
0
290
最近の Web パフォーマンス改善について知っておきたいコト
ahomu
50
20k
Web フロントエンドで大切なことはすべて Audits が教えてくれた
ahomu
1
630
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
53
7.7k
Faster Mobile Websites
deanohume
307
31k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Embracing the Ebb and Flow
colly
86
4.7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.3k
Done Done
chrislema
184
16k
Optimizing for Happiness
mojombo
379
70k
Writing Fast Ruby
sferik
628
61k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Transcript
$MBZMVNQ 8FC$PNQPOFOUTXJUI7JSUVBM%0. 2014/10/24
‣ UFNQMBUF7JSUVBM%0.TPVSDF ‣ XBZEBUBCJOEJOHqPX ‣ #VOEMFDPOWFOJFODFNPEVMFT CBDLCPOFTUZMFFWFOUEFMFHBUJPO NFTTBHJOHTZTUFNCXDPNQPOFOUT
TDPQFPCTFSWFS $PODFQU <template> Compiled DOM Structure VNodes DOM patch DPNQJMF DSFBUF SFOEFS BQQMZ EJ⒎ data
‣ DMBZMVNQQPMZpMMKT XFCDPNQPOFOUKT XJOEPXGFUDI FTQSPNJTF ‣ DMBZMVNQSVOUJNFKT SVOUJNFUFNQMBUFDPNQJMFS
‣ DMBZMVNQKT DPSFMJCSBSZ
ͦ͏͍͑ઌ ؒͷٳՋΛ ͱΓ·ͨ͠
‣ ຖʮ̑ؒͷಛผٳՋʯ͕औΕΔΈ ‣ લޙʹΛͤʮؒ̕ʯͷٳՋʹͳΔ ‣ ݴ͍ग़͢ʮ༐ؾʯͱߴͳʮௐྗʯ͕ඞཁ ‣ ٳΈ໌͚ͷग़͕ࣾॴଐ13+ͷϦϦʔεͰͨ͠ ɾТ ٳΜͰϑΝΠϒ
‣ ɹੴ֞ധɾόʔϕΩϡʔ ‣ ɹധɾ؍ޫ ‣ ɹදധɾϦκʔτתೳ ‣ ɹදധɾΞΫςΟϏςΟ ‣ ɹੴ֞ധɾϦκʔτתೳ
‣ ɹؼژɾౡυϥΠϒ ཱྀఔ
*4)*(",*53*1 ੴ֞ɾɾද 2014/10/24
୶ʑͱཱྀͷΛ͢Δ
දౡ
None
None
ΠϦΦϞςϠϚωί
‣ ඖ͘Β͍͕ੜଉ ‣ ຖɺަ௨ࣄނͰݮΔ ‣ ࠷ߴهͷඖ ‣ ఱવه೦͕ͩΑ͘ࢮ͵ ग़యIUUQJXDDBMBKQZN@LJLJIUN
χϥΧφΠ
߽՚
ਓؒͷΫζʹͳΕΔ
None
͏Θɺͦͬ͘Γ
461 4UBOE6Q1BEEMF#PBSE
ѥଳͷ๛͔ͳࣗવ
ΩϟχΦχϯά
Ӝ
None
ͽʔ͠ʹग़ձ͏
None
ޙઓɺւ༡ͼ
෩߸ɾ߸
ʜ
ବ
ੴ֞ౡ
ૣى͖Ϗʔν
ޚਆ࡚ల
Ψʔσϯύφ
͓͠ΌΕ
ฏ
ۄऔ࡚ల
݁ ! ൧͕͏·͍ ञ͕͏·͍ ۭ͕͓͍͋ ւ͕͖Ε͍
Ϗʔϧਫ Ή͠Ζ݈߁
‣ ΦϦΦϯϏʔϧגࣜձࣾɺຊͷେखϏʔϧϝʔΧʔɻ ԭೄݝʹຊڌΛஔ͘ɻϏʔϧͷϒϥϯυͰ͋ΔʮΦϦΦϯ υϥϑτʯΛࢦͯ͠ʮΦϦΦϯϏʔϧʯͱশ͢Δ͜ͱ͋ ΔɻγΣΞͰຊࠃୈҐɻ ‣ ԭೄຊౡ෦ͷ໊ޢࢢʹ།Ұͷੜ࢈Λ࣋ͪɺͦͷͨ Ίʮ໊ޢ͵ਫখʢͳ͝͵Έ͙͊͡ʔʣʹ໊ޢͷਫʯͱΑ Ε͍ͯΔɻ ΦϦΦϯϏʔϧWJB8JLQFEJB
!TVHJNPUP
࠷ऴ݁Ռ
ΦϦΦϯ Ϧοτϧ ˘A
ऴ