Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
学生エンジニア、 ドキドキ初OSSコミットへの挑戦🎉
Search
Shagamii
August 10, 2017
Programming
0
690
学生エンジニア、 ドキドキ初OSSコミットへの挑戦🎉
Nihonbashi.js #2 fix typo! でのkeynoteです。
「学生エンジニア、 ドキドキ初OSSコミットへの挑戦🎉」
Shagamii
August 10, 2017
Tweet
Share
More Decks by Shagamii
See All by Shagamii
開発から運用まで Muddy に向き合う ABEMA における LP CMS 開発 ~ Muddy Web #7
ryuichisakagmai
1
300
【爆速】2日で就職のためにJAMstackなハイパフォブログを作った話!!
ryuichisakagmai
0
160
Other Decks in Programming
See All in Programming
CSC305 Lecture 06
javiergs
PRO
0
220
技術的負債の正体を知って向き合う / Facing Technical Debt
irof
0
160
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
ota1022
0
250
NixOS + Kubernetesで構築する自宅サーバーのすべて
ichi_h3
0
640
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
240
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
540
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
720
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
230
CSC305 Lecture 04
javiergs
PRO
0
270
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
0
230
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
140
Flutterで分数(Fraction)を表示する方法
koukimiura
0
130
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
135
9.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Scaling GitHub
holman
463
140k
Six Lessons from altMBA
skipperchong
28
4k
GraphQLとの向き合い方2022年版
quramy
49
14k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Navigating Team Friction
lara
190
15k
GitHub's CSS Performance
jonrohan
1032
470k
Typedesign – Prime Four
hannesfritz
42
2.8k
Practical Orchestrator
shlominoach
190
11k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
Transcript
ֶੜΤϯδχΞɺ υΩυΩॳOSSίϛοτͷઓ ࡔ্ ྤҰ
ࠓɺ OSSʹίϛοτ͍͚ͨ͠ͲҰา͕౿Έग़ͤͳ͍ʂ ͦΜͳํʹϓϩάϥϛϯάྺ̍ͷֶੜΤϯδχΞͰ ίϛοτͰ͖ͨΛฉ͍ͯ ͖͔͚ͬʹ͍͚ͯͨͩͨ͠Βͱࢥ͍·͢ɻ
౦ژཧՊେֶ ֶ෦ ใֶՊ ̎ ࡔ্ ྤҰ ϑϩϯτΤϯυΤϯδχΞ Twitter: @RyuichiSakagami GitHub:
Shagamii
גࣜձࣾ ΩϡΞɾΞοϓ Πϯλʔϯ JavaScript(ReactNative) ֶੜஂମ Unitus JavaScript(React)
ઌɺOSSॳίϛοτΛୡ͠·ͨ͠ʂ
ॳOSSίϛοτΛୡͯ͠ࢥͬͨ͜ͱ… ࢥͬͯͨΑΓϋʔυϧߴͳ͍Μʂ
ॳΊͯͷOSS׆ಈ react-native-pathjs-charts ReactNativeͰνϟʔτάϥϑΛѻ͏ϥΠϒϥϦ
ίϛοτ༰ ϨΠμʔνϟʔτͷϥϕϧΛΫϦοΫ͢Δͱͦͷϥϕϧ໊ͱΛऔಘ ͢Δ
DEMO
ͦͦͷܦҢ
PC͖ͬͯͯΔʁ ΩϡΞɾΞοϓʹΠϯλʔϯͷਃ͠ࠐΈ… ͡Ί·ͯ͠…ࡔ্Ͱ͢…
ಥવϖΞϓϩ͕࢝·ΓɺϨʔμʔνϟʔτͷ࡞՝
ޙ… npmͰϨʔμʔνϟʔτͷ ϥΠϒϥϦΛެ։͢Δ·Ͱ͠·͠ΐ͏ʂ
͑͐ʂʁnpmϥΠϒϥϦͰެ։ʂʁOSSʂʁ
ͭΑͦ͏ͳͭΜʂ
৭ʑͳ؍͔Βߟ͑ͯΈͨखॱ 1. ྨࣅϥΠϒϥϦ͕ͳ͍͔ௐࠪ 2. ԿΛΕΔͷͳͷ͔ΠϯλʔϑΣΠεΛܾΊΔ 3. ໊લΛܾΊΔ 4. githubʹϨϙδτϦࠎ֨Λͭ͘Δ 5.
࣮͢Δ 6. READMEॻ͘ 7. ެ։͢Δ 8. ใ͢Δ
- 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ͱ΄΅Ұॹ
͍ɺ͜Ε৽ͨʹϥΠϒϥϦެ։͢Δඞཁ͋Δʁ ͨͩͷंྠͷ࠶ൃ໌Ͱ…ʁ ͡Ό͋ɺ͍·͋ΔϥΠϒϥϦʹίϛοτ͠Α͏ʂ
͍͔ͭ͘ͷީิΛϦετΞοϓ react-pathjs-chart react-native-pathjs-charts react-d3-radar react-chartjs react-native-pathjs-charts • ελʔ • ࠷ۙͷ։ൃঢ়گ
None
None
ԿΛ࣮͢Δ͔ Կ͕͋ͬͨΒ͍͍͔… • ϥϕϧ෦ͳͲࡉ͔͍෦ͷΫϦοΫ࣌ͳͲͷ࣮ • ΩϟϓγϣϯΛ͚ͭΔ etc…
ISSUEΛཱͯΔ • ಉ͡Α͏ͳIssue͕ͳ͍͔֬ೝ • ͦΕʹରͯ͠ͲͷΑ͏ͳϦΞΫγϣϯ͔Λ֬ೝ • ӳޠͷจ๏ϛεΛ͓ͦΕͳ͍ • ఏҊ࢟Ͱ •
ࢥ͍ͬͯSubmitʂ
PULL REQUESTΛૹΔ • ӳޠͷจ๏ϛεΛ͓ͦΕͳ͍ • ͕࣮ࣗ͢ΔҎ֎ͷίʔυΛ৮Βͳ͍ • ͦͷOSSͷॻ͖ํΛकΔ • ࢥ͍ͬͯSubmitʂ
• ؾʹͭ
None
͜ΕͰ͋ͳͨOSSίϛολʔ!!
̍ճίϛοτͰ͖ΔͱௐࢠʹΕΔ
ଞʹ… • typoͷमਖ਼ • Πϕϯτใͷߋ৽ • υΩϡϝϯτͷॆ࣮
ΤϯδχΞ༏͍͠ ਫ਼ҰഋͷࣦഊͩͬͨΒ༏͘͠ࢦఠͯ͘͠ΕΔ
ॳOSSίϛοτΛୡͯ͠ࢥͬͨ͜ͱ… ࢥͬͯͨΑΓϋʔυϧߴͳ͍Μʂ
͔͠͠ɺͪΖΜ… ॳOSSίϛοτͷෑډΛ͘ଊ͑Δ͜ͱ͕Ͱ͖Δ͚ͩ OSSͷίϛοτࣗମ͕؆୯ͳΘ͚Ͱͳ͍
େܕOSSͷίϛοτʹඞཁͩͱײͨ͜͡ͱ • ίʔυͷಡΈํ • ࣮ͨͩ͢Δ͚ͩʹͱͲ·Βͳ͍ਂ͍ٕज़తͳࣝ • ੈͷதͰඞཁͱ͞Ε͍ͯΔػೳ • ͦͦͲΜͳOSS͕͋Δ͔
·ͱΊ • ॳίϛοτ࠷ॳͷҰาΛ;ΈͩͤͳΜͱ͔ͳΔ • େܕOSSͷίϛοτΓ͔ͳΓͷ࣮ྗ͕ඞཁ Ίͤ͟ʂ༗໊ίϛολʔ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ·ͩ·ͩϓϩάϥϛϯάॳΊͯ̍ͷͻΑͬ͜Ͱ͢ɻ ࣗͷ͢͜ͱ͕ਖ਼͍͔͠Ͳ͏͔Θ͔Γ·ͤΜɻ ࠙ձͰօ͞Μ͔Βҙݟ͍͚ͨͩΔͱ͍Ͱ͢