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

by Shagamii

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

DEMO

Slide 10

Slide 10 text

ͦ΋ͦ΋ͷܦҢ

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

ͭΑͦ͏ͳ΍ͭ΍Μʂ

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

- 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ͱ΄΅Ұॹ

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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