Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
学生エンジニア、 ドキドキ初OSSコミットへの挑戦🎉
Search
Shagamii
August 10, 2017
Programming
710
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
Transcript
34 slides
ֶੜΤϯδχΞɺ υΩυΩॳ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ͷίϛοτΓ͔ͳΓͷ࣮ྗ͕ඞཁ Ίͤ͟ʂ༗໊ίϛολʔ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ·ͩ·ͩϓϩάϥϛϯάॳΊͯ̍ͷͻΑͬ͜Ͱ͢ɻ ࣗͷ͢͜ͱ͕ਖ਼͍͔͠Ͳ͏͔Θ͔Γ·ͤΜɻ ࠙ձͰօ͞Μ͔Βҙݟ͍͚ͨͩΔͱ͍Ͱ͢
More Decks by Shagamii
See All by Shagamii
開発から運用まで Muddy に向き合う ABEMA における LP CMS 開発 ~ Muddy Web #7
ryuichisakagmai
1
340
【爆速】2日で就職のためにJAMstackなハイパフォブログを作った話!!
ryuichisakagmai
0
170
Other Decks in Programming
See All in Programming
SFCで実現する病院・医療システムの動的組み立て式UI
koukimiura
1
180
우리의 Nitro Modules는 당신의 Turbo Modules보다 아름답다
l2hyunwoo
0
260
はじめてのPLATEAU
nokonoko1203
1
640
Materialが消えた日 〜真っ白なFlutterキャンバスにRenderObjectで絵を描く〜
umigishiaoi
0
160
Rails初心者がパスキーを実装してみて大変だったこと
ktombow
0
180
React Native에 현대적인 빌드 도구 더하기: Rollipop 구현기
leegeunhyeok
0
180
Vapor Mode でアクセシビリティは 壊れないか検証した話
fuqda
1
340
社内AIエージェント「Askワンバン」における コストチューニングの取り組み
t0yohei
0
170
Crash Auto Pipelines
veronikapj
1
410
Claude Code ハーネスDeep Dive – 君はどこまで制御する? -
takateeen_knj
6
5.6k
AI時代のIaC入門 〜なぜインフラをコードで管理したいのか?〜 / Introduction to IaC in the AI Era
akihisaikeda
6
1.5k
TanStack Vue Query と Pinia Colada から学ぶ非同期状態の型設計
aoshi
0
660
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
210k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
310
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
121
130k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.5k
Building a Scalable Design System with Sketch
lauravandoore
464
34k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
50
10k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.2k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
Faster Mobile Websites
deanohume
310
32k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
1
660
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
How to build a perfect <img>
jonoalderson
1
6.2k