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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Shagamii
August 10, 2017
Programming
700
0
Share
学生エンジニア、 ドキドキ初OSSコミットへの挑戦🎉
Nihonbashi.js #2 fix typo! でのkeynoteです。
「学生エンジニア、 ドキドキ初OSSコミットへの挑戦🎉」
Shagamii
August 10, 2017
More Decks by Shagamii
See All by Shagamii
開発から運用まで Muddy に向き合う ABEMA における LP CMS 開発 ~ Muddy Web #7
ryuichisakagmai
1
320
【爆速】2日で就職のためにJAMstackなハイパフォブログを作った話!!
ryuichisakagmai
0
170
Other Decks in Programming
See All in Programming
【26新卒研修】OpenAPI/Swagger REST API研修
dip_tech
PRO
0
140
KMP × Kotlin 2.3 - How Android Got Slower While iOS Builds Improved by 47%
rio432
0
130
Claude CodeでETLジョブ実行テストを自動化してみた
yoshikikasama
0
1.2k
10 Tips of AWS ~Gen AI on AWS~
licux
5
540
アクセシビリティ試験の"その後"を仕組み化する
yuuumiravy
1
200
mruby on C#: From VM Implementation to Game Scripting (RubyKaigi 2026)
hadashia
2
1.6k
AlarmKitで明後日起きれるアラームアプリを作る
trickart
0
120
SREに優しいTerraform構成 modulesとstateの組み方
hiyanger
2
170
ソフトウェア設計の結合バランス #phperkaigi
kajitack
0
490
継続的な負荷検証を目指して
pyama86
1
780
AI時代になぜ書くのか
mutsumix
0
250
実践ハーネスエンジニアリング:ステアリングループを実例から読み解く / Practical Harness Engineering: Understanding Steering Loops Through Real-World Examples
nrslib
5
4.5k
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.5k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
130
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.4k
Building the Perfect Custom Keyboard
takai
2
750
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.1k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
290
Speed Design
sergeychernyshev
33
1.6k
Building AI with AI
inesmontani
PRO
1
970
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4k
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ͷίϛοτΓ͔ͳΓͷ࣮ྗ͕ඞཁ Ίͤ͟ʂ༗໊ίϛολʔ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ·ͩ·ͩϓϩάϥϛϯάॳΊͯ̍ͷͻΑͬ͜Ͱ͢ɻ ࣗͷ͢͜ͱ͕ਖ਼͍͔͠Ͳ͏͔Θ͔Γ·ͤΜɻ ࠙ձͰօ͞Μ͔Βҙݟ͍͚ͨͩΔͱ͍Ͱ͢