Upgrade to Pro — share decks privately, control downloads, hide ads and more …

hatena-engineer-seminar-10

Cd13a4e6df1a0813e093b744a5929b22?s=47 tkzwtks
May 23, 2018
1.8k

 hatena-engineer-seminar-10

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

Cd13a4e6df1a0813e093b744a5929b22?s=128

tkzwtks

May 23, 2018
Tweet

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Ϛ ϯΨαʔϏεΛ͞Βʹൃ ల͍͖ͤͯ͞·͢