学生エンジニア、 ドキドキ初OSSコミットへの挑戦🎉

Transcript

1. 1.

   ֶੜΤϯδχΞɺ υΩυΩॳOSSίϛοτ΁ͷ௅ઓ ࡔ্ ྤҰ

2. 2.

   ࠓ೔͸ɺ OSSʹίϛοτ͍͚ͨ͠ͲҰา͕౿Έग़ͤͳ͍ʂ ͦΜͳํʹϓϩάϥϛϯάྺ̍೥ͷֶੜΤϯδχΞͰ΋ ίϛοτͰ͖ͨ࿩Λฉ͍ͯ ͖͔͚ͬʹ͍͚ͯͨͩͨ͠Βͱࢥ͍·͢ɻ

3. 3.

   ౦ژཧՊେֶ ޻ֶ෦ ৘ใ޻ֶՊ ̎೥ ࡔ্ ྤҰ ϑϩϯτΤϯυΤϯδχΞ Twitter: @RyuichiSakagami GitHub:

   Shagamii
4. 4.

   גࣜձࣾ ΩϡΞɾΞοϓ Πϯλʔϯ JavaScript(ReactNative) ֶੜஂମ Unitus JavaScript(React)

5. 5.

   ઌ೔ɺOSSॳίϛοτΛୡ੒͠·ͨ͠ʂ

6. 6.

   ॳOSSίϛοτΛୡ੒ͯ͠ࢥͬͨ͜ͱ… ࢥͬͯͨΑΓϋʔυϧߴͳ͍΍Μʂ

7. 7.

   ॳΊͯͷOSS׆ಈ react-native-pathjs-charts ReactNativeͰνϟʔτ΍άϥϑΛѻ͏ϥΠϒϥϦ

8. 8.

   ίϛοτ಺༰ ϨΠμʔνϟʔτͷϥϕϧΛΫϦοΫ͢Δͱͦͷϥϕϧ໊ͱ஋Λऔಘ ͢Δ

9. 9.

   DEMO

10. 10.

    ͦ΋ͦ΋ͷܦҢ

11. 11.

    PC΋͖ͬͯͯΔʁ ΩϡΞɾΞοϓʹΠϯλʔϯͷਃ͠ࠐΈ… ͸͡Ί·ͯ͠…ࡔ্Ͱ͢…

12. 12.

    ಥવϖΞϓϩ͕࢝·ΓɺϨʔμʔνϟʔτͷ࡞੒՝୊

13. 13.

    ޙ೔… npmͰϨʔμʔνϟʔτͷ ϥΠϒϥϦΛެ։͢Δ·Ͱ͠·͠ΐ͏ʂ

14. 14.

    ͑͐ʂʁnpmϥΠϒϥϦͰެ։ʂʁOSSʂʁ

15. 15.

    ͭΑͦ͏ͳ΍ͭ΍Μʂ

16. 16.

    ৭ʑͳ؍఺͔Βߟ͑ͯΈͨखॱ 1. ྨࣅϥΠϒϥϦ͕ͳ͍͔ௐࠪ 2. ԿΛ΍ΕΔ΋ͷͳͷ͔ΠϯλʔϑΣΠεΛܾΊΔ 3. ໊લΛܾΊΔ 4. githubʹϨϙδτϦࠎ֨Λͭ͘Δ 5.

    ࣮૷͢Δ 6. READMEॻ͘ 7. ެ։͢Δ 8. ޿ใ͢Δ
17. 17.

    - https://github.com/nhagen/react-radar-chart - ໊લ͸react͚ͩͲɺී௨ͷd3.jsΛ༻͍ͨϨʔμʔνϟʔτ - bowerͰinstall͢ΔΜ͚ͩͲɺREADMEͷ΍ͭͰ͸installͰ͖ͳ͔ͬͨ - ϓϩύςΟͱ͔ͷυΩϡϝϯτෆ଍ײ - ઈର஋ͰϨϯμϦϯά

    - https://github.com/shauns/react-d3-radar - ͪ͜Β͸React.jsͷίϯϙʔωϯτ - width, height, padding, domainMax, highlighted - υΩϡϝϯτෆ଍ײ - σβΠϯ͸ؙ͍ײ͡ - https://github.com/react-d3/react-d3-shape - https://github.com/reactjs/react-chartjs - chart.jsΛReactͰ࢖͑ΔΑ͏ʹͨ͠΋ͷ - dataͱoption͚͚ͩͩͲchart.js͕ϕʔεʹͳͬͯΔ͔ΒυΩϡϝϯτ͸ἧͬͯΔ - υΩϡϝϯτ௨Γʹ΍ͬͯ΋ಈ͔ͳ͍ - ಈతʹνϟʔτΛϨϯμϦϯά͢Δ͜ͱʹ΋ରԠ - https://reactcommunity.org/react-chartjs/index.html - https://github.com/rsamec/react-pathjs-chart - paths.jsͰΛReactͷComponentʹͨ͠΋ͷ - ಈ͖΋ग़ͤΔ - data, options, xkey, ykey,etc... - https://github.com/capitalone/react-native-pathjs-charts/releases - react-pathjs-chartͷReactNative൛ - ͔ͳΓ࠷ۙ΋։ൃ੝Μ - ϓϩύςΟ͸react-pathjs-chartͱ΄΅Ұॹ
18. 18.

    ͍΍ɺ͜Ε৽ͨʹϥΠϒϥϦެ։͢Δඞཁ͋Δʁ ͨͩͷंྠͷ࠶ൃ໌Ͱ͸…ʁ ͡Ό͋ɺ͍·͋ΔϥΠϒϥϦʹίϛοτ͠Α͏ʂ

19. 19.

    ͍͔ͭ͘ͷީิΛϦετΞοϓ react-pathjs-chart react-native-pathjs-charts react-d3-radar react-chartjs react-native-pathjs-charts • ελʔ਺ • ࠷ۙͷ։ൃঢ়گ

20. 20.

    None
21. 21.

    None
22. 22.

    ԿΛ࣮૷͢Δ͔ Կ͕͋ͬͨΒ͍͍͔… • ϥϕϧ෦෼ͳͲࡉ͔͍෦෼ͷΫϦοΫ࣌ͳͲͷ࣮૷ • ΩϟϓγϣϯΛ͚ͭΔ etc…

23. 23.

    ISSUEΛཱͯΔ • ಉ͡Α͏ͳIssue͕ͳ͍͔֬ೝ • ͦΕʹରͯ͠ͲͷΑ͏ͳϦΞΫγϣϯ͔Λ֬ೝ • ӳޠͷจ๏ϛεΛ͓ͦΕͳ͍ • ఏҊ࢟੎Ͱ •

    ࢥ͍੾ͬͯSubmitʂ
24. 24.

    PULL REQUESTΛૹΔ • ӳޠͷจ๏ϛεΛ͓ͦΕͳ͍ • ࣗ෼͕࣮૷͢ΔҎ֎ͷίʔυΛ৮Βͳ͍ • ͦͷOSSͷॻ͖ํΛकΔ • ࢥ͍੾ͬͯSubmitʂ

    • ؾ௕ʹ଴ͭ
25. 25.

    None
26. 26.

    ͜ΕͰ͋ͳͨ΋OSSίϛολʔ!!

27. 27.

    ̍ճίϛοτͰ͖Δͱௐࢠʹ৐ΕΔ

28. 28.

    ଞʹ΋… • typoͷमਖ਼ • Πϕϯτ৘ใͷߋ৽ • υΩϡϝϯτͷॆ࣮

29. 29.

    ΤϯδχΞ͸༏͍͠ ਫ਼ҰഋͷࣦഊͩͬͨΒ༏͘͠ࢦఠͯ͘͠ΕΔ

30. 30.

    ॳOSSίϛοτΛୡ੒ͯ͠ࢥͬͨ͜ͱ… ࢥͬͯͨΑΓϋʔυϧߴͳ͍΍Μʂ

31. 31.

    ͔͠͠ɺ΋ͪΖΜ… ॳOSSίϛοτͷෑډΛ௿͘ଊ͑Δ͜ͱ͕Ͱ͖Δ͚ͩ OSS΁ͷίϛοτࣗମ͕؆୯ͳΘ͚Ͱ͸ͳ͍

32. 32.

    େܕOSS΁ͷίϛοτʹඞཁͩͱײͨ͜͡ͱ • ίʔυͷಡΈํ • ࣮ͨͩ૷͢Δ͚ͩʹͱͲ·Βͳ͍ਂ͍ٕज़తͳ஌ࣝ • ੈͷதͰඞཁͱ͞Ε͍ͯΔػೳ • ͦ΋ͦ΋ͲΜͳOSS͕͋Δ͔

33. 33.

    ·ͱΊ • ॳίϛοτ͸࠷ॳͷҰาΛ;Έͩͤ͹ͳΜͱ͔ͳΔ • େܕOSS΁ͷίϛοτ͸΍͸Γ͔ͳΓͷ࣮ྗ͕ඞཁ Ίͤ͟ʂ༗໊ίϛολʔ

34. 34.

    ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ·ͩ·ͩϓϩάϥϛϯάॳΊͯ̍೥ͷͻΑͬ͜Ͱ͢ɻ ࣗ෼ͷ࿩͢͜ͱ͕ਖ਼͍͔͠Ͳ͏͔΋Θ͔Γ·ͤΜɻ ࠙਌ձͰօ͞Μ͔Βҙݟ͍͚ͨͩΔͱ޾͍Ͱ͢