わたしのOSS活動

Transcript

1. Θͨ͠ͷ OSS ׆ಈ
   2022.04.20
   iCARE Dev Meetup #32
   OSS ͱͷ޲͖߹͍ํ
   @kazupon
   

   View Slide

2. PLAID, inc.
   Vue.js ίΞνʔϜϝϯόʔ
   Vue.js ೔ຊϢʔβʔάϧʔϓΦʔΨφΠβʔ
   ύʔτλΠϜ OSS ։ൃऀ
   Vue I18n & Intlify ͷ࡞ऀ
   @kazu_pon kazupon
   kazupon
   

   View Slide

3. ΞδΣϯμ
   

   View Slide

4. ࠓ೔࿩͢͜ͱ
   • Vue.jsίΞνʔϜϝϯόʔͱͯ͠ͷOSS׆ಈ
   • ίϛϡχςΟӡӦऀͱͯ͠ͷOSS׆ಈ
   • OSS։ൃऀͱͯ͠ͷOSS׆ಈ
   • ۀ຿ͰͷOSS׆ಈ
   • OSSʹର͢Δ޲͖߹͍ํ
   

   View Slide

5. Vue.js
   ίΞνʔϜϝϯόʔͱͯ͠ͷ
   OSS׆ಈ
   

   View Slide

6. Vue.js
   • ࡞ऀ: Evan You
   • The Progressive JavaScript
   Framework
   • ओʹ Web & UI ૚ʹಛԽͨ͠
   ϑϨʔϜϫʔΫ
   • 2013೥ݸਓϓϩδΣΫτͱ
   ͯ͠։࢝͠ɺͦͷޙࠓʹࢸΔ
   

   View Slide

7. Vue.js
   • ݱࡏͰ͸༷ʑͳΤ
   ίγεςϜ͕ଘࡏ
   • ίϛϡχςΟ΋ੈ
   քن໛Ͱଘࡏ͠ɺ
   ఆظతʹΧϯϑΝ
   Ϩϯε΋։࠵͞Ε
   ͍ͯΔ
   

   View Slide

8. • Core Team
   Members
   • Community
   Partners
   • Core Team
   Emeriti
   νʔϜߏ੒
   50໊+ͷϝϯόʔ͕ؔΘΔ OSS ϓϩδΣΫτ
   https://vuejs.org/about/team.html
   

   View Slide

9. • Vue.js ͸׬શݸਓओಋ
   & ϑϧλΠϜOSSϓϩ
   δΣΫτ
   • ׆ಈࢿۚ͸εϙϯαʔ
   ϕʔε
   • Patreon
   • GitHub Sponsors
   • Open Collective
   Not اۀϕʔεͳ OSSϓϩδΣΫτ
   

   View Slide

10. • ςοΫϦʔυ & CTO ͱͯ͠ಇ͍͍ͯͨલ৬࣌୅
    ʹɺRails ͷ্Ͱಈ͍ͯͨ jQuery ΛϞμϯԽ͢Δͷ
    ʹ Vue.js Λಋೖͨ͠ͷ͕͖͔͚ͬ
    • ॳظͷࠒ͸ɺຊ౰ʹΤίγεςϜ͕ Vue ຊମ͔͠
    ͳ͔ͬͨ
    • ඞཁʹԠͯ͡ɺࣗ෼Ͱ i18n ϥΠϒϥϦ΍ϑΥʔϜ
    όϦσʔγϣϯϥΠϒϥϦΛ࣮૷
    ίΞνʔϜϝϯόʔʹͳΔഎܠ
    

    View Slide

11. • ࣗ෼͕࣮૷ͨ͠ϑΥʔϜόϦσʔγϣϯΛউखʹ
    Vue.js organaization ʹ vue-validator ͱ͍͏ repo
    ʹ PR ΛૹΓ͚ͭͨΒɺ࠾୒͞Εͯ͠·ͬͨ
    ίΞνʔϜϝϯόʔʹͳΔഎܠ
    

    View Slide

12. • ͦͷޙɺެࣜυΩϡϝϯτͷ೔ຊޠ຋༁Λ༗ࢤͱҰ
    ॹʹ׆ಈ͍ͯ͘͠͏ͪʹɺEvan ࢯͷϑϧλΠϜʹ
    ൐͍ɺͦͷޙɺVue.js νʔϜ͕ൃ଍ͨ͠
    • Evan ࢯ͔Β invitation ͕ಧ͖ɺδϣΠϯ͍ͯͨ͠
    ίΞνʔϜϝϯόʔʹͳΔഎܠ
    

    View Slide

13. ίΞνʔϜͷ໾ׂ
    • GitHub Issues τϦΞʔδ
    • GitHub Pull Request ͷϨϏϡʔ
    • ެࣜπʔϧ/ϥΠϒϥϦͷ։ൃɾϝϯςφϯε
    • ίϛϡχςΟͷαϙʔτ
    • υΩϡϝϯτͷαϙʔτ
    • ଞͷίΞνʔϜϝϯόͷαϙʔτ
    

    View Slide

14. έʔε:
    υΩϡϝϯτͷαϙʔτ
    

    View Slide

15. • ݱࡏ͸ɺओʹެࣜ೔ຊޠυΩϡϝϯτͷ຋༁ʹ
    ϑΥʔΧεͯ͠׆ಈ͍ͯ͠Δ
    ެࣜυΩϡϝϯτͷ຋༁
    

    View Slide

16. • Vue.js ͷ֦େʹ൐͍ɺެࣜυΩϡϝϯτ෼ྔ๲େͳ
    ͨͨΊɺ຋༁ϓϩδΣΫτͱͯ͠ɺνʔϜମ੍Ͱ೔ຊ
    ͷίϛϡχςΟͷօ͞Μͱ͍ͬ͠ΐʹ຋༁͍ͯ͠Δ
    • Vue v3 υΩϡϝϯτͷ຋༁ϓϩδΣΫτνʔϜମ੍
    • ϝΠϯϝϯςφ: kazupon
    • αϒϝϯςφ: kiaking͞Μ
    • ຋༁Ϧʔμʔ: jay-es͞Μɺnaokie͞Μ
    ೔ຊޠ຋ମ੍
    

    View Slide

17. • Vue.js ͷެࣜυΩϡϝϯ
    τ͸ɺॳظόʔδϣϯϦ
    Ϧʔεޙ͔Β຋༁͍ͯ͠
    Δ
    • աڈόʔδϣϯv0.12ʙ
    v2 (v3 preόʔδϣϯͷ
    υΩϡϝϯτ΋) ·Ͱͷ
    ೔ຊޠ຋༁ެࣜυΩϡϝ
    ϯτ͸Ҿ͖ଓ͖ϝϯςΛ
    ܧଓ͍ͯ͠Δ
    աڈ຋༁υΩϡϝϯτͷϝϯς
    

    View Slide

18. • ຋༁ΨΠυͷઃஔ
    • ຋༁λεΫͷఆٛ
    • ຋༁ঢ়گͷՄࢹԽ
    • ຋༁ΏΒ͗Λ๷͙πʔϧͷಋೖ
    • υΩϡϝϯτͷ࠷৽಺༰௥ैπʔϧͷಋೖ
    ຋༁؀ڥͷ੔උ
    

    View Slide

19. ຋༁ΨΠυΛઃஔ
    https://github.com/vuejs-translations/docs-ja/blob/main/.github/CONTRIBUTING.md
    

    View Slide

20. ຋༁λεΫͷఆٛ
    • ๲େͳ຋༁υΩϡϝϯτྔͳͷͰɺ຋༁ߩݙ͠΍͢
    ͍Α͏ʹཻ౓Λ issue ͱͯ͠ఆٛ
    1 markdown (1ϖʔδ) = 1 issue
    

    View Slide

21. ຋༁ঢ়گͷՄࢹԽ
    • ຋༁ঢ়گ΋೺Ѳ͠΍͍͢Α͏ɺ·ͱΊ issue Λ༻ҙ
    https://github.com/vuejs-translations/docs-ja/issues/100
    

    View Slide

22. • ຋༁ελΠϧ :
    • JTF೔ຊޠඪ४ελΠϧΨΠυ
    • MicrosoftϩʔΧϥΠθʔγϣϯελΠϧΨΠυ
    • Vue.js ೔ຊϢʔβʔάϧʔϓಠࣗελΠϧ
    • ຋༁ΏΒ͗νΣοΫπʔϧͱͯ͠textlint + ΧελϜϧʔϧͰ
    νΣοΫ
    • textlint-rule-preset-JTF-style
    • textlint-rule-preset-vuejs-jp
    ຋༁ΏΒ͗Λ๷͙πʔϧͷಋೖ
    

    View Slide

23. • ຊՈͷυΩϡϝϯτ಺༰ͷ௥ै͸ɺݱࡏ͸ ryucho
    ͱ͍͏ GitHub Actions Λ࢖ͬͯରԠ͍ͯ͠Δ
    https://github.com/vuejs-translations/ryu-cho
    • ryucho ͸աڈͷ che-tsumi ͱ͍͏ bot πʔϧͷਐԽ
    ൛
    υΩϡϝϯτͷ࠷৽಺༰௥ैπʔϧͷಋೖ
    

    View Slide

24. • Rycho ͸ຊՈެࣜυΩϡϝ
    ϯτrepo͔Βࠩ෼commit
    Λݕग़ͯ͠ɺGitHub Issues
    ͱͯ͠ొ࿥͢Δ
    • Conflict ͕ͳ͍΋ͷ͸ࣗಈ
    Ͱ PR Λ࡞ͬͯ͘ΕΔ
    • ϝϯςφ͸࡞ΒΕͨ Issue
    / PR Λݩʹɺ຋༁υΩϡϝ
    ϯτΛ࠷৽ͷঢ়ଶʹ͢Δ
    υΩϡϝϯτͷ࠷৽಺༰௥ैπʔϧͷಋೖ
    

    View Slide

25. ͦͷଞ
    

    View Slide

26. bi-weekly ఆྫϛʔςΠϯά΁ͷग़੮
    • Evan ࢯ͔Β৘ใڞ༗ & ࣭໰
    • ίΞνʔϜϝϯόʔ + ίϛϡχςΟύʔτφʔͷ৘
    ใڞ༗ & ࣭໰
    

    View Slide

27. ίϛϡχςΟӡӦ
    ऀͱͯ͠ͷOSS׆ಈ
    

    View Slide

28. • 2015೥ʹ༗ࢤͰ্ཱͪ͛
    • Slack ʹΑΔ೔ຊਓ޲͚ͷνϟο
    τͷӡӦ
    • ConnpassʹΑΔMeetupͷӡӦ
    • ΧϯϑΝϨϯεʹ޲͚ͨ׆ಈ
    • ຋༁׆ಈͷαϙʔτ
    • ఆྫMTGͷ։࠵
    • … etc
    Vue.js೔ຊϢʔβʔάϧʔϓ
    

    View Slide

29. • CoC Ҏ֎͸ಛʹݫ֨ͳ
    ϧʔϧ͸ఆΊ͍ͯͳ͍
    • ίϛϡχςΟ͕ؾ࣋ͪ
    Α͍৔ʹ͢ΔΑ͏ʹ৺
    ͕͔͍͑ͯΔ
    • ࣭໰΁ͷฦ౴ɺMeetup
    ͷ։࠵ɺVue.jsެࣜؔ
    ࿈ϨϙδτϦͷϦϦʔ
    ε৘ใͳͲͷΞφ΢ϯ
    εͨ͠ΓͳͲ
    SlackͷӡӦ
    

    View Slide

30. • 3ʙ4ϲ݄ʹ1ճͷස౓Ͱ։࠵
    • ΦϑϥΠϯͷͱ͖͸ɺൃදʹΑ
    ΔVue.jsͷ৘ใ΍ɺ࠙਌ձͰ
    Vue.jsίϛϡχςΟ͕৘ใަ
    ׵ɺ਌ກͰ͖Δ৔ͷఏڙ͢Δͷ
    ͕໨త
    • ΦϯϥΠϯͰ΋ɺ୯ʹ৘ใͷൃ
    ৴͚ͩͰͳ͘ɺ࠷ۙ͸Ξϑλʔ
    τʔΫ౳Ͱ Q & A ͰΠϯλϥΫ
    ςΟϒʹָ͠ΊΔΑ͏ͳ৔Λఏ
    ڙͰ͖ΔΑ͏౒Ί͍ͯΔ
    MeetupͷӡӦ
    

    View Slide

31. • ݄ҰఆྫMTGͰΧϯϑΝϨ
    ϯε (Vue Fes Japan)ͷا
    ըɺ४උ͢Δ
    • ΧϯϑΝϨϯε౰೔͸ɺ
    Vue.js೔ຊϢʔβʔάϧʔ
    ϓελοϑશһͰӡӦʹ຿
    ΊΔ
    ΧϯϑΝϨϯεʹ޲͚ͨ׆ಈ
    

    View Slide

32. • ίϛϡχςΟʹΑΔ
    Vue.jsؔ࿈υΩϡϝ
    ϯτͷ຋༁Λαϙʔ
    τ
    • ϨϏϡʔ
    • େن໛ͳ຋༁׆ಈ
    ͷࡍͷ؀ڥ੔උ &
    Ϧʔυ
    ຋༁׆ಈͷαϙʔτ
    

    View Slide

33. • ݄1ͰVue.js೔ຊϢʔ
    βʔάϧʔϓελοϑ
    ޲͚ͷMTGΛ։࠵͠
    ͍ͯΔ
    • MTG಺༰ͱͯ͠͸ɺ
    ҎԼͷΠϕϯτͷاը
    & ४උ͕ओ
    • Meetup
    • ΧϯϑΝϨϯε
    ఆྫMTGͷ։࠵
    

    View Slide

34. OSS։ൃऀͱͯ͠ͷ
    OSS׆ಈ
    

    View Slide

35. • OSS։ൃऀͱͯ͠i18n޲͚OSSϓϩδΣΫτΛཱͪ
    ্͛ͯ׆ಈ͍ͯ͠Δ
    Intlify
    https://intlify.dev/
    

    View Slide

36. • Ϟνϕʔγϣϯ
    i18n पΓͷ໰୊(ͭΒΈ)Λղ͍ͯDXΛ޲্ͤͨ͞
    ͍
    • എܠ
    vue-i18n ͷ։ൃ & ۀ຿΁ͷಋೖ & l10n ͷ࣮ӡ༻͠
    ͍ͯ͘͏ͪʹࣗ෼ͷதͰιϑτ΢ΣΞͷi18nରԠप
    Γ͍ͯ͘͠͏ͪʹղ͖͍ͨͱժੜ͖͑ͯͨ
    Ϟνϕʔγϣϯͱഎܠ
    

    View Slide

37. • ղ͖͍ͨιϑτ΢ΣΞ։
    ൃʹ͓͚Δ i18n ͷ՝୊
    Λղܾ͢ΔͨΊͷॳظί
    ϯηϓτ
    • builderscon 2018 Ͱൃද
    ޙɺϓϩδΣΫτΛཱͪ
    ্͛ͨ
    ϓϩδΣΫτ։࢝ʹ޲͚ͨΞΠσΞ
    Slide: https://speakerdeck.com/kazupon/future-of-i18n
    YouTube: https://www.youtube.com/watch?v=oycx8hdd3Ws
    

    View Slide

38. • vue-i18n Λ framework agnostic ʹ͢ΔܗͰ։࢝
    ·ͣ͸ vue-i18n Λϕʔεʹ
    vue-18n v9 (vue-i18n-next) ͷΞʔΩςΫνϟ
    

    View Slide

39. • ϝοηʔδϑΥʔϚοτΛॲཧ͢ΔίϯύΠϥ
    ίϯύΠϥΛ࡞ͬͨΓͨ͠
    

    View Slide

40. • GitHub ͷ intlify organaization ͰҎԼ + ଞॾʑެ։
    ެ։͍ͯ͠ΔOSS
    https://github.com/intlify
    

    View Slide

41. • i18n routing
    (@intlify/routing)
    • URL ϧʔςΟϯάपΓ޲͚ͷ
    i18nϥΠϒϥϦ
    • Nuxt.js ͷ Nuxt 3 ରԠ͔Β೿
    ੜͨ͠΋ͷ
    • Nuxt.js Ҏ֎ʹ΋ vite + vue Ͱ
    ΋࢖͑ΔΑ͏ʹఏڙ͢Δ༧ఆ
    2022೥औΓ૊Έதͷ΋ͷ
    

    View Slide

42. • Locale switcher
    • web front-end agnostic ͳݴޠ੾ସʹಛԽͨ͠γ
    ϯϓϧͳϥΠϒϥϦ
    • ۀ຿ͷ micro-services (micro-frontend) ͳ
    system ͷଟݴޠԽରԠͰ൚༻Խͨ͠΋ͷ
    • Pluggable ͳػߏΛ࣮૷ͯ͠ఏڙ͢Δ༧ఆ
    2022೥औΓ૊Έதͷ΋ͷ
    

    View Slide

43. • vue-i18n v9 Ͱ։ൃͨ͠ i18n
    ϦιʔεϝοηʔδϑΥʔ
    Ϛοτͷચ࿅ & ൚༻Խ
    • ICU ·ͨ͸ MessageFormat
    Working Group ͕ਐΊ͍ͯΔ࢓༷
    ͱޓ׵
    • l10n ϑϨϯυϦʔ
    • pluggable ͳػߏ
    • Rust Ͱ࣮૷༧ఆ
    ࠓޙͷ༧ఆ
    https://github.com/unicode-org/message-format-wg
    

    View Slide

44. • vue-i18n v9 Ͱ࡞ͬͨίΞϥΠϒϥϦͷચ࿅Խ
    • ΑΓϑϨʔϜϫʔΫ agonostic ͨ͠ϥΠϒϥϦ΁
    • TypeSafe Ϧιʔε؅ཧ
    • αʔόʔαΠυࢦ޲
    • ্هΛϕʔεʹ vue-i18n v10 ͷ։ൃ
    ࠓޙͷ༧ఆ
    

    View Slide

45. ۀ຿ͰͷOSS׆ಈ
    

    View Slide

46. • 2019೥ೖࣾҎ߱ɺ
    ۀ຿Ͱ΋OSS׆ಈ
    ͍ͯ͠Δ
    • 2022೥͸ΑΓҰ૚
    OSS ʹϑΥʔΧε
    ͯ͠׆ಈத
    ձࣾۀ຿Ͱ΋OSS׆ಈ͍ͯ͠Δ
    https://note.com/kazu_pon/n/na6fc11e12898
    

    View Slide

47. • ۀ຿Ͱ࢖͍ͬͯΔOSSͷϝϯςφϯεɾܧଓ։ൃ
    • Α͋͘Δέʔεɻۀ຿ͷϓϩμΫτ։ൃͰݟ͚ͭ
    ͨόάɺϑΟʔυόοΫ͕ඞવʹOSS։ൃʹ΋ͳ
    Δ
    ͲͷΑ͏ʹۀ຿ͰOSS׆ಈ͍ͯ͠Δͷ͔
    

    View Slide

48. • ۀ຿Ͱղ͘՝୊͸ҙࣝ͠
    ͯجຊతʹ൚༻తʹղ͘
    • Case:
    ϓϩμΫτͷ l10n ϫʔ
    Ϋϑϩʔͷ؀ڥ੔උͰ
    ඞཁͳ CLI πʔϧΛ
    ࡞ͬͨέʔε
    ͲͷΑ͏ʹۀ຿ͰOSS׆ಈ͍ͯ͠Δͷ͔
    https://tech.plaid.co.jp/continuous-localization
    

    View Slide

49. • vue-i18n Λ࢖͍ͬͯΔ
    ϓϩμΫτͰ i18n Ϧ
    ιʔεͷ l10n αʔϏε
    ͱ࿈ܞͰඞཁʹͳͬͨ
    • ༷ʑͳ l10n αʔϏε
    ͕͋ΔͷͰͦΕͱ࿈ܞ
    ͢ΔػߏΛ൚༻తʹઃ
    ܭ͠ɺCLIπʔϧͱ͠
    ࣮ͯ૷
    OSSͱͯ͠࡞ͬͨCLIπʔϧͱ͸ʁ
    

    View Slide

50. • ۀ຿ 40% / OSS 60% ͱ͍͏Α͏ͳײ͡
    • OSS ։ൃͱۀ຿։ൃ͕૒ํγφδʔ͢ΔΑ͏ҙ͍ࣝͯ͠Δ
    • ࣗ෼ͷ৔߹͸ϓϩμΫτͷࠃࡍԽରԠʹϞνϕʔγϣϯΛ
    ͍࣋ͬͯΔ
    • ϓϩμΫτ։ൃ͔Βղ͘΂͖՝୊Λݟ͚ͭͦΕΛOSSԽ
    • ಋೖ͍ͯ͠ΔOSSͷܧଓ։ൃɾϝϯς
    • ࣗ෼ͷ΍͍ͬͯΔ͜ͱ͕݁Ռͱͯ͠ϓϩμΫτͷՁ஋ʹఏ
    ڙͰ͖ΔΑ͏ʹ͍ͯ͠Δ
    ۀ຿ͱOSS׆ಈͷൺ཰
    

    View Slide

51. OSSʹର͢Δ
    ޲͖߹͍ํ
    

    View Slide

52. • GitHubͰPRૹͬͨΓɺIssue(Bug)
    ొ࿥ͨ͠ΓͳͲɺίʔυʹΑΔ΋
    ͷ͚͕ͩ OSS ΁ͷߩݙͰ͸ͳ͍
    • ࣗ෼ͨͪ͸ɺ৭ʑͳܗͰߩݙͰ͖
    Δ͸ͣͰ͢
    

    View Slide

53. OSSʹ͸͍ΖΜͳํ๏ͷߩݙ͕ඞཁ
    “Vue.js͸׬શͳOSSͰ͢ͷͰɺօ͞·ҰਓͻͱΓʹࢧ͑ΒΕͯ੒Γཱͬ
    ͍ͯ·͢ɻεϙϯαʔاۀ༷Λืू͍ͯ͠Δͷ͸΋ͪΖΜͰ͕͢ɺۚમ
    తͳαϙʔτͰ͸ͳͯ͘΋ɺGitHubʹPRΛૹͬͯ௖͍ͨΓɺϢʔβʔ
    ؒͰ࣭໰ʹ౴͑ͯ௖͍ͨΓͱ͍ͬͨߦಈ͕Vue.jsͷͨΊʹͳΓ·͢ɻ"
    https://www.youtube.com/watch?v=oWSVBwcPBIk&t=1s
    

    View Slide

54. όάใࠂ
    PRϨϏϡʔ
    όάमਖ਼
    ৽ػೳ࣮૷
    ॻ੶ࣥච Q & A ରԠ
    ϒϩά
    ϛʔτΞοϓ։࠵
    ϛʔτΞοϓͷ͓ख఻͍ ΧϯϑΝϨϯεͷ͓ख఻͍
    ϙουΩϟετ
    εϙϯαʔ&د෇
    εϐʔΧʔొஃ
    ಈը
    υΩϡϝϯτվળ υΩϡϝϯτ຋༁
    νϟοτରԠ
    ϥΠϒϥϦ։ൃ
    ɾɾɾ
    ܒ໤
    ϫʔΫγϣοϓ ࣾ಺ษڧձ
    

    View Slide

55. OSSʹߩݙͯ͠Ձ஋ΛγΣΞ͢Δ͜ͱ͕େࣄ
    https://twitter.com/ikeike443/status/1062893298723876864
    

    View Slide

56. Creator
    OSS
    develop
    Blog
    write
    

    View Slide

57. Developer
    Company
    Creator
    OSS
    Product
    Developer
    adopt / use
    develop
    User
    use
    teach
    Blog
    read
    

    View Slide

58. Developer
    Company
    Creator
    OSS
    Product
    Blog / SNS
    Developer
    Developer
    donate
    donate
    more use
    write
    more
    develop
    read
    try to use
    more
    develop
    Developer
    Developer
    read
    User
    more use
    User
    use
    feedback
    try to use
    

    View Slide

59. Developer
    Company
    Creator
    OSS
    Product
    Blog / SNS
    Company
    Product
    Developer
    Plugin
    Developer
    donate
    donate
    more
    develop
    adopt / more use
    develop
    create
    more
    develop
    Developer
    Developer
    User User
    use
    feedback
    more use
    and contribute feedback
    more use
    

    View Slide

60. Developer
    Company
    Creator
    OSS
    Product
    Blog / SNS
    Company
    Product
    Plugin
    Developer
    Developer
    donate
    donate
    more
    develop
    more use
    and contribute
    more
    develop
    more develop
    adopt / use
    more
    develop
    Developer
    Developer
    User
    more use
    Company
    Product
    develop
    User
    more use
    Blog
    write read
    Developer
    (OSS Plugin
    Creator)
    more use
    and contribute
    

    View Slide

61. Developer
    Company
    Creator
    OSS
    Product
    Blog / SNS
    Company
    Product
    Developer
    (OSS Plugin
    Creator)
    Plugin
    Developer
    Developer
    donate
    donate
    more
    develop
    more
    develop
    more develop
    more use
    more
    develop
    Developer
    Developer
    User
    more use
    Company
    Product
    more
    develop
    User
    more use Event
    Organizer
    Event
    invite
    more use
    and contribute
    more use
    and contribute
    more use
    and contribute
    

    View Slide

62. Developer
    Company
    Creator
    OSS
    Product
    Blog / SNS
    Company
    Product
    Plugin
    Developer
    Developer
    donate
    donate
    more use
    more
    develop
    more use
    more
    develop
    more develop
    more use
    more
    develop
    Developer
    Developer
    User
    more use
    Company
    Product
    more
    develop
    User
    more use Event
    Organizer
    Company
    Developer
    join as speaker
    Event
    sponsored
    join as
    attendee
    Slide
    speak
    attend
    join
    as speaker
    Developer
    join as staff
    Media
    report
    Blog
    Developer
    (OSS Plugin
    Creator)
    more use
    and contribute
    

    View Slide

63. ԿΒ͔ͷߩݙʹΑͬͯΤίγες
    Ϝ͕ܗ੒͞ΕΔ
    ↓
    ωοτϫʔΫޮՌͰOSSͷརӹ
    (Ձ஋)͕ߴ·͍ͬͯ͘
    ↓
    OSS࡞ऀɺར༻ऀͦͯ͠ձࣾʹ΋
    རӹ͕෼͚༩͑ΒΕΔʂ
    

    View Slide

64. ·ͱΊ
    

    View Slide

65. ·ͱΊ
    • Ҏ্ɺܦݧ͖ͯͨ͠ҎԼͷ؍఺ͰOSS׆ಈʹ
    ͍ͭͯ࿩͠·ͨ͠
    • Vue.jsίΞνʔϜϝϯόʔͱͯ͠
    • ίϛϡχςΟӡӦऀͱͯ͠
    • OSS։ൃऀͱͯ͠
    • ۀ຿Ͱ
    

    View Slide

66. ·ͱΊ
    • ࠓޙɺOSS׆ಈʹؔΘΓ͍ͨʂαϙʔτͨ͠
    ͍ʂͱࢥ͍ͬͯΔਓͷ໾ʹཱͯΕ͹޾͍Ͱ͢
    • OSS ΁ͷߩݙํ๏͸͍Ζ͍Ζ͋ΔͷͰɺͥͻ
    ΍͍͖ͬͯ·͠ΐ͏ʂ
    

    View Slide

67. ࠷ޙʹ
    

    View Slide

68. Vue Fes Japan Online 2022
    • ࠓ೥2022೥10݄16೔ʹ։࠵͠·͢ʂ
    

    View Slide

69. εϙϯαʔͷօ༷ʹײँʂ
    

    View Slide

70. ͝ਗ਼ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
    🙇
    

    View Slide