品質の岐路に立ったときの実装術／池田亮

by DIST

Slide 1

Slide 1 text

඼࣭ͷذ࿏ʹཱͬͨͱ͖ͷ࣮૷ज़ %*45

Slide 2

Slide 2 text

஑ా྄ w ϑϦʔϥϯεͷϑϩϯτΤϯυΤϯδχΞ w ΠϯλϥΫςΟϒͳ8FCαΠτͷ࣮૷͕ಘҙ w ෋ࢁࡏॅ !JLFSZPV ࣗݾ঺հ

Slide 3

Slide 3 text

࿩͢͜ͱ ίʔυͰಈ͖Λͭ͘Δͱ͖ͷෛՙରࡦ

Slide 4

Slide 4 text

࿩͢͜ͱ ԿΛଥڠͯ͠ɺԿΛ࢒͔͢

Slide 5

Slide 5 text

࿩͢͜ͱ ΫΦϦςΟΛམͱ͞ͳ͍ෛՙରࡦ

Slide 6

Slide 6 text

αϯϓϧ ͜Μͳͷ࡞͖ͬͯ·ͨ͠

Slide 7

Slide 7 text

αϯϓϧ GQT ϑϨʔϜϨʔτ

Slide 8

Slide 8 text

αϯϓϧ GQT ϑϨʔϜϨʔτ ඵؒʹॲཧ͞ΕΔϑϨʔϜ਺

Slide 9

Slide 9 text

αϯϓϧ GQTඵؒʹճը໘Λߋ৽ͯ͠Δͱ͍͏͜ͱ

Slide 10

Slide 10 text

αϯϓϧ XFCϒϥ΢βʹ͓͚ΔGQT͸͍͍ͩͨ

Slide 11

Slide 11 text

αϯϓϧ GQT͕ҎԼͷ৔߹͸ϒϥ΢βʹແ஡Λͤͯ͞ΔՄೳੑ͕͋Δɻɻɻ

Slide 12

Slide 12 text

αϯϓϧ GQT͸ϚγϯεϖοΫʹґଘ͢Δ .BD#PPL1SP GQT .BD#PPL"JS GQT

Slide 13

Slide 13 text

αϯϓϧ TUBUTKT https://github.com/mrdoob/stats.js/

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

ϦΞϧλΠϜ΅͔͠Λ΍ΊΔ ରࡦ

Slide 16

Slide 16 text

ॲཧଟΊɻɻɻ ରࡦ̍lϦΞϧλΠϜ΅͔͠Λ΍ΊΔz งғؾΛग़͠΍͍͢ԋग़͕ͩߴෛՙ

Slide 17

Slide 17 text

͋Β͔͡Ί΅͔ͨ͠ը૾Λ༻ҙ ରࡦ̍lϦΞϧλΠϜ΅͔͠Λ΍ΊΔz

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

େ͖͗͢ΔςΫενϟΛ࢖Θͳ͍ ରࡦ

Slide 20

Slide 20 text

େ͖͍ςΫενϟ͸ॲཧ͢Δσʔλྔ΋ଟ͍ ରࡦlେ͖͗͢ΔςΫενϟΛ࢖Θͳ͍z º º ෛՙߴ͍

Slide 21

Slide 21 text

લ໘͸େ͖͍ը૾ɺഎܠ͸খ͍͞ը૾Λ࢖͏ ɹ ରࡦlେ͖͗͢ΔςΫενϟΛ࢖Θͳ͍z º º

Slide 22

Slide 22 text

ૉࡐ͸࢖͍ճ͢ ରࡦ

Slide 23

Slide 23 text

ૉࡐ͕ͨ͘͞Μ͋Ε͹σʔλྔ΋ଟ͍ ରࡦlૉࡐ͸࢖͍ճ͢z HFPNFUSZ" NBUFSJBM" HFPNFUSZ# NBUFSJBM# HFPNFUSZ$ NBUFSJBM$ HFPNFUSZ% NBUFSJBM%

Slide 24

Slide 24 text

w HFPNFUPSZηάϝϯτ਺ গ w HFPNFUPSZηάϝϯτ਺ ଟ w NBUFSJBMը૾ খ w NBUFSJBMը૾ େ w NBUFSJBMը૾ খ ϫΠϠʔදݱ w NBUFSJBMը૾ େ ϫΠϠʔදݱ ରࡦlૉࡐ͸࢖͍ճ͢z

Slide 25

Slide 25 text

w HFPNFUPSZηάϝϯτ਺ গ w HFPNFUPSZηάϝϯτ਺ ଟ w NBUFSJBMϫΠϠʔදݱͳ͠ w NBUFSJBMϫΠϠʔදݱ͋Γ ରࡦlૉࡐ͸࢖͍ճ͢z

Slide 26

Slide 26 text

ϦΞϧදݱΛ͠ͳ͍ ରࡦ

Slide 27

Slide 27 text

ٿମʹ͍ۙ ରࡦlϦΞϧදݱΛ͠ͳ͍z ٿମ͔Βԕ͍ ෛՙߴ͍

Slide 28

Slide 28 text

GQTΛԼ͛Δ ରࡦ

Slide 29

Slide 29 text

GQTΛٙࣅతʹίϯτϩʔϧ͢Δ ରࡦlGQTΛԼ͛Δz

Slide 30

Slide 30 text

Renderer.render() ରࡦlGQTΛԼ͛Δz

Slide 31

Slide 31 text

if(updateCnt % 2 == 0){ Renderer.render() } ରࡦlGQTΛԼ͛Δz

Slide 32

Slide 32 text

εΫϩʔϧͯ͠ɺཁૉ͕ग़͖ͯͨΒGQTΛʹ͢Δ ରࡦlGQTΛԼ͛Δz

Slide 33

Slide 33 text

ը࣭Λམͱ͢ ରࡦ

Slide 34

Slide 34 text

ରࡦlը࣭Λམͱ͢z Renderer.setPixelRatio(0.5)

Slide 35

Slide 35 text

ରࡦlը࣭Λམͱ͢z ෛՙߴ͍ Renderer.setPixelRatio(2) Renderer.setPixelRatio(0.25)

Slide 36

Slide 36 text

w ϦΞϧλΠϜ΅͔͠Λ΍ΊΔ w େ͖͗͢ΔςΫενϟΛ࢖Θͳ͍ w ૉࡐ͸࢖͍ճ͢ w ϦΞϧදݱΛ͠ͳ͍ w GQTΛԼ͛Δ w ը࣭Λམͱ͢ ෛՙରࡦ

Slide 37

Slide 37 text

αϯϓϧ εΫϩʔϧ࿈ಈ͢Δ%0.ͷΞχϝʔγϣϯ ͪΐ͍ෳࡶ͔΋ɺɺ

Slide 38

Slide 38 text

ཁૉ৘ใͷऔಘ͸ޮ཰Α͘ ରࡦ

Slide 39

Slide 39 text

ରࡦlཁૉ৘ใͷऔಘ͸ޮ཰Α͘z εΫϩʔϧ࿈ಈΞχϝʔγϣϯ ޮ཰͍͍ํ๏໛ࡧதɻɻ

Slide 40

Slide 40 text

ରࡦlཁૉ৘ใͷऔಘ͸ޮ཰Α͘z w εΫϩʔϧҐஔ w λʔήοτͷߴ͞ w λʔήοτͷ:Ґஔ

Slide 41

Slide 41 text

ରࡦlཁૉ৘ใͷऔಘ͸ޮ཰Α͘z w εΫϩʔϧҐஔ w λʔήοτͷߴ͞ w λʔήοτͷ:Ґஔ

Slide 42

Slide 42 text

ରࡦlཁૉ৘ใͷऔಘ͸ޮ཰Α͘z w εΫϩʔϧҐஔ w λʔήοτͷߴ͞ w λʔήοτͷ:Ґஔ ຖϑϨʔϜ ߋ৽͍͚ͨ͠Ͳɺ ෛՙ৺഑ ϦαΠζ࣌ʹ ਖ਼֬ͳ৘ใΛͱΕͳ͍

Slide 43

Slide 43 text

ରࡦlཁૉ৘ใͷऔಘ͸ޮ཰Α͘z w εΫϩʔϧҐஔ w λʔήοτͷߴ͞ w λʔήοτͷ:Ґஔ ϑϨʔϜʹճ͚ͩऔಘ ˞ຖϑϨʔϜऔಘ͠ͳ͍

Slide 44

Slide 44 text

ରࡦlཁૉ৘ใͷऔಘ͸ޮ཰Α͘z if(updateCnt % 30 == 0){ updateTgInfo(); }

Slide 45

Slide 45 text

ରࡦlཁૉ৘ใͷऔಘ͸ޮ཰Α͘z ճ໨ͷ৘ใऔಘˡཁૉͷϦαΠζ׬ྃલͰਖ਼͘͠ͳ͍৘ใ ճ໨ͷ৘ใऔಘˡཁૉͷϦαΠζ׬ྃલͰਖ਼͘͠ͳ͍৘ใ ճ໨ͷ৘ใऔಘˡཁૉͷϦαΠζ׬ྃޙͳͷͰਖ਼͍͠৘ใ ճ໨ͷ৘ใऔಘˡཁૉͷϦαΠζ׬ྃޙͳͷͰਖ਼͍͠৘ใ ճ໨ͷ৘ใऔಘˡཁૉͷϦαΠζ׬ྃޙͳͷͰਖ਼͍͠৘ใ ճ໨ͷ৘ใऔಘˡཁૉͷϦαΠζ׬ྃޙͳͷͰਖ਼͍͠৘ใ

Slide 46

Slide 46 text

ରࡦlཁૉ৘ใͷऔಘ͸ޮ཰Α͘z w εΫϩʔϧҐஔ w λʔήοτͷߴ͞ w λʔήοτͷ:Ґஔ ճ͚ͩऔಘɻճ໨Ҏ߱͸औಘ͠ͳ͍ɻ 3FTJ[F࣌ʹɺ͜ͷ੍ݶճ਺͸Ϧηοτ͢Δɻ

Slide 47

Slide 47 text

ରࡦlཁૉ৘ใͷऔಘ͸ޮ཰Α͘z ճ໨ͷ৘ใऔಘˡཁૉͷϦαΠζ׬ྃલͰਖ਼͘͠ͳ͍৘ใ ճ໨ͷ৘ใऔಘˡཁૉͷϦαΠζ׬ྃલͰਖ਼͘͠ͳ͍৘ใ ճ໨ͷ৘ใऔಘˡཁૉͷϦαΠζ׬ྃޙͳͷͰਖ਼͍͠৘ใ ճ໨ͷ৘ใऔಘˡཁૉͷϦαΠζ׬ྃޙͳͷͰਖ਼͍͠৘ใ ճ໨ͷ৘ใऔಘˡཁૉͷϦαΠζ׬ྃޙͳͷͰਖ਼͍͠৘ใ ճ໨Ҏ߱৘ใͷऔಘ͸͠ͳ͍ ϦαΠζ͕ൃੜ