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

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

34481b1414dafff115c1e4ee39df92a5?s=47 Shagamii
August 10, 2017
Programming
0
450

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

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

34481b1414dafff115c1e4ee39df92a5?s=128

Shagamii

August 10, 2017
Tweet

More Decks by Shagamii

See All by Shagamii
【爆速】２日で就職のためにJAMstackなハイパフォブログを作った話！！
34481b1414dafff115c1e4ee39df92a5?s=48 ryuichisakagmai
0
98

Other Decks in Programming

See All in Programming
About Type Syntax Proposal
893f54413c2bd9ba41d11d753aacaf2c?s=48 quramy
1
880
ゴーファーくんと学ぶGo言語の世界/golang-world-with-gopher
Be01969dc1e5ac0998183f9a114dbf58?s=48 iwasiman
1
140
UI State Modeling 어떤게 좋을까?
Afcab07a7473e163949d85424a81cb85?s=48 laco2951
1
190
機能横断型チームにおける技術改善
63b77df425b26126961817a39969a660?s=48 takeshiakutsu
3
410
既存のプロジェクトにKMMを導入するための対応策
Ae276805027a01983503c3edafbdb6b2?s=48 martysuzuki
2
280
Nix for Scala folks
08f642741fba006656cb86fb61c160b3?s=48 kubukoz
0
120
書籍『良いコード/悪いコードで学ぶ設計入門』でエンジニアリングの当たり前を変える
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
3
1k
heyにおけるSREの大切さ~マルチプロダクト運用の「楽しさ」と「難しさ」および今後の展望~
4631864606a93224804a49331d1a7dfd?s=48 fufuhu
3
1.5k
バンドル最適化マニアクス at tfconf
3aebd86547bfc5cdb451d5f2f95ed5d8?s=48 mizchi
3
1.9k
職場にPythonistaを増やす方法
86b349524dfba1c635e944f2a9c92e91?s=48 soogie
0
180
roadmap to rust 2024
F0493f5bcb4cc9fdccc54ae3e8ab6bd0?s=48 matsu7874
1
570
Named Document って何？
4cda705b5eecbba889fb97ce9f374efe?s=48 harunakano
0
230

Featured

See All Featured
Unsuck your backbone
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
659
55k
Fireside Chat
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
11
1.2k
Typedesign – Prime Four
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
33
1.3k
The Invisible Customer
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
Building Adaptive Systems
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
1.1k
Distributed Sagas: A Protocol for Coordinating Microservices
9128d500301ae51524e887bb680f471d?s=48 caitiem20
314
19k
For a Future-Friendly Web
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
164
7.4k
No one is an island. Learnings from fostering a developers community.
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
9
1.1k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
410k
GraphQLの誤解/rethinking-graphql
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
24
6.2k
Intergalactic Javascript Robots from Outer Space
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
261
25k
YesSQL, Process and Tooling at Scale
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
157
12k

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