hatena-engineer-seminar-10

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

Transcript

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

   View Slide

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

   View Slide

3. ຊ೔͓࿩͢͠Δ͜ͱ
   

   View Slide

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

   View Slide

5. GigaViewerͱ͸
   

   View Slide

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

   View Slide

7. ໨ࢦ͍ͯ͠Δ΋ͷ
   

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide