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

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

34481b1414dafff115c1e4ee39df92a5?s=47 Shagamii
August 10, 2017

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

Nihonbashi.js #2 fix typo! でのkeynoteです。
「学生エンジニア、 ドキドキ初OSSコミットへの挑戦🎉」

34481b1414dafff115c1e4ee39df92a5?s=128

Shagamii

August 10, 2017
Tweet

Transcript

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

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

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

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

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

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

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

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

  9. DEMO

  10. ͦ΋ͦ΋ͷܦҢ

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

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

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

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

  15. ͭΑͦ͏ͳ΍ͭ΍Μʂ

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

    ࣮૷͢Δ 6. READMEॻ͘ 7. ެ։͢Δ 8. ޿ใ͢Δ
  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. ͍΍ɺ͜Ε৽ͨʹϥΠϒϥϦެ։͢Δඞཁ͋Δʁ ͨͩͷंྠͷ࠶ൃ໌Ͱ͸…ʁ ͡Ό͋ɺ͍·͋ΔϥΠϒϥϦʹίϛοτ͠Α͏ʂ

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

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

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

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

    • ؾ௕ʹ଴ͭ
  25. None
  26. ͜ΕͰ͋ͳͨ΋OSSίϛολʔ!!

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

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

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

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

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

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

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

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