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
800
requestIdleCallback()による協調的バックグラウンド処理の実現 / requestIdleCallback()
anatoo
0
3.9k
Mastodonとその脱中央集権の仕組み
anatoo
11
21k
PHPに型推論を実装する ~入門編~ / Type inference on PHP
anatoo
6
10k
Cordova開発者が知っておきたいレンダリングエンジンの話 / HTML5 Conference 2015 in Kagoshima
anatoo
4
1.8k
PHPで学ぶVM型正規表現エンジンの仕組み
anatoo
8
7.2k
チームで作る!イケてるデザイン
anatoo
16
14k
Cordovaで作るHTML5ハイブリッドアプリ 〜開発ベストプラクティスを学ぶ〜
anatoo
27
18k
最新SPA開発を学ぼう! ウェブエンジニアのための AngularJS入門
anatoo
20
20k
Other Decks in Technology
See All in Technology
AIエージェントを支える設計
tkikuchi1002
12
2.9k
地域コミュニティへの「感謝」と「恩返し」 / 20250726jawsug-tochigi
kasacchiful
0
120
AWS表彰プログラムとキャリアについて
naoki_0531
1
150
AWS re:Inforce 2025 re:Cap Update Pickup & AWS Control Tower の運用における考慮ポイント
htan
1
140
帳票構造化タスクにおけるLLMファインチューニングの性能評価
yosukeyoshida
1
220
【2025 Japan AWS Jr. Champions Ignition】点から線、線から面へ〜僕たちが起こすコラボレーション・ムーブメント〜
amixedcolor
1
110
ファインディにおける Dataform ブランチ戦略
hiracky16
0
250
Mambaで物体検出 完全に理解した
shirarei24
2
170
AI によるドキュメント処理を加速するためのOCR 結果の永続化と再利用戦略
tomoaki25
0
310
2025-07-25 NOT A HOTEL TECH TALK ━ スマートホーム開発の最前線 ━ SOFTWARE
wakinchan
0
200
2025-07-31: GitHub Copilot Agent mode at Vibe Coding Cafe (15min)
chomado
2
310
【CEDEC2025】『Shadowverse: Worlds Beyond』二度目のDCG開発でゲームをリデザインする~遊びやすさと競技性の両立~
cygames
PRO
1
230
Featured
See All Featured
A better future with KSS
kneath
238
17k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
RailsConf 2023
tenderlove
30
1.2k
Writing Fast Ruby
sferik
628
62k
Practical Orchestrator
shlominoach
190
11k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
770
Facilitating Awesome Meetings
lara
54
6.5k
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.ཁૉʹண
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ɻ