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
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
1.1k
roppongirb_20250911
igaiga
1
240
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの?
smt7174
4
190
AWSを利用する上で知っておきたい名前解決のはなし(10分版)
nagisa53
10
3.2k
自作JSエンジンに推しプロポーザルを実装したい!
sajikix
1
190
機械学習を扱うプラットフォーム開発と運用事例
lycorptech_jp
PRO
0
560
EncryptedSharedPreferences が deprecated になっちゃった!どうしよう! / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
yanzm
0
470
20250913_JAWS_sysad_kobe
takuyay0ne
2
240
いま注目のAIエージェントを作ってみよう
supermarimobros
0
340
OCI Oracle Database Services新機能アップデート(2025/06-2025/08)
oracle4engineer
PRO
0
170
「その開発、認知負荷高すぎませんか?」Platform Engineeringで始める開発者体験カイゼン術
sansantech
PRO
2
110
Agile PBL at New Grads Trainings
kawaguti
PRO
1
440
Featured
See All Featured
Building an army of robots
kneath
306
46k
Large-scale JavaScript Application Architecture
addyosmani
513
110k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Language of Interfaces
destraynor
161
25k
Code Reviewing Like a Champion
maltzj
525
40k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
530
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Facilitating Awesome Meetings
lara
55
6.5k
Typedesign – Prime Four
hannesfritz
42
2.8k
The Art of Programming - Codeland 2020
erikaheidi
56
13k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
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.ཁૉʹண
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ɻ