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
1
2.6k
Simple Graph
https://github.com/yoshimikeisui/SimpleGraphSample
Yoshimi Kondo
November 24, 2015
Tweet
Share
More Decks by Yoshimi Kondo
See All by Yoshimi Kondo
FiNC Tech Meetup ~Growth Engineering~
yoshimikeisui
0
1.1k
本質的なグロースハックを求めて
yoshimikeisui
0
1.8k
FiNC App Chat Onboarding Growth Hack
yoshimikeisui
0
5.5k
FiNCの分析基盤の概要
yoshimikeisui
2
4.7k
Other Decks in Programming
See All in Programming
Findy Team+ Awardを受賞したかった!ベストプラクティス応募内容をふりかえり、開発生産性向上もふりかえる / Findy Team Plus Award BestPractice and DPE Retrospective 2024
honyanya
0
140
PicoRubyと暮らす、シェアハウスハック
ryosk7
0
200
為你自己學 Python
eddie
0
510
React 19でお手軽にCSS-in-JSを自作する
yukukotani
5
560
『改訂新版 良いコード/悪いコードで学ぶ設計入門』活用方法−爆速でスキルアップする!効果的な学習アプローチ / effective-learning-of-good-code
minodriven
28
4k
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
110
Асинхронность неизбежна: как мы проектировали сервис уведомлений
lamodatech
0
1.3k
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
10
5k
見えないメモリを観測する: PHP 8.4 `pg_result_memory_size()` とSQL結果のメモリ管理
kentaroutakeda
0
930
週次リリースを実現するための グローバルアプリ開発
tera_ny
1
1.1k
20241217 競争力強化とビジネス価値創出への挑戦:モノタロウのシステムモダナイズ、開発組織の進化と今後の展望
monotaro
PRO
0
280
VisionProで部屋の明るさを反映させるシェーダーを作った話
segur
0
100
Featured
See All Featured
Designing for humans not robots
tammielis
250
25k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Language of Interfaces
destraynor
155
24k
Building an army of robots
kneath
302
45k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
230
52k
Visualization
eitanlees
146
15k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
350
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
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