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
Simple Graph
Search
Yoshimi Kondo
November 24, 2015
Programming
2.8k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Simple Graph
https://github.com/yoshimikeisui/SimpleGraphSample
Yoshimi Kondo
November 24, 2015
More Decks by Yoshimi Kondo
See All by Yoshimi Kondo
FiNC Tech Meetup ~Growth Engineering~
yoshimikeisui
0
1.2k
本質的なグロースハックを求めて
yoshimikeisui
0
2.1k
FiNC App Chat Onboarding Growth Hack
yoshimikeisui
0
5.6k
FiNCの分析基盤の概要
yoshimikeisui
2
4.9k
Other Decks in Programming
See All in Programming
今さら聞けない .NET CLI
htkym
0
210
Flow は今どうなっているか
mizdra
PRO
0
670
まだ間に合う!今年の夏こそSchemeのマクロ展開器を完全理解!
omasanori
0
290
Android CLI
fornewid
0
230
ソフトウェアラスタライザ
fadis
1
280
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
susisu
0
250
為什麼你並不需要ViewModel / No, you don't need a ViewModel
lovee
1
510
AI Readyの正体はデータマネジメントだ メダリオン2.0の最前線
freee
PRO
0
350
【デモ】Kiroで体験する仕様駆動開発|設計からコーディングまでAIと進める開発フロー
cmkudo
0
310
Go を使い始めて 2 ヶ月の学び / My first two months with Go
contour_gara
0
350
Hono + Inertia + React で LP を構築した話
oukayuka
2
130
komatsuna「分散システムにおけるバグ分析手法」
komatsunaqa
0
270
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
55
8.3k
AI: The stuff that nobody shows you
jnunemaker
PRO
9
930
Navigating Weather and Climate Data
rabernat
0
490
Mobile First: as difficult as doing things right
swwweet
225
10k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
The untapped power of vector embeddings
frankvandijk
2
1.8k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
6.1k
The browser strikes back
jonoalderson
0
1.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
Site-Speed That Sticks
csswizardry
13
1.5k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.8k
Transcript
SIMPLE GRAPH YOSHIMIKEISUI #POTATOTIPS
INTRODUCTION
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. ࣗݾհ ▸ FiNC Inc.
▸ iOS / Swift ▸ Ruby on Rails ▸ github: yoshimikeisui ▸ Qiita: yoshimikeisui
PRODUCT
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. PRODUCT ▸ ϔϧεέΞΞϓϦ ▸
ମॏาͳͲͷϩά ▸ ੜ׆श׳ΛΞυόΠε ▸ ݈߁ʹ·ͭΘΔใ
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. PRODUCT ▸ ϔϧεέΞΞϓϦ ▸
ମॏาͳͲͷϩά ▸ ੜ׆श׳ΛΞυόΠε ▸ ݈߁ʹ·ͭΘΔใ Ϧχϡʔ Ξ ϧʂ
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. PRODUCT ▸ ϔϧεέΞΞϓϦ ▸
ମॏาͳͲͷϩά ▸ ੜ׆श׳ΛΞυόΠε ▸ ݈߁ʹ·ͭΘΔใ
GRAPH DRAWING
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH DRAWING
HOW? ࣗ࡞
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. ͡ΊʹΈͨͷ ▸ CorePlot ▸
iOS-Charts ▸ PNChart
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. ͡ΊʹΈͨͷ ▸ CorePlot -
ݱόʔδϣϯͰ༻͍ͯ͠Δ ▸ iOS-Charts - ѹతͳࢧ࣋ ▸ PNChart - γϯϓϧͦ͏
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. Ͱ ▸ ͦΜͳͨ͘͞Μάϥϑछྨ͍Βͳ͍ ▸
ࢦఆ͢ΔΦϓγϣϯ͕ଟͯ͘ɺwrapͯ͠͏ ▸ ͍͢͝ඍົͳϨΠΞτάϥϑͷϥϕϧΛௐ͠ʹ͍͘
HOW? ࣗ࡞
HOW? ࣗ࡞ https://github.com/yoshimikeisui/SimpleGraphSample
HOW TO USE
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH FRAME STROKE +
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. HOW TO USE SIMPLE
GRAPH ▸ ઢͷ෦ = LineStroke ▸ എܠ = LineStrokeGraphFrame
MECHANISM
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH FRAME STROKE +
ߏ
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. Δ͜ͱᶃ
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. X࣠ͷͷ෯ΛٻΊΔ
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. width / ࠷ͷྻͷCount
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. Δ͜ͱᶄ
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. Y࣠ͷͷߴ͞ΛٻΊΔ
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. height / ࠷େ
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH FRAME ▸ strokesͷ࠷େ͔ΒY࣠ͷߴ͞ΛٻΊΔ
▸ strokesͷ࠷େݸ͔ΒX࣠ͷ͞ΛٻΊΔ
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH STROKE ▸ X࣠ͱY࣠ͷΛऔಘͰ͖
ΔΑ͏ʹ ▸ superviewͰ͋Δ GraphFrame͔Βऔಘ
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH STROKE ▸ protocolͰ༻ҙ͞ΕͨgetXPoint,
getYPointͰ࠲ඪΛऔಘ ▸ UIBezierPathͰඳࣸ
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH FRAME STROKE ྻͷ͞
ϝϞϦ͝ͱͷX࣠ͷ෯ ͝ͱͷY࣠ͷߴ͞ ྻͷ
WHY PROTOCOL?
SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. PROTOCOL STROKE LINE STROKE
PROTOCOL STROKE LINE STROKE PROTOCOL STROKE BAR STROKE LINE GRAPH FRAME PROTOCOL GRAPH FRAME BAR GRAPH FRAME PROTOCOL BAR FRAME ϝΠϯͷϩδοΫΛ׆͔ͯ͠ɺछྨͷάϥϑ͕ඳ͚Δ
ςΩετ ·ͱΊ ▸ γϯϓϧͳάϥϑͳΒɺࣗ࡞͢Δͱָɺָ͍ͦͯ͠͠ ▸ protocolΛͬͯɺجຊϩδοΫΛΓग़͢ ▸ ͜ΕΛجʹͯ͠ɺ࠷ऴతʹ͜͏ͳΕͨˣ
END