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
2k
FiNC App Chat Onboarding Growth Hack
yoshimikeisui
0
5.6k
FiNCの分析基盤の概要
yoshimikeisui
2
4.9k
Other Decks in Programming
See All in Programming
【やさしく解説 設計編 #0】DDDのコード、読めるのに分からない人へ
panda728
PRO
1
190
Performance Engineering for Everyone
elenatanasoiu
0
250
LaravelLive Japan の裏方のすべて — 第188回 PHP勉強会@東京 (2026-06-24)
suguruooki
2
150
1B+ /day規模のログを管理する技術
broadleaf
0
120
分散システム、なんですぐ死んでしまうん?耐障害性を高めたいあなたのためのレジリエンスパターン入門
mshibuya
7
2.6k
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
hjmkth
1
340
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
o0h
PRO
0
290
symfony/aiとlaravel/boost
77web
0
120
jQueryをバージョンアップする前に使いたいjQuery Migrate
matsuo_atsushi
0
630
ECSアプリログをFireLensでコスト削減しようとしたけど諦めた話 in Fargate×Node.js
akihisaikeda
2
4.2k
Creating Composable Callables in Contemporary C++
rollbear
0
190
Spec Driven Development | AI Summit Lisbon
danielsogl
PRO
0
230
Featured
See All Featured
The Curse of the Amulet
leimatthew05
2
13k
Building the Perfect Custom Keyboard
takai
2
810
SEO for Brand Visibility & Recognition
aleyda
0
4.6k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
350
エンジニアに許された特別な時間の終わり
watany
107
250k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
280
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
Prompt Engineering for Job Search
mfonobong
0
370
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
580
The Pragmatic Product Professional
lauravandoore
37
7.4k
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