Simple Graph - Speaker Deck

Simple Graph

by Yoshimi Kondo

Slide 1

Slide 1 text

SIMPLE GRAPH YOSHIMIKEISUI #POTATOTIPS

Slide 2

Slide 2 text

INTRODUCTION

Slide 3

Slide 3 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. ࣗݾ঺հ ▸ FiNC Inc. ▸ iOS / Swift ▸ Ruby on Rails ▸ github: yoshimikeisui ▸ Qiita: yoshimikeisui

Slide 4

Slide 4 text

PRODUCT

Slide 5

Slide 5 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. PRODUCT ▸ ϔϧεέΞΞϓϦ ▸ ମॏ΍า਺ͳͲͷϩά ▸ ੜ׆श׳ΛΞυόΠε ▸ ݈߁ʹ·ͭΘΔ৘ใ

Slide 6

Slide 6 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. PRODUCT ▸ ϔϧεέΞΞϓϦ ▸ ମॏ΍า਺ͳͲͷϩά ▸ ੜ׆श׳ΛΞυόΠε ▸ ݈߁ʹ·ͭΘΔ৘ใ Ϧχϡʔ Ξ ϧʂ

Slide 7

Slide 7 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. PRODUCT ▸ ϔϧεέΞΞϓϦ ▸ ମॏ΍า਺ͳͲͷϩά ▸ ੜ׆श׳ΛΞυόΠε ▸ ݈߁ʹ·ͭΘΔ৘ใ

Slide 8

Slide 8 text

GRAPH DRAWING

Slide 9

Slide 9 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH DRAWING

Slide 10

Slide 10 text

HOW? ࣗ࡞

Slide 11

Slide 11 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. ͸͡ΊʹΈͨ΋ͷ ▸ CorePlot ▸ iOS-Charts ▸ PNChart

Slide 12

Slide 12 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. ͸͡ΊʹΈͨ΋ͷ ▸ CorePlot - ݱόʔδϣϯͰ࢖༻͍ͯ͠Δ ▸ iOS-Charts - ѹ౗తͳࢧ࣋਺ ▸ PNChart - γϯϓϧͦ͏

Slide 13

Slide 13 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. Ͱ΋ ▸ ͦΜͳͨ͘͞Μάϥϑछྨ͍Βͳ͍ ▸ ࢦఆ͢ΔΦϓγϣϯ͕ଟͯ͘ɺwrapͯ͠࢖͏ ▸ ͍͢͝ඍົͳϨΠΞ΢τ΍άϥϑͷϥϕϧΛௐ੔͠ʹ͍͘

Slide 14

Slide 14 text

HOW? ࣗ࡞

Slide 15

Slide 15 text

HOW? ࣗ࡞ https://github.com/yoshimikeisui/SimpleGraphSample

Slide 16

Slide 16 text

HOW TO USE

Slide 17

Slide 17 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH FRAME STROKE +

Slide 18

Slide 18 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. HOW TO USE SIMPLE GRAPH ▸ ઢͷ෦෼ = LineStroke ▸ എܠ = LineStrokeGraphFrame

Slide 19

Slide 19 text

MECHANISM

Slide 20

Slide 20 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH FRAME STROKE + ߏ੒

Slide 21

Slide 21 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. ΍Δ͜ͱᶃ

Slide 22

Slide 22 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. X࣠ͷ఺ͷ෯ΛٻΊΔ

Slide 23

Slide 23 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. width / ࠷௕ͷ഑ྻͷCount

Slide 24

Slide 24 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. ΍Δ͜ͱᶄ

Slide 25

Slide 25 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. Y࣠ͷ఺ͷߴ͞ΛٻΊΔ

Slide 26

Slide 26 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. height / ࠷େ஋

Slide 27

Slide 27 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH FRAME ▸ strokesͷ࠷େ஋͔ΒY࣠ͷߴ͞ΛٻΊΔ ▸ strokesͷ࠷େݸ਺͔ΒX࣠ͷ௕͞ΛٻΊΔ

Slide 28

Slide 28 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH STROKE ▸ X࣠ͱY࣠ͷ஋ΛऔಘͰ͖ ΔΑ͏ʹ ▸ superviewͰ͋Δ GraphFrame͔Βऔಘ

Slide 29

Slide 29 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH STROKE ▸ protocolͰ༻ҙ͞ΕͨgetXPoint, getYPointͰ࠲ඪΛऔಘ ▸ UIBezierPathͰඳࣸ

Slide 30

Slide 30 text

SIMPLE GRAPH - YOSHIMIKEISUI, FINC INC. GRAPH FRAME STROKE ഑ྻͷ௕͞ ϝϞϦ͝ͱͷX࣠ͷ෯ ஋͝ͱͷY࣠ͷߴ͞ ഑ྻͷ஋

Slide 31

Slide 31 text

WHY PROTOCOL?

Slide 32

Slide 32 text

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 ϝΠϯͷϩδοΫΛ׆͔ͯ͠ɺ਺छྨͷάϥϑ͕ඳ͚Δ

Slide 33

Slide 33 text

ςΩετ ·ͱΊ ▸ γϯϓϧͳάϥϑͳΒɺࣗ࡞͢Δͱָɺָ͍ͦͯ͠͠ ▸ protocolΛ࢖ͬͯɺجຊϩδοΫΛ੾Γग़͢ ▸ ͜ΕΛجʹͯ͠ɺ࠷ऴతʹ͸͜͏ͳΕͨˣ

Slide 34

Slide 34 text

END