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
710
requestIdleCallback()による協調的バックグラウンド処理の実現 / requestIdleCallback()
anatoo
0
3.6k
Mastodonとその脱中央集権の仕組み
anatoo
11
21k
PHPに型推論を実装する ~入門編~ / Type inference on PHP
anatoo
6
9.8k
Cordova開発者が知っておきたいレンダリングエンジンの話 / HTML5 Conference 2015 in Kagoshima
anatoo
4
1.7k
PHPで学ぶVM型正規表現エンジンの仕組み
anatoo
8
7k
チームで作る!イケてるデザイン
anatoo
16
14k
Cordovaで作るHTML5ハイブリッドアプリ 〜開発ベストプラクティスを学ぶ〜
anatoo
27
18k
最新SPA開発を学ぼう! ウェブエンジニアのための AngularJS入門
anatoo
20
20k
Other Decks in Technology
See All in Technology
Amazon_CloudWatch_ログ異常検出_導入ガイド
tsujiba
4
1.5k
AWS re:Inventを徹底的に楽しむためのTips / Tips for thoroughly enjoying AWS re:Invent
yuj1osm
1
560
AWSコンテナ本出版から3年経った今、もし改めて執筆し直すなら / If I revise our container book
iselegant
15
3.9k
pandasはPolarsに性能面で追いつき追い越せるのか
vaaaaanquish
4
4.4k
30万人が利用するチャットをFirebase Realtime DatabaseからActionCableへ移行する方法
ryosk7
5
330
グローバル展開を見据えたサービスにおける機械翻訳プラクティス / dp-ai-translating
cyberagentdevelopers
PRO
1
150
ABEMA のコンテンツ制作を最適化!生成 AI x クラウド映像編集システム / abema-ai-editor
cyberagentdevelopers
PRO
1
180
Amazon FSx for NetApp ONTAPを利用するにあたっての要件整理と設計のポイント
non97
1
160
APIテスト自動化の勘所
yokawasa
7
4.1k
「最高のチューニング」をしないために / hack@delta 24.10
fujiwara3
21
3.4k
【技術書典17】OpenFOAM(自宅で極める流体解析)2次元円柱まわりの流れ
kamakiri1225
0
210
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
49k
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
81
5.2k
BBQ
matthewcrist
85
9.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
46
2.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Music & Morning Musume
bryan
46
6.1k
Designing on Purpose - Digital PM Summit 2013
jponch
115
6.9k
Building Adaptive Systems
keathley
38
2.2k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
Done Done
chrislema
181
16k
Raft: Consensus for Rubyists
vanstee
136
6.6k
GraphQLとの向き合い方2022年版
quramy
43
13k
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.ཁૉʹண
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ɻ