hatena-engineer-seminar-10

by tkzwtks

Slide 1

Slide 1 text

͸ͯͳͱ WebϚϯΨαʔϏεͷ าΈ Hatena Engineer Seminar #10 id:tkzwtks ʢ୍ᖒ ਸʣ

Slide 2

Slide 2 text

ࣗݾ঺հ id:tkzwtks ୍ᖒ ਸ • 2016೥11݄ೖࣾ • ୲౰αʔϏε • ϚϯΨαʔϏεશൠ • ΧΫϤϜʢKADOKAWA༷ʣ

Slide 3

Slide 3 text

ຊ೔͓࿩͢͠Δ͜ͱ

Slide 4

Slide 4 text

ຊ೔͓࿩͢͠Δ͜ͱ • ͸ͯͳͰ։ൃɾఏڙ͍ͯ͠ΔϚϯΨϏϡʔϫʔ ʮGigaViewerʯΛத৺ͱͨ͠ɺ͸ͯͳͱWebϚϯΨαʔϏε ͷาΈ • ͸ͯͳͰWebϚϯΨαʔϏεΛ࡞Δ࣌ʹɺΤϯδχΞͱͯ͠ ߟ͍͑ͯΔ͜ͱ

Slide 5

Slide 5 text

GigaViewerͱ͸

Slide 6

Slide 6 text

GigaViewerͱ͸ • ͸ͯͳͰ։ൃͨ͠ɺWebαΠτͰͷ ϚϯΨӾཡʹಛԽ͠ɺϢʔβʔ͕շ దʹϚϯΨ࡞඼Λָ͠ΉͨΊͷػೳ Λඋ͑ͨϚϯΨϏϡʔϫ΍ɺίϯς ϯπొ࿥΍ฤ੒؅ཧ༻ͷ؅ཧը໘ͳ Ͳ΋ؚΊͨWebϚϯΨ഑৴αʔϏε • Viewerͱ͍͏໊લ͕ͩϚϯΨΛಡ ΉϏϡʔϫʔ͚ͩΛࢦ͍ͯ͠ΔΘ ͚Ͱ͸ͳ͍

Slide 7

Slide 7 text

໨ࢦ͍ͯ͠Δ΋ͷ

Slide 8

Slide 8 text

GigaViewer͕໨ࢦ͍ͯ͠Δ΋ͷ • ͱʹ͔͘շదʹWebϚϯΨΛָ͠ΊΔΑ͏ͳϏϡʔϫʔͷ։ ൃ • ॎಡΈɾGIFΞχϝʔγϣϯը૾౳ɺWebϚϯΨͳΒͰ͸ ͷ৽͍͠දݱ΁΋ରԠ • αʔϏεఏڙऀͷӡ༻ίετ࡟ݮ • গ͠Ͱ΋ӡ༻࡞ۀָ͕ʹͳΔΑ͏ʹ • ϚωλΠζ

Slide 9

Slide 9 text

GigaViewerҎલ • 2014೥9݄ • গ೥δϟϯϓϧʔΩʔʢݱʮδϟϯϓϧʔΩʔʂʯʣ • 2015೥9݄ • ͋ͨ͠ͷϠϯάδϟϯϓ • 2016೥3݄ • ͱͳΓͷϠϯάδϟϯϓ Ϗϡʔϫʔఏڙ

Slide 10

Slide 10 text

δϟϯϓʴ Web൛ ϦχϡʔΞϧ 2017೥1݄

Slide 11

Slide 11 text

δϟϯϓʴWeb൛ϦχϡʔΞϧ • ࠷ॳͷGigaViewerಋೖࣄྫ • δϟϯϓϧʔΩʔʂ / ͋ͨ͠ͷϠϯάδϟϯϓͰಘͨ஌ݟ ΛݩʹɺGigaViewerΛ։ൃ • ͦΕ·ͰͷWeb൛ΛϦχϡʔΞϧ • ϚϯΨΛಡΈʹ͖͍ͯΔී௨ͷϢʔβʔ޲͚ͷػೳ͚ͩͰ ͸ͳ͘ɺʮWebϚϯΨαʔϏεΛӡӦ͢ΔͨΊʹඞཁͳ࢓ ૊ΈʯΛ։ൃ

Slide 12

Slide 12 text

δϟϯϓʴWeb൛ϦχϡʔΞϧ • ͸ͯͳʹ͸ɺϚϯΨ഑৴४උ౳ͷ೔ʑͷӡ༻ʹؔ͢Δ஌ࣝ͸ ΄ͱΜͲͳ͔ͬͨ • ӡ༻͍͍͍ͯͨͩͯ͠Δձࣾͷํʑ౳ͱࡉ͔͘ίϛϡχέ ʔγϣϯΛऔΔ • GigaViewerͰʮδϟϯϓʴWeb൛ʯΛӡ༻ՄೳʹͰ͖Δ Α͏ͳػೳΛ࣮૷͍ͯ͘͠

Slide 13

Slide 13 text

δϟϯϓʴWeb൛ϦχϡʔΞϧ • ࡞ͬͨ΋ͷ͸·ͣ৮͍ͬͯͨͩ͘ • ʮͪ͜Β͕૝ఆ͍ͯ͠ͳ͍࢖ΘΕํʯΛग़ͯ͠΋Β͏ͨΊ • গͮͭ͠ϑΟʔυόοΫΛ௖͖ɺվળ͢Δͱ͍͏͜ͱΛ܁ Γฦ͢ • ࠷ॳ͔Β׬ᘳͳঢ়ଶʹ͢ΔͷͰ͸ͳ͘ɺঃʑʹվળ͍ͯ͘͠

Slide 14

Slide 14 text

δϟϯϓʴWeb൛ϦχϡʔΞϧ • ͸ͯͳͰ͜Ε·Ͱओʹ΍͖ͬͯͨUGCαʔϏεͰ͸ͳ͘ɺ ʮެࣜͷWebϚϯΨαʔϏεʯ • αΠτΦʔϓϯͱಉ࣌ʹେྔͷίϯςϯπΛ४උ͢Δඞཁ ͕͋ͬͨ • ϦϦʔε௚લ͸ɺ४උͭͭ͠طଘͷαΠτͱฒߦӡ༻

Slide 15

Slide 15 text

δϟϯϓʴWeb൛ϦχϡʔΞϧ • ެࣜαΠτͳͷͰɺࣦഊͰ͖ͳ͍ۓுײ͕͋ͬͨ • ۓுײ͸ָ͕͋ͬͨ͠Έ΋͋ͬͨ • δϟϯϓʴWebͷϦχϡʔΞϧͰʮެࣜͷWebϚϯΨαʔϏ εΛӡӦ্͍ͯ͘͠Ͱඞཁͳ͜ͱʯͷ஌ݟΛͨΊ͍ͯ͘

Slide 16

Slide 16 text

ͱͳΓͷ Ϡϯάδϟϯϓ ϦχϡʔΞϧ 2017೥10݄

Slide 17

Slide 17 text

ͱͳΓͷϠϯάδϟϯϓϦχϡʔΞϧ • GigaViewerͷ2ྫ໨ͷ࠾༻ • ΞϓϦέʔγϣϯΛϚϧνςφϯτԽ • gifը૾ͷೖߘʹ΋ରԠ • δϟϯϓʴͰͷ஌ݟΛ΋ͱʹӡ༻πʔϧ౳Λվྑ • मਖ਼ࣗମ͸δϟϯϓʴʹ΋ؐݩ͞ΕΔΑ͏ͳܗʹ • ӡ༻͍͍͍ͯͨͩͯ͠Δํʑͷཁ๬Λฉ͍͍ͯ͘

Slide 18

Slide 18 text

ϚΨδϯϙέοτ Web൛ ϦχϡʔΞϧ 2017೥10݄

Slide 19

Slide 19 text

ϚΨϙέWebϦχϡʔΞϧ • 3ྫ໨ͷ࠾༻ • ΞϓϦέʔγϣϯͷϚϧνςφϯτԽʹΑΓɺૉૣ͘ϦϦʔ ε੒ޭ • ʮ࿈ࡌҰཡϖʔδʯ౳ɺ͜Ε·Ͱʹ࣮૷͖ͯͨ͠ػೳʢࢿ ࢈ʣΛར༻Մೳ

Slide 20

Slide 20 text

ϚϧνςφϯτܕΞʔΩςΫνϟಋೖ • ҰͭͷΞϓϦέʔγϣϯͰɺෳ਺ͷαΠτΛαʔϏεͰ͖Δ Α͏ʹ • ෳ਺αΠτͰɺҰͭͷDBΛڞ༗ • ϚϯΨը૾ࣗମ͸αΠτຖʹ؅ཧ • ։ൃ౰ॳݕ౼͸͍͕ͯͨ͠ɺ࠷ॳ͸ݟૹ͍ͬͯͨ

Slide 21

Slide 21 text

ϚϧνςφϯτܕΞʔΩςΫνϟಋೖ • ෳ਺ͷαΠτΛҰͭͷΞϓϦέʔγϣϯ্Ͱӡ༻Ͱ͖ΔΑ͏ ʹͯ͠ɺͰ͖Δ͚ͩૉૣ͘αʔϏε͕։࢝Ͱ͖ΔΑ͏ʹ͢Δ • ҰॠͰαΠτΛ૿΍ͤΔͱ͍͏͜ͱͰ͸ͳ͘ɺ޻਺Λ࡟ݮ ͢Δɺͱ͍͏ҙຯ

Slide 22

Slide 22 text

ϚϧνςφϯτܕΞʔΩςΫνϟಋೖ • ػೳΛ௥ՃͰଞͷαΠτͰ΋ར༻͢Δ͜ͱ͕ՄೳʹͳΔ • ࿈ࡌҰཡ / Ӿཡཤྺอ࣋ / ϒϩάύʔπ౳ • αΠτ͝ͱͷΧελϚΠζ΋Մೳ • ͱͳΓͷϠϯάδϟϯϓͷʮίϚετϦʔϜʯʢτοϓϖ ʔδ্෦ͷϚϯΨͷίϚ෦෼ʣͷΑ͏ͳઐ༻ͷػೳͷ࣮૷

Slide 23

Slide 23 text

ίϛοΫDAYS ϦϦʔε 2018೥2݄

Slide 24

Slide 24 text

ίϛοΫDAYS • 4ྫ໨ͷ࠾༻ • ʮແྉͷWebϚϯΨʯ͚ͩͰͳ͘ɺ༗ྉϚϯΨ΋૿͑ͨͨ ΊɺϚϯΨΛചΔͨΊͷػೳΛ௥Ճ͍ͯ͘͠ • ϢʔβʔΞΧ΢ϯτ / ϙΠϯτͰͷϚϯΨߪೖ / ܾࡁ etc... • ࣮૷͢΂͖ػೳ͕Ұؾʹ૿͑Δ

Slide 25

Slide 25 text

ϚΠΫϩαʔϏε vs ϞϊϦγοΫ খ͞ͳαʔϏεͱͯ͠৽نػೳΛ࣮૷͍͖ͯ͠ɺଞͷαΠτͰ ΋࢖͑ΔΑ͏ʹͰ͖ΔΑ͍ͷͰ͸ͳ͍͔ʁ • খ͞ͳαʔϏεͱͯ͠࡞͓͚ͬͯ͹ϝϯς͠΍͍͢ͷͰ͸ʁ

Slide 26

Slide 26 text

ϚΠΫϩαʔϏε vs ϞϊϦγοΫ ݁ہ͸ݟૹͬͨ • ࠓޙͦ͏͍͏αΠτ͕ଞʹ΋ग़ͯ͘Δ͔Ͳ͏͔͸Θ͔Βͳ ͍ɺ ະདྷͷ͜ͱ͸Θ͔Βͳ͍ • ࠷ॳ͔Β෼ׂ͢ΔΑΓɺϞϊϦγοΫʹ࣮૷ͭͭ͠ɺޙ͔Β গͮͭ͠෼ׂ͢Δ΄͏͕෼ׂ͠΍͍͢ʢ͸ͣʣ

Slide 27

Slide 27 text

ίϛοΫDAYS • ʮίϛοΫDAYSͰͷϢʔεέʔεʯͷΈʹϑΥʔΧεͯ͠ඞ ཁͳػೳΛ෼ׂ͠ɺ࣮૷͍ͯ͘͠ • ଞͷαΠτͰ࢖͏ࣄʹͳͬͨ৔߹ʹ͸΋͏Ұ౓ݟ௚͢ɺͱ ͍͏લఏ • ͦΕҎ֎͸ࠓ·ͰͰطʹ࣮૷ࡁΈͩͬͨ΋ͷΛར༻ • νʔϜͱͯ͠͸ܾࡁؔ࿈ػೳ͸ॳΊͯͷ௅ઓ͕ͩͬͨɺ༧ఆ ௨ΓϦϦʔεͰ͖ͨ

Slide 28

Slide 28 text

͘Β͛όϯν ϦχϡʔΞϧ 2018೥4݄

Slide 29

Slide 29 text

͘Β͛όϯν • 5ྫ໨ͷ࠾༻ • ৽ػೳ΋௥Ճͭͭ͠ɺ໿1ϲ݄൒ఔ౓ͰϦϦʔεͰ͖ͨ • ͜Ε·Ͱͷࢿ࢈Λར༻Մೳ • ޻਺ΛͰ͖Δ͚ͩݮΒͯ͠ૉૣ͘ϦϦʔε

Slide 30

Slide 30 text

ٕज़తʹͲ͏͍͏ઓུΛͱ͖͔ͬͯͨ ໿1೥൒ΛৼΓฦͬͯΈΔ • ඞཁͳػೳΛগͮͭ͠૿΍͍ͯ͘͠ • ະདྷͷ͜ͱ͸૝૾Ͱ͖ͳ͍ • ඞཁͷແͦ͞͏ͳ࡞ΓࠐΈ͸͠ͳ͍ • ୯७ʹʮࠓ͸͜Ε͸΍Βͳ͍ʯΈ͍ͨʹఘΊΔ • Ͱ͖Δ͚ͩૉૣ͘ɺ࣮֬ʹϦϦʔε͢Δ

Slide 31

Slide 31 text

ٕज़తʹͲ͏͍͏ઓུΛͱ͖͔ͬͯͨ • ৽ػೳΛ૿΍͢ʁ or طଘͷ΋ͷ͕࢖͑Δʁ • मਖ਼͢Ε͹ଞͷαΠτͰ΋ར༻ՄೳͳΒमਖ਼͢Δͷ͕ૣ͍ • ϞϊϦγοΫ / ϚϧνςφϯτͳΞʔΩςΫνϟ • ݱ࣌఺Ͱ͸͏·͍͍ͬͯ͘Δ • ػೳΛԣల։͠΍͍͢ͷͰɺଘࡏ͢ΔػೳΛར༻Ͱ͖Ε͹ ޻਺ΛݮΒͭͭ͠αΠτΛΦʔϓϯՄೳ

Slide 32

Slide 32 text

WebϚϯΨαʔϏεΛ࡞Δ࣌ʹҰ؏͠ ͯߟ͍͑ͯΔ͜ͱ • ʮ͓٬༷Λࣗ෼ͨͪͷٕज़Ͱॿ͚ΔʯʮҰॹʹαʔϏεΛ࡞ ͍ͬͯ͘ʯͱ͍͏ؾ࣋ͪ • slack౳Λར༻ͯ͠ίϛϡχέʔγϣϯ͸ີʹ͢Δ • େྔͷίϯςϯπͷΠϯϙʔτ౳ɺӡ༻ͰͷࠔΓࣄΛαϙ ʔτ • ίϯςϯπΛͱʹ͔͘େࣄʹ͢Δ

Slide 33

Slide 33 text

WebϚϯΨαʔϏεΛ࡞Δ࣌ʹҰ؏͠ ͯߟ͍͑ͯΔ͜ͱ • ࣗ෼ͨͪͷ੒௕΍௅ઓ΋ߟ͑Δ • ৽͍͜͠ͱʹ΋௅ઓͯ͠ɺࣗ෼͕ͨͪͰ͖Δ͜ͱΛ૿΍͢ • ৽͍͠௅ઓʹ͍ͭͯ͸͓٬༷ʹ΋ఏҊ͢Δ

Slide 34

Slide 34 text

GigaViewerΛগͮͭ͠ ਐา͍͖ͤͯ͞ɺWebϚ ϯΨαʔϏεΛ͞Βʹൃ ల͍͖ͤͯ͞·͢