Hatena Engineer Seminar #10 でお話した資料です
ͯͳͱWebϚϯΨαʔϏεͷาΈHatena Engineer Seminar #10id:tkzwtks ʢ୍ᖒ ਸʣ
View Slide
ࣗݾհid:tkzwtks ୍ᖒ ਸ• 201611݄ೖࣾ• ୲αʔϏε• ϚϯΨαʔϏεશൠ• ΧΫϤϜʢKADOKAWA༷ʣ
ຊ͓͢͠Δ͜ͱ
ຊ͓͢͠Δ͜ͱ• ͯͳͰ։ൃɾఏڙ͍ͯ͠ΔϚϯΨϏϡʔϫʔʮGigaViewerʯΛத৺ͱͨ͠ɺͯͳͱWebϚϯΨαʔϏεͷาΈ• ͯͳͰWebϚϯΨαʔϏεΛ࡞Δ࣌ʹɺΤϯδχΞͱͯ͠ߟ͍͑ͯΔ͜ͱ
GigaViewerͱ
GigaViewerͱ• ͯͳͰ։ൃͨ͠ɺWebαΠτͰͷϚϯΨӾཡʹಛԽ͠ɺϢʔβʔ͕շదʹϚϯΨ࡞Λָ͠ΉͨΊͷػೳΛඋ͑ͨϚϯΨϏϡʔϫɺίϯςϯπొฤཧ༻ͷཧը໘ͳͲؚΊͨWebϚϯΨ৴αʔϏε• Viewerͱ͍͏໊લ͕ͩϚϯΨΛಡΉϏϡʔϫʔ͚ͩΛࢦ͍ͯ͠ΔΘ͚Ͱͳ͍
ࢦ͍ͯ͠Δͷ
GigaViewer͕ࢦ͍ͯ͠Δͷ• ͱʹ͔͘շదʹWebϚϯΨΛָ͠ΊΔΑ͏ͳϏϡʔϫʔͷ։ൃ• ॎಡΈɾGIFΞχϝʔγϣϯը૾ɺWebϚϯΨͳΒͰͷ৽͍͠දݱରԠ• αʔϏεఏڙऀͷӡ༻ίετݮ• গ͠Ͱӡ༻࡞ۀָ͕ʹͳΔΑ͏ʹ• ϚωλΠζ
GigaViewerҎલ• 20149݄• গδϟϯϓϧʔΩʔʢݱʮδϟϯϓϧʔΩʔʂʯʣ• 20159݄• ͋ͨ͠ͷϠϯάδϟϯϓ• 20163݄• ͱͳΓͷϠϯάδϟϯϓ Ϗϡʔϫʔఏڙ
δϟϯϓʴWeb൛ϦχϡʔΞϧ20171݄
δϟϯϓʴWeb൛ϦχϡʔΞϧ• ࠷ॳͷGigaViewerಋೖࣄྫ• δϟϯϓϧʔΩʔʂ / ͋ͨ͠ͷϠϯάδϟϯϓͰಘͨݟΛݩʹɺGigaViewerΛ։ൃ• ͦΕ·ͰͷWeb൛ΛϦχϡʔΞϧ• ϚϯΨΛಡΈʹ͖͍ͯΔී௨ͷϢʔβʔ͚ͷػೳ͚ͩͰͳ͘ɺʮWebϚϯΨαʔϏεΛӡӦ͢ΔͨΊʹඞཁͳΈʯΛ։ൃ
δϟϯϓʴWeb൛ϦχϡʔΞϧ• ͯͳʹɺϚϯΨ৴४උͷʑͷӡ༻ʹؔ͢Δࣝ΄ͱΜͲͳ͔ͬͨ• ӡ༻͍͍͍ͯͨͩͯ͠Δձࣾͷํʑͱࡉ͔͘ίϛϡχέʔγϣϯΛऔΔ• GigaViewerͰʮδϟϯϓʴWeb൛ʯΛӡ༻ՄೳʹͰ͖ΔΑ͏ͳػೳΛ࣮͍ͯ͘͠
δϟϯϓʴWeb൛ϦχϡʔΞϧ• ࡞ͬͨͷ·ͣ৮͍ͬͯͨͩ͘• ʮͪ͜Β͕ఆ͍ͯ͠ͳ͍ΘΕํʯΛग़ͯ͠Β͏ͨΊ• গͮͭ͠ϑΟʔυόοΫΛ͖ɺվળ͢Δͱ͍͏͜ͱΛ܁Γฦ͢• ࠷ॳ͔Βᘳͳঢ়ଶʹ͢ΔͷͰͳ͘ɺঃʑʹվળ͍ͯ͘͠
δϟϯϓʴWeb൛ϦχϡʔΞϧ• ͯͳͰ͜Ε·Ͱओʹ͖ͬͯͨUGCαʔϏεͰͳ͘ɺʮެࣜͷWebϚϯΨαʔϏεʯ• αΠτΦʔϓϯͱಉ࣌ʹେྔͷίϯςϯπΛ४උ͢Δඞཁ͕͋ͬͨ• ϦϦʔεલɺ४උͭͭ͠طଘͷαΠτͱฒߦӡ༻
δϟϯϓʴWeb൛ϦχϡʔΞϧ• ެࣜαΠτͳͷͰɺࣦഊͰ͖ͳ͍ۓுײ͕͋ͬͨ• ۓுײָ͕͋ͬͨ͠Έ͋ͬͨ• δϟϯϓʴWebͷϦχϡʔΞϧͰʮެࣜͷWebϚϯΨαʔϏεΛӡӦ্͍ͯ͘͠Ͱඞཁͳ͜ͱʯͷݟΛͨΊ͍ͯ͘
ͱͳΓͷϠϯάδϟϯϓϦχϡʔΞϧ201710݄
ͱͳΓͷϠϯάδϟϯϓϦχϡʔΞϧ• GigaViewerͷ2ྫͷ࠾༻• ΞϓϦέʔγϣϯΛϚϧνςφϯτԽ• gifը૾ͷೖߘʹରԠ• δϟϯϓʴͰͷݟΛͱʹӡ༻πʔϧΛվྑ• मਖ਼ࣗମδϟϯϓʴʹؐݩ͞ΕΔΑ͏ͳܗʹ• ӡ༻͍͍͍ͯͨͩͯ͠ΔํʑͷཁΛฉ͍͍ͯ͘
ϚΨδϯϙέοτWeb൛ϦχϡʔΞϧ201710݄
ϚΨϙέWebϦχϡʔΞϧ• 3ྫͷ࠾༻• ΞϓϦέʔγϣϯͷϚϧνςφϯτԽʹΑΓɺૉૣ͘ϦϦʔεޭ• ʮ࿈ࡌҰཡϖʔδʯɺ͜Ε·Ͱʹ࣮͖ͯͨ͠ػೳʢࢿ࢈ʣΛར༻Մೳ
ϚϧνςφϯτܕΞʔΩςΫνϟಋೖ• ҰͭͷΞϓϦέʔγϣϯͰɺෳͷαΠτΛαʔϏεͰ͖ΔΑ͏ʹ• ෳαΠτͰɺҰͭͷDBΛڞ༗• ϚϯΨը૾ࣗମαΠτຖʹཧ• ։ൃॳݕ౼͍͕ͯͨ͠ɺ࠷ॳݟૹ͍ͬͯͨ
ϚϧνςφϯτܕΞʔΩςΫνϟಋೖ• ෳͷαΠτΛҰͭͷΞϓϦέʔγϣϯ্Ͱӡ༻Ͱ͖ΔΑ͏ʹͯ͠ɺͰ͖Δ͚ͩૉૣ͘αʔϏε͕։࢝Ͱ͖ΔΑ͏ʹ͢Δ• ҰॠͰαΠτΛ૿ͤΔͱ͍͏͜ͱͰͳ͘ɺΛݮ͢Δɺͱ͍͏ҙຯ
ϚϧνςφϯτܕΞʔΩςΫνϟಋೖ• ػೳΛՃͰଞͷαΠτͰར༻͢Δ͜ͱ͕ՄೳʹͳΔ• ࿈ࡌҰཡ / Ӿཡཤྺอ࣋ / ϒϩάύʔπ• αΠτ͝ͱͷΧελϚΠζՄೳ• ͱͳΓͷϠϯάδϟϯϓͷʮίϚετϦʔϜʯʢτοϓϖʔδ্෦ͷϚϯΨͷίϚ෦ʣͷΑ͏ͳઐ༻ͷػೳͷ࣮
ίϛοΫDAYSϦϦʔε20182݄
ίϛοΫDAYS• 4ྫͷ࠾༻• ʮແྉͷWebϚϯΨʯ͚ͩͰͳ͘ɺ༗ྉϚϯΨ૿͑ͨͨΊɺϚϯΨΛചΔͨΊͷػೳΛՃ͍ͯ͘͠• ϢʔβʔΞΧϯτ / ϙΠϯτͰͷϚϯΨߪೖ / ܾࡁ etc...• ࣮͖͢ػೳ͕Ұؾʹ૿͑Δ
ϚΠΫϩαʔϏε vs ϞϊϦγοΫখ͞ͳαʔϏεͱͯ͠৽نػೳΛ࣮͍͖ͯ͠ɺଞͷαΠτͰ͑ΔΑ͏ʹͰ͖ΔΑ͍ͷͰͳ͍͔ʁ• খ͞ͳαʔϏεͱͯ͠࡞͓͚ͬͯϝϯς͍͢͠ͷͰʁ
ϚΠΫϩαʔϏε vs ϞϊϦγοΫ݁ہݟૹͬͨ• ࠓޙͦ͏͍͏αΠτ͕ଞʹग़ͯ͘Δ͔Ͳ͏͔Θ͔Βͳ͍ɺ ະདྷͷ͜ͱΘ͔Βͳ͍• ࠷ॳ͔Βׂ͢ΔΑΓɺϞϊϦγοΫʹ࣮ͭͭ͠ɺޙ͔Βগׂͮͭ͢͠Δ΄͏ׂ͕͍͢͠ʢͣʣ
ίϛοΫDAYS• ʮίϛοΫDAYSͰͷϢʔεέʔεʯͷΈʹϑΥʔΧεͯ͠ඞཁͳػೳΛׂ͠ɺ࣮͍ͯ͘͠• ଞͷαΠτͰ͏ࣄʹͳͬͨ߹ʹ͏Ұݟ͢ɺͱ͍͏લఏ• ͦΕҎ֎ࠓ·ͰͰطʹ࣮ࡁΈͩͬͨͷΛར༻• νʔϜͱܾͯ͠ࡁؔ࿈ػೳॳΊͯͷઓ͕ͩͬͨɺ༧ఆ௨ΓϦϦʔεͰ͖ͨ
͘Β͛όϯνϦχϡʔΞϧ20184݄
͘Β͛όϯν• 5ྫͷ࠾༻• ৽ػೳՃͭͭ͠ɺ1ϲ݄ఔͰϦϦʔεͰ͖ͨ• ͜Ε·Ͱͷࢿ࢈Λར༻Մೳ• ΛͰ͖Δ͚ͩݮΒͯ͠ૉૣ͘ϦϦʔε
ٕज़తʹͲ͏͍͏ઓུΛͱ͖͔ͬͯͨ1ΛৼΓฦͬͯΈΔ• ඞཁͳػೳΛগͮͭ͠૿͍ͯ͘͠• ະདྷͷ͜ͱ૾Ͱ͖ͳ͍• ඞཁͷແͦ͞͏ͳ࡞ΓࠐΈ͠ͳ͍• ୯७ʹʮࠓ͜ΕΒͳ͍ʯΈ͍ͨʹఘΊΔ• Ͱ͖Δ͚ͩૉૣ͘ɺ࣮֬ʹϦϦʔε͢Δ
ٕज़తʹͲ͏͍͏ઓུΛͱ͖͔ͬͯͨ• ৽ػೳΛ૿͢ʁ or طଘͷͷ͕͑Δʁ• मਖ਼͢ΕଞͷαΠτͰར༻ՄೳͳΒमਖ਼͢Δͷ͕ૣ͍• ϞϊϦγοΫ / ϚϧνςφϯτͳΞʔΩςΫνϟ• ݱ࣌Ͱ͏·͍͍ͬͯ͘Δ• ػೳΛԣల։͍͢͠ͷͰɺଘࡏ͢ΔػೳΛར༻Ͱ͖ΕΛݮΒͭͭ͠αΠτΛΦʔϓϯՄೳ
WebϚϯΨαʔϏεΛ࡞Δ࣌ʹҰ؏ͯ͠ߟ͍͑ͯΔ͜ͱ• ʮ͓٬༷Λࣗͨͪͷٕज़Ͱॿ͚ΔʯʮҰॹʹαʔϏεΛ࡞͍ͬͯ͘ʯͱ͍͏ؾ࣋ͪ• slackΛར༻ͯ͠ίϛϡχέʔγϣϯີʹ͢Δ• େྔͷίϯςϯπͷΠϯϙʔτɺӡ༻ͰͷࠔΓࣄΛαϙʔτ• ίϯςϯπΛͱʹ͔͘େࣄʹ͢Δ
WebϚϯΨαʔϏεΛ࡞Δ࣌ʹҰ؏ͯ͠ߟ͍͑ͯΔ͜ͱ• ࣗͨͪͷઓߟ͑Δ• ৽͍͜͠ͱʹઓͯ͠ɺ͕ࣗͨͪͰ͖Δ͜ͱΛ૿͢• ৽͍͠ઓʹ͍͓ͭͯ٬༷ʹఏҊ͢Δ
GigaViewerΛগͮͭ͠ਐา͍͖ͤͯ͞ɺWebϚϯΨαʔϏεΛ͞Βʹൃల͍͖ͤͯ͞·͢