Tweet
Tweet

Slide 1

Slide 1 text

Grand Frontend Osaka 2016 / Kite มଶత$44τϦοΫ൪֎ฤ
 εϙϯαʔϩΰαΠζͷ౷Ұ

Slide 2

Slide 2 text

WordPress core contributor Ruby on Rails contributor Wocker developer Bathe developer Frasco developer Web & graphic designer Programmer Kite KITERETZ inc. CEO & Funder ! kite.koga " ixkaito # ixkaito

Slide 3

Slide 3 text

εϙϯαʔϩΰαΠζͷ౷Ұ

Slide 4

Slide 4 text

࢓༷ ॎԣൺ͕όϥόϥͳϩΰ

Slide 5

Slide 5 text

ߴ͞΍෯Ͱ߹Θͤͯ΋ɺಉ͡େ͖͞ʹ͸ݟ͑ͳ͍ ࣦഊྫ

Slide 6

Slide 6 text

ಉ͡େ͖͞ʹݟ͑ΔΑ͏ʹ͢Δʹ͸ɺ໘ੵ͕ಉ͙͡Β͍ʹͳΔΑ͏ʹ͢Δඞཁ͕͋Δ ࣦഊྫ

Slide 7

Slide 7 text

Ұ൪ԣ௕ͳ ॎ௕Ͱ΋Α͍ ϩΰΛج४ʹɺൣғ಺ͰऔΕΔ࠷େ໘ੵΛٻΊΔ ΍Γํ

Slide 8

Slide 8 text

ྫ 300 * 50 = 15,000px ΍Γํ

Slide 9

Slide 9 text

x : y = 1.5 : 1 x y ΍Γํ x y x : y = 1 : 1

Slide 10

Slide 10 text

x * y = 15,000 1.5 * y * y = 15,000 y = √10,000 y = 100px x * y = 15,000 1 * y * y = 15,000 y = √15,000 y ≒ 122.474487139px ΍Γํ

Slide 11

Slide 11 text

΍Γํ 122px 100px x * y = 15,000 1.5 * y * y = 15,000 y = √10,000 y = 100px x * y = 15,000 1 * y * y = 15,000 y = √15,000 y ≒ 122.474487139px

Slide 12

Slide 12 text

ެࣜ 短辺 = √(最大面積 ÷ 縦横比)

Slide 13

Slide 13 text

࣮ࡍ͸ϩΰʹΑͬͯృΓͭͿ͠෦෼ͷ໘ੵ͕ҧ͍·͢ͷͰɺ
 ࠷ޙ͸ࣗ͝਎ͷ໨Ͱ֬ೝ͠ɺඍௐ੔͢Δ͜ͱΛΦεεϝ͠·͢ɻ ֮ॻ

Slide 14

Slide 14 text

࠷ޙʹ

Slide 15

Slide 15 text

,*5&3&5;JOD גࣜձࣾΩςϨπ Ͱ͸ɺ
 ຐ๏࢖͍ʹͳΓ͍ͨਓΛืू͠·͢ɻ
 ϦϞʔτɺύʔτλΠϜ׻ܴɻ αΠτ͔Β
 IUUQLJUFSFU[DPN 'BDFCPPLϝοηʔδ͔Β
 IUUQGBDFCPPLDPNLJUFLPHB (JU)VC*TTVF
 IUUQTHJUIVCDPNLJUFSFU[