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
大量の要素を高速に表示するためのバーチャルレンダリング入門 / Virtual Renderi...
Search
久保田光則
February 22, 2017
Technology
8
11k
大量の要素を高速に表示するためのバーチャルレンダリング入門 / Virtual Rendering Introduction
第68回HTML5とか勉強会の資料です。
久保田光則
February 22, 2017
Tweet
Share
More Decks by 久保田光則
See All by 久保田光則
サーバサイドだけでReact使う / React as Template Engine
anatoo
1
750
requestIdleCallback()による協調的バックグラウンド処理の実現 / requestIdleCallback()
anatoo
0
3.7k
Mastodonとその脱中央集権の仕組み
anatoo
11
21k
PHPに型推論を実装する ~入門編~ / Type inference on PHP
anatoo
6
9.9k
Cordova開発者が知っておきたいレンダリングエンジンの話 / HTML5 Conference 2015 in Kagoshima
anatoo
4
1.7k
PHPで学ぶVM型正規表現エンジンの仕組み
anatoo
8
7.1k
チームで作る!イケてるデザイン
anatoo
16
14k
Cordovaで作るHTML5ハイブリッドアプリ 〜開発ベストプラクティスを学ぶ〜
anatoo
27
18k
最新SPA開発を学ぼう! ウェブエンジニアのための AngularJS入門
anatoo
20
20k
Other Decks in Technology
See All in Technology
AWSを活用したIoTにおけるセキュリティ対策のご紹介
kwskyk
0
400
AI Agent時代なのでAWSのLLMs.txtが欲しい!
watany
3
250
困難を「一般解」で解く
fujiwara3
7
1.2k
Apache Iceberg Case Study in LY Corporation
lycorptech_jp
PRO
0
340
株式会社Awarefy(アウェアファイ)会社説明資料 / Awarefy-Company-Deck
awarefy
3
11k
ABWG2024採択者が語るエンジニアとしての自分自身の見つけ方〜発信して、つながって、世界を広げていく〜
maimyyym
1
190
役員・マネージャー・著者・エンジニアそれぞれの立場から見たAWS認定資格
nrinetcom
PRO
4
6.4k
サイト信頼性エンジニアリングとAmazon Web Services / SRE and AWS
ymotongpoo
7
1.7k
Pwned Labsのすゝめ
ken5scal
2
460
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
440
JAWS DAYS 2025 アーキテクチャ道場 事前説明会 / JAWS DAYS 2025 briefing document
naospon
0
2.5k
技術スタックだけじゃない、業務ドメイン知識のオンボーディングも同じくらいの量が必要な話
niftycorp
PRO
0
110
Featured
See All Featured
Gamification - CAS2011
davidbonilla
80
5.2k
A Philosophy of Restraint
colly
203
16k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Agile that works and the tools we love
rasmusluckow
328
21k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Navigating Team Friction
lara
183
15k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Transcript
େྔͷཁૉΛߴʹදࣔ͢Δ όʔνϟϧϨϯμϦϯάೖ "TQFDUJWF--$ٱอాޫଇ!BOBUPP
ࣗݾհ ٱอాޫଇ "TQFDUJWF--$ද !BOBUPP HJUIVCDPNBOBUPP
ΞδΣϯμ όʔνϟϧϨϯμϦϯάͱ Έͱ࣮
όʔνϟϧϨϯμϦϯάͱ
όʔνϟϧϨϯμϦϯάͱ ύϑΥʔϚϯεͷͨΊͷςΫχοΫ ΣϒϖʔδʹେྔͷཁૉΛߴʹ දࣔ͢ΔͨΊͷςΫχοΫ
େྔͬͯͲΕ͙Β͍
ઍ͔Βඦສͷཁૉ
࣮ྫ (PPHMF4QSFBETIFFU
None
ͳͥඞཁ ී௨ʹࢁͷཁૉΛදࣔ͢ΔͱͲ͏ͳΔ͔ ྫ͑%0.ཁૉΛेສݸՃ͢ΔͱͲ͏ ͳΔ͔ ϨϯμϦϯά͕ͱͯॏͨ͘ͳΔ
IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQFSGPSNBODFSFOEFSJOH ϨϯμϦϯάͷྲྀΕ
શ%0.ཁૉͷ ελΠϧΛܭࢉ
શͯͷࢹ֮ཁૉͷ ϨΠΞτΛܭࢉ
શͯͷࢹ֮ཁૉΛ ඳը͢ΔͨΊͷ໋ྩΛ ੜͯ͠ϥελϥΠζ
Έ্͠ΐ͏͕ͳ͍ %0.ཁૉ͕૿͑Ε૿͑Δ΄Ͳ ϨϯμϦϯά͕ॏͨ͘ͳΔ ΠϯλϥΫγϣϯͷࡍͷ࠶ϨϯμϦ ϯάॏͨ͘ͳΔ
͜Εʹର͢Δબࢶ ཁ݅Λมߋ͢Δ ཁ݅Λม͑ͣʹٕज़Ͱղܾ͢Δ
ཁ݅Λมߋ͢Δ
ϖʔδૹΓΛ࠾༻͢Δ ੲͳ͕ΒͷΓํ
ϖʔδૹΓΛ࠾༻ͨ͘͠ͳ͍߹ 41"ͰϦονͳମݧΛఏڙ͍ͨ͠ $PSEPWBͰϞόΠϧΞϓϦͬΆ͍ͨ͘͠ &MFDUSPOͰσεΫτοϓΞϓϦͬΆ͍ͨ͘͠ (PPHMF4QSFBETIFFUͳͲΞϓϦέʔγϣϯͷ ಛੑ্ϖʔδૹΓͰ͖ͳ͍߹
ཁ݅Λม͑ͣʹόʔνϟϧ ϨϯμϦϯάͰղܾ͢Δ
όʔνϟϧϨϯμϦϯά ࣮࣭తඳը %0.ཁૉΛಈతʹཧ͢ΔΈ
جຊతͳΞΠσΞ ຊʹඞཁͳ%0.ཁૉ͚ͩΛϩʔυ ඞཁͳ͘ͳͬͨΒΞϯϩʔυ͢Δ %0.ཁૉΛ͑Δ
ຊʹඞཁͳ%0.ཁૉͱ
http:// ϒϥβͷWJFXQPSU
ίϯςϯπશମ
http:// ϒϥβͷWJFXQPSU ίϯςϯπશମ
WJFXQPSU͔Β֎Εͨཁૉඳը ͠ͳͯ͘ྑ͍ͷͰ
ίϯςϯπશମ όʔνϟϧϨϯμϦϯά http:// ϒϥβͷWJFXQPSU ίϯςϯπશମ ී௨ʹදࣔ
ݟ͑ͳ͍෦ͷඳըΛαϘΔ
ΞϧΰϦζϜͷྲྀΕ
εΫϩʔϧྖҬͷ֬อ %0.ཁૉͷϩʔυɾΞϯϩʔυ εΫϩʔϧΛิͯ͠ʹΔ
εΫϩʔϧྖҬͷ֬อ εΫϩʔϧྖҬΛܭࢉ͢Δ ۭͷ%*7Λ࡞ͬͯεΫϩʔϧྖҬΛ ֬อ͢Δ
http:// ϒϥβͷWJFXQPSU ίϯςϯπશମ
%0.ཁૉͷϩʔυͱΞϯϩʔυ WJFXQPSUʹԿ͕ϨϯμϦϯά͞ΕΔ ͷ͔Λܭࢉͯ͠%0.ཁૉΛϩʔυ͢Δ WJFXQPSU͔Β֎Εͨ%0.ཁૉΛΞϯ ϩʔυ͢Δ
http:// ϒϥβͷWJFXQPSU ίϯςϯπશମ ϩʔυ
εΫϩʔϧΛݕ͢Δ εΫϩʔϧ͕͋ΔͱWJFXQPSUͷҐஔ มΘΔͷͰॲཧΛΓ͢
http:// ϒϥβͷWJFXQPSU ίϯςϯπશମ εΫϩʔϧ
http:// ϒϥβͷWJFXQPSU ίϯςϯπશମ ϩʔυ Ξϯϩʔυ
ઃܭ࣮࣌ͷΈͲ͜Ζ
WJFXQPSUʹରԠ͢Δ%0.ཁૉͱҐஔΛ Ͳ͏ͬͯಛఆ͢Δͷ͔ http:// ϒϥβͷWJFXQPSU ίϯςϯπશମ
֤ཁૉͷେ͖͕͞ݻఆͳΒ؆୯
http:// ϒϥβͷWJFXQPSU ίϯςϯπશମ Ծతͳ ཁૉͷϦετ ^%0.πϦʔʹ ಡΈࠐΉ͖ ཁૉ
֤ཁૉͷେ͖͕͞ෆఆͰ͋Δ߹
http:// ϒϥβͷWJFXQPSU ίϯςϯπશମ Ծతͳ ཁૉͷϦετ ^%0.πϦʔʹ ಡΈࠐΉ͖ ཁૉ ͦΕͳΓʹܭࢉ͢Ε·͋େৎ
֤ཁૉͷେ͖͕͞ෆఆ͔ͭ େ͖͕͞ࣄલʹΘ͔Βͳ͍߹
http:// ϒϥβͷWJFXQPSU ίϯςϯπશମ Ծతͳ ཁૉͷϦετ %0.πϦʔʹ ಡΈࠐΉ͖ ཁૉͲΕ ͲͷҐஔʹ %0.ཁૉΛ
දࣔ͢Εྑ͍
ཁૉͷେ͖͕͞Θ͔Βͳ͍߹ ֤ཁૉͷେ͖͞ΛԾͰ͓࣋ͬͯ͘ εΫϩʔϧൣғͷେ͖͞ΛԾͰܭࢉ͢Δ ϨϯμϦϯά͔ͯ͠Βཁૉͷେ͖͞Λ HFU#PVOEJOH$MJFOU3FDU ͳͲΛͬͯอଘ͓ͯ͘͠
'PSDFE4ZODISPOPVT-BZPVUΛى͕ͪ͜͠ ࣮ࡍͷཁૉͷେ͖͕͞Θ͔ͬͨΒཁૉͷҐஔεΫ ϩʔϧൣғεΫϩʔϧҐஔΛߋ৽͢Δ
݁ߏ໘
՝
՝ εΫϩʔϧͰ'14ग़͢ͷ͕͍͠ εΫϩʔϧΠϕϯτΛิͯ͠ɺͱ ͍͏ܗʹͳΔͷͰͦͷεΫϩʔϧ ͕ॏͨ͘ͳΔ
՝ղܾͷΞϓϩʔν 1BTTJWF&WFOU-JTUFOFS *OUFSTFDUJPO0CTFSWFS
ิ
ิطଘͷ࣮ 0OTFO6*ͷPOTMB[ZMPBE 3FBDUKT༻ͷSFBDUWJSUVBMJ[FE "OHVMBS༻ͷBOHVMBSWJSUVBMMJTU ͳͲ
ิແݶεΫϩʔϧͱͷҧ͍ ແݶεΫϩʔϧͰɺ%0.ཁૉͷ ͲΜͲΜ૿͍͑ͯ͘ɻݮΒͳ͍ όʔνϟϧϨϯμϦϯάͱซ༻͞Ε Δ͜ͱ͋Γ
·ͱΊ %0.ཁૉ͕૿͑Δͱॏͨ͘ͳΔ ಈతʹ%0.ཁૉͷΛௐ͢Δͷ ͕όʔνϟϧϨϯμϦϯά ࣮ࡍʹදࣔ͞ΕΔ%0.ཁૉʹண
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ɻ