2019/07/06 の Battle Conference Under 30 2019 で話した登壇スライドです。
ΤϯδχΞΩϟϦΞʹ͓͚Δয૩ײͱͷ͖߹͍ํ2019.07.06 #bcu30 Takuma HANATANI (@potato4d)
View Slide
HANATANI Takuma(@potato4d)• Ֆ୩ຏ / @potato4d• 21 ࡀͳͷͰ 20 ͰଟҰ൪ए͍ͱࢥ͍·͢• Web Application Developer• Work at...• LINE Corp: UIT dept. Frontend Engineer / Developer Relations• ElevenBack: President, Technical Advisor, Web Engineer• Battle Episode: Ոʹث͕ 5 ͭ͋Δ(, , 佁, , ૦)• Contributions: Vue.js & React.js Japanese document maintainer
Agenda1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ2. যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ4. ਖ਼͍͠য૩ײͱͷ͖߹͍͔ͨͱ5. ࢲͷ͜Ε͔Βͷ
͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ• ΤϯδχΞΩϟϦΞΛߟ͑ΔࡍॏཁʹͳΔʮয૩ײʯ• যΓෆ҆• ʮࠓͷٕज़ͷຏ͖ํͰྑ͍ΜͩΖ͏͔ʯ• ੜ͖͍͚ͯΔͩΖ͏͔• ͱ͖ʹϓϥεʹɺͱ͖ʹϚΠφεʹ• ͜Εͷ͓͔͛ͰΤϯδχΞͱͯ͠ɺਓؒͱͯ͠Ұؾʹ͢Δ͜ͱ͕Ͱ͖ͨ࣌͋ͬͨ• ҰํͰɺ͜Ε͔ΒΛߟ͑Δʹ͋ͨͬͯ͜Ε͕अຐͳ͜ͱ͋ͬͨ
ࠓճհ͢Δʮয૩ײʯͷऔѻέʔε
ࠓճհ͢Δʮয૩ײʯͷऔѻέʔε1. લฤ: ϓϥεʹͳͬͨΩϟϦΞ• ߴߍ͓࣌ΑͼϑϦʔϥϯε࣌ (~20ࡀ)
ࠓճհ͢Δʮয૩ײʯͷऔѻέʔε1. લฤ: ϓϥεʹͳͬͨΩϟϦΞ• ߴߍ͓࣌ΑͼϑϦʔϥϯε࣌ (~20ࡀ)2. ޙฤ: ᐫͱͳͬͨΩϟϦΞ• LINEגࣜձࣾೖࣾޙ (21ࡀݱࡏ)
যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ• બͱूத• தֶ͔࣌ΒֶߍΛٳΜͰϓϩάϥϛϯά͕ͪͩͬͨ͠• ߴߍϓϩάϥϛϯάʹूத͢ΔͨΊʹ௨৴੍ߴߍʹਐΈɺΤϯδχΞΩϟϦΞ͕ੵΊͳ͍ͱͲΜ٧·Γʹ• ৗʹٕज़ऀͱͯ͠ͷεΩϧͱɺੜ͖ΔͨΊͷΤϯδχΞίϛϡχςΟͱͯ͠ͷͭͳ͕ΓίϛϡχέʔγϣϯΛॏࢹߴߍ࣌
যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ• ࣮ࡍʹىͨ͜͠ΞΫγϣϯ• ελʔτΞοϓͰϑϩϯτɺαʔόʔɺiOSͱ͘։ൃʹܞΘΔ• ͱ͖ʹσβΠφʔϓϩδΣΫτϚωʔδϟʔͳͲܦݧɻσεϚʔνʹΑͬͯҰؾʹܦݧΛߴΊɺίϛϡχέʔγϣϯͷେ͞ΛΔ• ํίϛϡχςΟͰΧϯϑΝϨϯεͷ࣮ߦҕһʹ• FRONTEND CONFERENCE 2017 Ͱଟ͘ͷਓʹॿ͚ͯΒ͍࣮ߦҕһ• डୗ։ൃͰͱΓͬͺ͙ΕͨΓͰࣾձܦݧߴߍ࣌
যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃߴߍ࣌• ࣾձਓʹͳΔ࣌ͰಘΒΕͨܦݧ• Web ΤϯδχΞͱͯ͠ͷಛఆͷٕज़ʹґଘ͠ͳ͍ࣝͱܦݧ• ϑϩϯτΤϯυ(Vue / React), όοΫΤϯυ(PHP, Rails), AWS ͳͲ• ίϛϡχςΟͰͷΠϕϯτӡӦͷܦݧ• ΧϯϑΝϨϯεओ࠵ɺఆظΠϕϯτ։࠵• ৗʹଟ͘ͷࢹΛݟΒΕΔΑ͏ʹෳۀମ੍• ৽ଔೖࣾ͢Δͱݻ·Γ͕ͪͳՁ؍ΛϑΣΞʹอͯΔ
যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃߴߍଔۀޙɺ৽ଔΛগ͠ܦͯϑϦʔϥϯεʹͳͬͨͱ͖• ʮҊ݅ʯʮܖߋ৽݄ʯʹറΒΕΔϑϦʔϥϯε• IT ଜࣾձͰཁٻҎ্ͷΞτϓοτΛଓ͚Δඞཁ͕͋Δ• ՌͱҊ݅ྔ͕ൺྫ͢ΔڥͰͷີͷೱ͍࣌ؒͷܦݧ• ฒߦͰࢢՁΛߴΊಠࣗੑΛ࣋ͭඞཁ͋Δ• ߴߍ࣌ʹෛ͚ͣྼΒͣొஃ͢Δ• ٕज़ใΛ͏·͘όζΓ͍͢Α͏ʹॻ͘ͳͲϑϦʔϥϯε࣌
যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃϑϦʔϥϯεதʹಘΒΕͨͷ• ଟ໘తͳࣄͷΓ͔ͨ• ෛ͋ΕνʔϜ։ൃɺ͕ࣗൃओʹͳΔ͜ͱ• ք۾Ͱͷ҆ఆతͳೝͷ֫ಘ• Vue.js / React.js ຊޠυΩϡϝϯτϝϯςφ(աڈʹ Nuxt.js)• Qiita Vue.js / Nuxt.js λάͰ 1 ҐͳͷͰٕज़૬ஊ͕͖͍͢• Nuxt.js ͷࠃୈҰਓऀͱͯ͠ͷॻ੶ग़൛ϑϦʔϥϯε࣌
যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ૯߹ͨ͠ܦݧ1. ߴߍ࣌• ΦʔόʔϫʔΫʹΑΔظूதతͳٕज़εΩϧΞοϓ• ΧϯϑΝϨϯεӡӦϕϯνϟʔͰͷϓϩμΫτͮ͘ΓͳͲͷܦݧ2. ϑϦʔϥϯε࣌• ϑϦʔϥϯεͱͯ͠ͷϓϨογϟʔʹΑΔۀਫ४ͷٸܹͳਐԽ• ใൃ৴ք۾ߩݙʹΑΔࢢՁͷ্
ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ• ࣗΤϯδχΞ͔Βൈ͚ग़ͯ͠ EM తΩϟϦΞΛங͍͍͖͍ͯͨ• ٕज़৫ΛͪϓϩμΫτ؍Ͱվળʹίϛοτ͍ͨ͠• EM ͳΒ͕ࣗઓ͏͜ͱΛϕʔεͱͨ͠য૩ײ͔͑ͬͯϊΠζʹͳΔ• ৗʹ༨༟ͷͳͦ͞͏ͳϦʔμʔʹԿ͔Λ͍ͤ͢Ͱ͔͢ʁ• ଟͳ࣌ʹϝϯόʔͷΤεΧϨʔγϣϯΛड͚ࢭΊΒΕ·͔͢ʁ• ΤϯδχΞͱͯ͠ͷΩϟϦΞҡ࣋ΛٻΊͯຊདྷඞཁͳεΩϧ͕ૄ͔ʹͳΓ·ͤΜ͔ʁ
ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ• potato4d ͷ߹……• কདྷతͳ৫ߏஙͷͨΊͷϑϦʔϥϯε͔Βͷస৬Λܾҙ• ϑϦʔϥϯεͰυϥΠͳ͕ؔ૿͑ΔͷͰΑΓਓʹ͍ۙੈքͰ• ΤϯδχΞͱͯ͠ͷয૩ײᐫʹͳΔͷͰ• ΤϯδχΞΛҙࣝ͗͢͠ΔͱΤϯδχΞͱͯ͠ͷ͔͠Ίͳ͍• ϐʔϓϧϚωδϝϯτΞϥΠΞϯεΛߟ͑ΔͱΤϯδχΞؾ࣭ϓϥεͱݴ͑ͳ͍• → ෳۀମ੍Ͱٕज़Λҡ࣋ͭͭ͠ผΛ৳͢ઓུʹ
ਖ਼͍͠য૩ײͱͷ͖߹͍͔ͨͱ1. ΩϟϦΞΞοϓΛࢦ͢߹• য૩ײΛड͚ೖΕͯʹͷΔ͜ͱͰݪಈྗͱ͢Δ2. ΩϟϦΞνΣϯδΛࢦ͢߹• য૩ײʹ߅͏͜ͱͰϑΣΞͳࢹΛऔΓ͢
ΩϟϦΞΞοϓΛࢦ͢߹য૩ײΛثʹ͢ΔͱϓϥεʹͳΔ• લͷ՝ʹΘΕΔঢ়گࢥߟͷϊΠζΛআڈ͢Δʹ࠷ద• ͕Ή͠ΌΒʹͳΕΔ• ΤϯδχΞͱͯ͠ߋʹಥ͖ਐΈ͍ͨ߹બͱूதʹ࠷ద• ͜ͷ࣌ظয૩ײʹΛҕͶΔ͜ͱ͕ྑ͍
ΩϟϦΞνΣϯδΛࢦ͢߹য૩ײΛࠀ͢Δ͜ͱ͕ϓϥεʹͳΔ• ίʔυΛॻཱ͔͘ΒϓϩδΣΫτΛݟΔཱʹͳΔͱϓϨΠϠʔͱͯ͠ͷ׆ಈྔԼ͕Δ• ͨͩͦΕୀԽͰͳ͘ɺΑΓ͍ࢹΛ࣋ͭ͜ͱͰ৽ͨͳεςοϓͱ͍ͯͨ͘͠ΊͷҰาͱͳΔ• ͦΕͰ৺ʹҾ͔͔ͬΔ߹৺ཧతͳ҆શੑΛ୲อͰ͖ΔΈΛ༻ҙ͢Δ• ࢲͷ߹ݸਓࣄۀͰͷ։ൃٕज़ސͰ୲อͰ͖͍ͯΔ
ࢲͷ͜Ε͔Βͷ• ͍ۙকདྷʹ༑ਓ͕ىۀ͢ΔՄೳੑ͕ߴ͍• ͦͷધʹΕΔΑ͏ʹͳΔ͜ͱ͕͜͜ͷඪ• ͦͷͱ͖ʹɺ CTO Tech Lead ͱͯ͠৫࡞Γʹઓ͍ͨ͠• ͦͷͨΊɺࠓײΛ͑։ൃ৫ͱ DevRel ݉ମ੍ʹ• ΤϯδχΞଆͰϦʔυΩϟϦΞΛɺDevRelͷۀΛ• ࠓয૩ײΛࠀ͢ΔϑΣʔζ
ࠓɺͲͪΒʹ͍·͔͢ʁ