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
700
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
学生エンジニア、 ドキドキ初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
330
【爆速】2日で就職のためにJAMstackなハイパフォブログを作った話!!
ryuichisakagmai
0
170
Other Decks in Programming
See All in Programming
Performance Engineering for Everyone
elenatanasoiu
0
260
Observability in Practice:Grafana 與 Edge Device SRE 的那些事
blueswen
0
190
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
tatsuhiro
1
220
20260623_Loop Engineeringで自分の分身の問い合わせBotを作る
ryugen04
0
190
Generative UI & AI-Assistants for Your Angular Solutions
manfredsteyer
PRO
0
150
Skillsは効率化、Agentsは"自分の拡張"——Builder時代のエージェント編成(CC Night 2026)
wemra
1
200
トークンをケチるな、設計しろ:GitHub Copilotを賢く使うコンテキスト戦略
ochtum
0
300
AIキャラアプリkaiwaの低遅延音声通話基盤をどう作ったか - AWS Gravitonで支える低遅延・低コストAI Agent基盤
mogamit
0
170
スマートグラスで並列バイブコーディング
hyshu
0
280
関数型プログラミングのメリットって何だろう?
wanko_it
0
160
Webフレームワークの ベンチマークについて
yusukebe
0
200
アルゴリズムは何を圧縮しているのか ─ Haskell から育った「圧縮代数」というメンタルモデル
naoya
15
3.2k
Featured
See All Featured
Visualization
eitanlees
152
17k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.6k
The Limits of Empathy - UXLibs8
cassininazir
1
410
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
260
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.9k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
220
WENDY [Excerpt]
tessaabrams
11
38k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
210
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.4k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
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ͷίϛοτΓ͔ͳΓͷ࣮ྗ͕ඞཁ Ίͤ͟ʂ༗໊ίϛολʔ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ·ͩ·ͩϓϩάϥϛϯάॳΊͯ̍ͷͻΑͬ͜Ͱ͢ɻ ࣗͷ͢͜ͱ͕ਖ਼͍͔͠Ͳ͏͔Θ͔Γ·ͤΜɻ ࠙ձͰօ͞Μ͔Βҙݟ͍͚ͨͩΔͱ͍Ͱ͢