hatena-engineer-seminar-10

Hatena Engineer Seminar #10 でお話した資料です

Transcript

1. ͸ͯͳͱ WebϚϯΨαʔϏεͷ าΈ Hatena Engineer Seminar #10 id:tkzwtks ʢ୍ᖒ ਸʣ
2. ࣗݾ঺հ id:tkzwtks ୍ᖒ ਸ • 2016೥11݄ೖࣾ • ୲౰αʔϏε • ϚϯΨαʔϏεશൠ • ΧΫϤϜʢKADOKAWA༷ʣ
3. ຊ೔͓࿩͢͠Δ͜ͱ
4. ຊ೔͓࿩͢͠Δ͜ͱ • ͸ͯͳͰ։ൃɾఏڙ͍ͯ͠ΔϚϯΨϏϡʔϫʔ ʮGigaViewerʯΛத৺ͱͨ͠ɺ͸ͯͳͱWebϚϯΨαʔϏε ͷาΈ • ͸ͯͳͰWebϚϯΨαʔϏεΛ࡞Δ࣌ʹɺΤϯδχΞͱͯ͠ ߟ͍͑ͯΔ͜ͱ
5. GigaViewerͱ͸
6. GigaViewerͱ͸ • ͸ͯͳͰ։ൃͨ͠ɺWebαΠτͰͷ ϚϯΨӾཡʹಛԽ͠ɺϢʔβʔ͕շ దʹϚϯΨ࡞඼Λָ͠ΉͨΊͷػೳ Λඋ͑ͨϚϯΨϏϡʔϫ΍ɺίϯς ϯπొ࿥΍ฤ੒؅ཧ༻ͷ؅ཧը໘ͳ Ͳ΋ؚΊͨWebϚϯΨ഑৴αʔϏε • Viewerͱ͍͏໊લ͕ͩϚϯΨΛಡ ΉϏϡʔϫʔ͚ͩΛࢦ͍ͯ͠ΔΘ ͚Ͱ͸ͳ͍
7. ໨ࢦ͍ͯ͠Δ΋ͷ
8. GigaViewer͕໨ࢦ͍ͯ͠Δ΋ͷ • ͱʹ͔͘շదʹWebϚϯΨΛָ͠ΊΔΑ͏ͳϏϡʔϫʔͷ։ ൃ • ॎಡΈɾGIFΞχϝʔγϣϯը૾౳ɺWebϚϯΨͳΒͰ͸ ͷ৽͍͠දݱ΁΋ରԠ • αʔϏεఏڙऀͷӡ༻ίετ࡟ݮ • গ͠Ͱ΋ӡ༻࡞ۀָ͕ʹͳΔΑ͏ʹ • ϚωλΠζ
9. GigaViewerҎલ • 2014೥9݄ • গ೥δϟϯϓϧʔΩʔʢݱʮδϟϯϓϧʔΩʔʂʯʣ • 2015೥9݄ • ͋ͨ͠ͷϠϯάδϟϯϓ • 2016೥3݄ • ͱͳΓͷϠϯάδϟϯϓ Ϗϡʔϫʔఏڙ
10. δϟϯϓʴ Web൛ ϦχϡʔΞϧ 2017೥1݄
11. δϟϯϓʴWeb൛ϦχϡʔΞϧ • ࠷ॳͷGigaViewerಋೖࣄྫ • δϟϯϓϧʔΩʔʂ / ͋ͨ͠ͷϠϯάδϟϯϓͰಘͨ஌ݟ ΛݩʹɺGigaViewerΛ։ൃ • ͦΕ·ͰͷWeb൛ΛϦχϡʔΞϧ • ϚϯΨΛಡΈʹ͖͍ͯΔී௨ͷϢʔβʔ޲͚ͷػೳ͚ͩͰ ͸ͳ͘ɺʮWebϚϯΨαʔϏεΛӡӦ͢ΔͨΊʹඞཁͳ࢓ ૊ΈʯΛ։ൃ
12. δϟϯϓʴWeb൛ϦχϡʔΞϧ • ͸ͯͳʹ͸ɺϚϯΨ഑৴४උ౳ͷ೔ʑͷӡ༻ʹؔ͢Δ஌ࣝ͸ ΄ͱΜͲͳ͔ͬͨ • ӡ༻͍͍͍ͯͨͩͯ͠Δձࣾͷํʑ౳ͱࡉ͔͘ίϛϡχέ ʔγϣϯΛऔΔ • GigaViewerͰʮδϟϯϓʴWeb൛ʯΛӡ༻ՄೳʹͰ͖Δ Α͏ͳػೳΛ࣮૷͍ͯ͘͠
13. δϟϯϓʴWeb൛ϦχϡʔΞϧ • ࡞ͬͨ΋ͷ͸·ͣ৮͍ͬͯͨͩ͘ • ʮͪ͜Β͕૝ఆ͍ͯ͠ͳ͍࢖ΘΕํʯΛग़ͯ͠΋Β͏ͨΊ • গͮͭ͠ϑΟʔυόοΫΛ௖͖ɺվળ͢Δͱ͍͏͜ͱΛ܁ Γฦ͢ • ࠷ॳ͔Β׬ᘳͳঢ়ଶʹ͢ΔͷͰ͸ͳ͘ɺঃʑʹվળ͍ͯ͘͠
14. δϟϯϓʴWeb൛ϦχϡʔΞϧ • ͸ͯͳͰ͜Ε·Ͱओʹ΍͖ͬͯͨUGCαʔϏεͰ͸ͳ͘ɺ ʮެࣜͷWebϚϯΨαʔϏεʯ • αΠτΦʔϓϯͱಉ࣌ʹେྔͷίϯςϯπΛ४උ͢Δඞཁ ͕͋ͬͨ • ϦϦʔε௚લ͸ɺ४උͭͭ͠طଘͷαΠτͱฒߦӡ༻
15. δϟϯϓʴWeb൛ϦχϡʔΞϧ • ެࣜαΠτͳͷͰɺࣦഊͰ͖ͳ͍ۓுײ͕͋ͬͨ • ۓுײ͸ָ͕͋ͬͨ͠Έ΋͋ͬͨ • δϟϯϓʴWebͷϦχϡʔΞϧͰʮެࣜͷWebϚϯΨαʔϏ εΛӡӦ্͍ͯ͘͠Ͱඞཁͳ͜ͱʯͷ஌ݟΛͨΊ͍ͯ͘
16. ͱͳΓͷ Ϡϯάδϟϯϓ ϦχϡʔΞϧ 2017೥10݄
17. ͱͳΓͷϠϯάδϟϯϓϦχϡʔΞϧ • GigaViewerͷ2ྫ໨ͷ࠾༻ • ΞϓϦέʔγϣϯΛϚϧνςφϯτԽ • gifը૾ͷೖߘʹ΋ରԠ • δϟϯϓʴͰͷ஌ݟΛ΋ͱʹӡ༻πʔϧ౳Λվྑ • मਖ਼ࣗମ͸δϟϯϓʴʹ΋ؐݩ͞ΕΔΑ͏ͳܗʹ • ӡ༻͍͍͍ͯͨͩͯ͠Δํʑͷཁ๬Λฉ͍͍ͯ͘
18. ϚΨδϯϙέοτ Web൛ ϦχϡʔΞϧ 2017೥10݄
19. ϚΨϙέWebϦχϡʔΞϧ • 3ྫ໨ͷ࠾༻ • ΞϓϦέʔγϣϯͷϚϧνςφϯτԽʹΑΓɺૉૣ͘ϦϦʔ ε੒ޭ • ʮ࿈ࡌҰཡϖʔδʯ౳ɺ͜Ε·Ͱʹ࣮૷͖ͯͨ͠ػೳʢࢿ ࢈ʣΛར༻Մೳ
20. ϚϧνςφϯτܕΞʔΩςΫνϟಋೖ • ҰͭͷΞϓϦέʔγϣϯͰɺෳ਺ͷαΠτΛαʔϏεͰ͖Δ Α͏ʹ • ෳ਺αΠτͰɺҰͭͷDBΛڞ༗ • ϚϯΨը૾ࣗମ͸αΠτຖʹ؅ཧ • ։ൃ౰ॳݕ౼͸͍͕ͯͨ͠ɺ࠷ॳ͸ݟૹ͍ͬͯͨ
21. ϚϧνςφϯτܕΞʔΩςΫνϟಋೖ • ෳ਺ͷαΠτΛҰͭͷΞϓϦέʔγϣϯ্Ͱӡ༻Ͱ͖ΔΑ͏ ʹͯ͠ɺͰ͖Δ͚ͩૉૣ͘αʔϏε͕։࢝Ͱ͖ΔΑ͏ʹ͢Δ • ҰॠͰαΠτΛ૿΍ͤΔͱ͍͏͜ͱͰ͸ͳ͘ɺ޻਺Λ࡟ݮ ͢Δɺͱ͍͏ҙຯ
22. ϚϧνςφϯτܕΞʔΩςΫνϟಋೖ • ػೳΛ௥ՃͰଞͷαΠτͰ΋ར༻͢Δ͜ͱ͕ՄೳʹͳΔ • ࿈ࡌҰཡ / Ӿཡཤྺอ࣋ / ϒϩάύʔπ౳ • αΠτ͝ͱͷΧελϚΠζ΋Մೳ • ͱͳΓͷϠϯάδϟϯϓͷʮίϚετϦʔϜʯʢτοϓϖ ʔδ্෦ͷϚϯΨͷίϚ෦෼ʣͷΑ͏ͳઐ༻ͷػೳͷ࣮૷
23. ίϛοΫDAYS ϦϦʔε 2018೥2݄
24. ίϛοΫDAYS • 4ྫ໨ͷ࠾༻ • ʮແྉͷWebϚϯΨʯ͚ͩͰͳ͘ɺ༗ྉϚϯΨ΋૿͑ͨͨ ΊɺϚϯΨΛചΔͨΊͷػೳΛ௥Ճ͍ͯ͘͠ • ϢʔβʔΞΧ΢ϯτ / ϙΠϯτͰͷϚϯΨߪೖ / ܾࡁ etc... • ࣮૷͢΂͖ػೳ͕Ұؾʹ૿͑Δ
25. ϚΠΫϩαʔϏε vs ϞϊϦγοΫ খ͞ͳαʔϏεͱͯ͠৽نػೳΛ࣮૷͍͖ͯ͠ɺଞͷαΠτͰ ΋࢖͑ΔΑ͏ʹͰ͖ΔΑ͍ͷͰ͸ͳ͍͔ʁ • খ͞ͳαʔϏεͱͯ͠࡞͓͚ͬͯ͹ϝϯς͠΍͍͢ͷͰ͸ʁ
26. ϚΠΫϩαʔϏε vs ϞϊϦγοΫ ݁ہ͸ݟૹͬͨ • ࠓޙͦ͏͍͏αΠτ͕ଞʹ΋ग़ͯ͘Δ͔Ͳ͏͔͸Θ͔Βͳ ͍ɺ ະདྷͷ͜ͱ͸Θ͔Βͳ͍ • ࠷ॳ͔Β෼ׂ͢ΔΑΓɺϞϊϦγοΫʹ࣮૷ͭͭ͠ɺޙ͔Β গͮͭ͠෼ׂ͢Δ΄͏͕෼ׂ͠΍͍͢ʢ͸ͣʣ
27. ίϛοΫDAYS • ʮίϛοΫDAYSͰͷϢʔεέʔεʯͷΈʹϑΥʔΧεͯ͠ඞ ཁͳػೳΛ෼ׂ͠ɺ࣮૷͍ͯ͘͠ • ଞͷαΠτͰ࢖͏ࣄʹͳͬͨ৔߹ʹ͸΋͏Ұ౓ݟ௚͢ɺͱ ͍͏લఏ • ͦΕҎ֎͸ࠓ·ͰͰطʹ࣮૷ࡁΈͩͬͨ΋ͷΛར༻ • νʔϜͱͯ͠͸ܾࡁؔ࿈ػೳ͸ॳΊͯͷ௅ઓ͕ͩͬͨɺ༧ఆ ௨ΓϦϦʔεͰ͖ͨ
28. ͘Β͛όϯν ϦχϡʔΞϧ 2018೥4݄
29. ͘Β͛όϯν • 5ྫ໨ͷ࠾༻ • ৽ػೳ΋௥Ճͭͭ͠ɺ໿1ϲ݄൒ఔ౓ͰϦϦʔεͰ͖ͨ • ͜Ε·Ͱͷࢿ࢈Λར༻Մೳ • ޻਺ΛͰ͖Δ͚ͩݮΒͯ͠ૉૣ͘ϦϦʔε
30. ٕज़తʹͲ͏͍͏ઓུΛͱ͖͔ͬͯͨ ໿1೥൒ΛৼΓฦͬͯΈΔ • ඞཁͳػೳΛগͮͭ͠૿΍͍ͯ͘͠ • ະདྷͷ͜ͱ͸૝૾Ͱ͖ͳ͍ • ඞཁͷແͦ͞͏ͳ࡞ΓࠐΈ͸͠ͳ͍ • ୯७ʹʮࠓ͸͜Ε͸΍Βͳ͍ʯΈ͍ͨʹఘΊΔ • Ͱ͖Δ͚ͩૉૣ͘ɺ࣮֬ʹϦϦʔε͢Δ
31. ٕज़తʹͲ͏͍͏ઓུΛͱ͖͔ͬͯͨ • ৽ػೳΛ૿΍͢ʁ or طଘͷ΋ͷ͕࢖͑Δʁ • मਖ਼͢Ε͹ଞͷαΠτͰ΋ར༻ՄೳͳΒमਖ਼͢Δͷ͕ૣ͍ • ϞϊϦγοΫ / ϚϧνςφϯτͳΞʔΩςΫνϟ • ݱ࣌఺Ͱ͸͏·͍͍ͬͯ͘Δ • ػೳΛԣల։͠΍͍͢ͷͰɺଘࡏ͢ΔػೳΛར༻Ͱ͖Ε͹ ޻਺ΛݮΒͭͭ͠αΠτΛΦʔϓϯՄೳ
32. WebϚϯΨαʔϏεΛ࡞Δ࣌ʹҰ؏͠ ͯߟ͍͑ͯΔ͜ͱ • ʮ͓٬༷Λࣗ෼ͨͪͷٕज़Ͱॿ͚ΔʯʮҰॹʹαʔϏεΛ࡞ ͍ͬͯ͘ʯͱ͍͏ؾ࣋ͪ • slack౳Λར༻ͯ͠ίϛϡχέʔγϣϯ͸ີʹ͢Δ • େྔͷίϯςϯπͷΠϯϙʔτ౳ɺӡ༻ͰͷࠔΓࣄΛαϙ ʔτ • ίϯςϯπΛͱʹ͔͘େࣄʹ͢Δ
33. WebϚϯΨαʔϏεΛ࡞Δ࣌ʹҰ؏͠ ͯߟ͍͑ͯΔ͜ͱ • ࣗ෼ͨͪͷ੒௕΍௅ઓ΋ߟ͑Δ • ৽͍͜͠ͱʹ΋௅ઓͯ͠ɺࣗ෼͕ͨͪͰ͖Δ͜ͱΛ૿΍͢ • ৽͍͠௅ઓʹ͍ͭͯ͸͓٬༷ʹ΋ఏҊ͢Δ
34. GigaViewerΛগͮͭ͠ ਐา͍͖ͤͯ͞ɺWebϚ ϯΨαʔϏεΛ͞Βʹൃ ల͍͖ͤͯ͞·͢