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
670
学生エンジニア、 ドキドキ初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
260
【爆速】2日で就職のためにJAMstackなハイパフォブログを作った話!!
ryuichisakagmai
0
160
Other Decks in Programming
See All in Programming
Formの複雑さに立ち向かう
bmthd
1
830
チームリードになって変わったこと
isaka1022
0
200
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
760
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
120
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.8k
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
260
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
Conform を推す - Advocating for Conform
mizoguchicoji
3
690
Ruby on cygwin 2025-02
fd0
0
140
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.9k
『品質』という言葉が嫌いな理由
korimu
0
160
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
390
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Docker and Python
trallard
44
3.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Side Projects
sachag
452
42k
Building an army of robots
kneath
303
45k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Done Done
chrislema
182
16k
Git: the NoSQL Database
bkeepers
PRO
427
64k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
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ͷίϛοτΓ͔ͳΓͷ࣮ྗ͕ඞཁ Ίͤ͟ʂ༗໊ίϛολʔ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ·ͩ·ͩϓϩάϥϛϯάॳΊͯ̍ͷͻΑͬ͜Ͱ͢ɻ ࣗͷ͢͜ͱ͕ਖ਼͍͔͠Ͳ͏͔Θ͔Γ·ͤΜɻ ࠙ձͰօ͞Μ͔Βҙݟ͍͚ͨͩΔͱ͍Ͱ͢