$30 off During Our Annual Pro Sale. View Details »

hatena-engineer-seminar-10

tkzwtks
May 23, 2018
2.1k

 hatena-engineer-seminar-10

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

tkzwtks

May 23, 2018
Tweet

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