Slide 1

Slide 1 text

౉ล௚໵ ΈͯͶσβΠφʔ σβΠϯ؀ڥ΍ϫʔΫϑϩʔͷվળ Mitene Meetup #3

Slide 2

Slide 2 text

2013೥ 2013೥ 2013೥ 2014೥ ೖࣾ POPHOMEʢ৽نࣄۀɾΞϓϦʣ PoPollyʢ৽نࣄۀɾΞϓϦʣ ΈͯͶ ౉ล௚໵ σβΠφʔ 6݄ 6-9݄ 10-12݄ 1݄

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

σβΠϯ؀ڥ΍ϫʔΫϑϩʔΛվળͨ͠࿩ ࿩͢͜ͱ

Slide 5

Slide 5 text

ᶃ GitΛ࢖ͬͨσβΠϯσʔλ؅ཧ ᶄ apkαΠζ࠷దԽ & Sketch Plugin࡞੒ ᶅ XcodeΛ࢖ͬͨϓϩτλΠϐϯά ಺༰

Slide 6

Slide 6 text

ᶃGitΛ࢖ͬͨσβΠϯσʔλ؅ཧ

Slide 7

Slide 7 text

GitҠߦલ ໰୊͕͋Δͷ͸Θ͔͍͕ͬͯͨɺ ۩ମతʹରࡦΛͨ͠ΓɺϧʔϧΛܾΊΔͷ͕Ͱ͖͍ͯͳ͔ͬͨ w ΋ͱ΋ͱ͸(PPHMF%SJWF w ͨͼͨͼ໰୊͕ൃੜ w σʔλͷ໭͠๨Εɺઌ૆ฦΓɺ࠷৽σʔλʁʁ

Slide 8

Slide 8 text

৭ʑͭΒ͍ͷͰɺͳΜͱ͔͍ͨ͠

Slide 9

Slide 9 text

Git LFSʁ

Slide 10

Slide 10 text

Git LFS ͱ͸ʁ w Gitͷ֦ுػೳ w 100MBҎ্ͷϑΝΠϧ΋ѻ͑Δ w Sketch, AI, PSD΋OK w ίϝϯτ΍ཤྺ͕࢒ͤΔ (JU-'4Λ࢖͑͹՝୊ΛղܾͰ͖ͦ͏

Slide 11

Slide 11 text

Ҡߦ࣌ͷ՝୊΋গͳ͍ w Git͸ಋೖࡁΈ w Git LFS DataΛ༗ޮʹ͢Δ͚ͩ w ஋ஈ΋50GB $5.00/monthͱखࠒ

Slide 12

Slide 12 text

Ұ൪ͷωοΫͱͳΔgitͷૢ࡞໘ w ΈͯͶͰ͸σβΠφʔ΋೔ৗతʹgitΛ࢖༻ w UIͷ࠷ऴௐ੔ΛσβΠφʔ͕ߦ͍PRఏग़ w ը૾σʔλͷड͚౉͠ w gitΛѻ͏্Ͱͷ఍߅͸ͳ͔ͬͨ

Slide 13

Slide 13 text

2017೥9݄Ҡߦ

Slide 14

Slide 14 text

࡞ۀखॱ ᶃ GitHubͷBillingϖʔδͰGit LFS DataΛ༗ޮʹ͢Δ ᶄ Git LFSΛΠϯετʔϧ ᶅ .gitattributes ͷઃఆ σβΠϯσʔλ؅ཧΛGit LFSʹͨ͠࿩ https://medium.com/mixi-developers/3cff02241f13

Slide 15

Slide 15 text

Ҡߦޙ೥େ͖ͳ໰୊ͳ͠

Slide 16

Slide 16 text

్தߦͬͨվળ w ϦϙδτϦ෼ׂ ΋ͱ΋ͱ1ͭͩͬͨϦϙδτϦΛ͍͔ͭ͘ʹ෼ׂͯ͠؅ཧ͠΍͘͢ pre-commit ͰಛఆαΠζҎ্ͷ৔߹ʹܯࠂɺؾ͚ͮΔΑ͏ʹ Sketch ReducerͰϑΝΠϧαΠζݮྔorϑΝΠϧΛ෼ׂ͢ΔͳͲରԠ w ίϛοτ࣌ʹϑΝΠϧαΠζ֬ೝ

Slide 17

Slide 17 text

݁Ռ ຊۀʹઐ೦͢Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓ·ͨ͠ σʔλ؅ཧͷετϨε͔Βͷղ์

Slide 18

Slide 18 text

ᶄapkαΠζ࠷దԽ & Sketch Plugin࡞੒

Slide 19

Slide 19 text

͖͔͚ͬ w apkαΠζ͕େ͖͍ w ΋ͬͱখ͘͞Ͱ͖Δ w ը૾ϦιʔεΛ੔ཧ͍ͨ͠ w ͳͲͳͲΤϯδχΞνʔϜ͔ΒఏҊΛ΋Β͏

Slide 20

Slide 20 text

ཁҼ͸ը૾؅ཧͷࡶ͞ w ࢖͍ͬͯͳ͍ը૾͕͋ͬͨΓ w ը૾ͷ࠷దԽ ʢݮྔʣ Λ΍ͬͨΓ΍Βͳ͔ͬͨΓ w ϧʔϧ΋ͳ͍ঢ়گ

Slide 21

Slide 21 text

ͳΜͱ͔վળ͍ͨ͠

Slide 22

Slide 22 text

΍ͬͨ͜ͱ w ࢖͍ͬͯͳ͍ϑΝΠϧͷ࡟আ ΤϯδχΞνʔϜͰରԠ σβΠϯνʔϜͰରԠ ѹॖπʔϧͷબఆ ѹॖ཰ͷௐ੔ w ը૾ͷ࠷దԽ ʢQOH KQHʣ

Slide 23

Slide 23 text

৽͘͠ը૾Λ௥Ճ͢Δ৔߹͸ʁ

Slide 24

Slide 24 text

ઈର๨Εͳ͍Α͏ʹ࢓૊ΈԽ͓͖͍ͯͨ͠

Slide 25

Slide 25 text

࢓૊ΈԽީิ • Git hooks pre-commitͰѹॖ ѹॖޙͷ໨ࢹ֬ೝ͕ͮ͠Β͍ ը૾ॻ͖ग़࣌͠ʹࣗಈͰѹॖΛ͔͚ΒΕΔ ѹॖޙͷΫΦϦςΟνΣοΫ͕͠΍͘͢ɺON/OFF΋Մೳ • Sketch Plugin

Slide 26

Slide 26 text

ϓϥάΠϯΛ୳͕ͨ͠ɺཁ݅ʹ߹͏΋ͷ͕ͳ͔ͬͨʜ

Slide 27

Slide 27 text

ϓϥάΠϯͬͯ࡞Εͳ͍ͷ͔ͳʁ

Slide 28

Slide 28 text

Sketch Pluginͷ࡞Γํ w ެࣜαΠτʹΨΠυ w https://developer.sketchapp.com/guides/ w JavaScript apkαΠζͷ࠷దԽͱSketchϓϥάΠϯΛ࡞ͬͨ࿩ https://medium.com/mixi-developers/3ff4f998d61c

Slide 29

Slide 29 text

࡞ͬͨ

Slide 30

Slide 30 text

SketchͷExportϘλϯͰࣗಈѹॖ

Slide 31

Slide 31 text

GitHubͰެ։

Slide 32

Slide 32 text

ެࣜʹ΋Ϧετ͞Ε·ͨ͠

Slide 33

Slide 33 text

݁Ռ େ෯ʹݮྔͭͭ͠ɺࠓޙ΋ܧଓͯ͠࠷దԽ͞Εଓ͚Δ࢓૊ΈʹͳΓ·ͨ͠ 52.9MB → 30.7MBʢ40% Downʣ

Slide 34

Slide 34 text

ᶅXcodeΛ࢖ͬͨϓϩτλΠϐϯά

Slide 35

Slide 35 text

XcodeಋೖҎલʢ2014೥ʣ w Proto.io w HTML & JavaScriptʢϒϥ΢βϕʔεʣ

Slide 36

Slide 36 text

౰࣌ͷ՝୊ w ࣮૷ޙʹؾͮ͘ҧ࿨ײ w ͳͥϓϩτλΠϓͷஈ֊Ͱؾ͚ͮͳ͔ͬͨͷ͔ʁ w मਖ਼ͷ޻਺΋͍ͬͨͳ͍

Slide 37

Slide 37 text

ϓϩτλΠϐϯάπʔϧͷ੔ཧ

Slide 38

Slide 38 text

ϓϩτλΠϐϯάπʔϧͷछྨ w τϥϯδγϣϯλΠϓʢSketch, Prott, Invisionʣ w ΠϯλϥΫγϣϯλΠϓʢFramer, Origami Studio, ProtoPieʣ ࢴࣳډతͳλΠϓɻΦʔιυοΫεͳը໘ભҠ΍6*ͷݕূʹ޲͍͍ͯΔɻ ωΠςΟϒΞϓϦͷΑ͏ʹಈ͔͢͜ͱ͕Ͱ͖Δɻ ຊ൪ಉ༷ʹߴਫ਼౓ͳݕূɾςετ͕Մೳɻ ΠϯλϥΫγϣϯλΠϓΛ࢖͑͹ղܾͰ͖Δʁʁ

Slide 39

Slide 39 text

౰࣌͸τϥϯδγϣϯλΠϓ͔͠ଘࡏ͍ͯ͠ͳ͔ͬͨ

Slide 40

Slide 40 text

ͳΜͱ͔ͳΒͳ͍͔ͳʁ

Slide 41

Slide 41 text

XcodeͰϓϩτλΠϓ࡞Εͳ͍͔ͳʁ

Slide 42

Slide 42 text

࡞ͬͨ

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

Կ͕ྑ͍ͷʁ w ϢʔβʔϏϦςΟςετͷਫ਼౓͕ߴ͘ɺؾ͖ͮΛಘ΍͍͢ w ݴޠԽͮ͠Β͍ΠϯλϥΫγϣϯΛڞ༗ & FBΛಘ΍͍͢ w ݕূਫ਼౓͕ߴ͍ͷͰ࣮૷ޙͷख໭Γ͕গͳ͘ɺ࡞ۀޮ཰͕ྑ͍ w ࣄલʹٕज़՝୊΍޻਺ͷ೺Ѳ͕͠΍͍͢ XcodeͷϓϩτλΠϓಈ͘࢓༷ॻ

Slide 45

Slide 45 text

2ͭͷϓϩτλΠϓͷ࢖͍෼͚ w τϥϯδγϣϯλΠϓʢSketch, Prott, Invisionʣ w ΠϯλϥΫγϣϯλΠϓʢXcodeʣ ΦʔιυοΫεͳ6*΍ը໘ભҠʢQVTI QPQ NPEBMʣͰར༻ɻΠϯλϥΫγϣϯλΠϓͷલߦఔͳͲɻ Ξχϝʔγϣϯ͕͋ͬͨΓɺෳ਺ͷঢ়ଶΛ࣋ͭΑ͏ͳ6*ɻख৮Γ͕ಛʹେࣄͳը໘ͳͲɻ ΠϯλϥΫγϣϯλΠϓ͸τϥϯδγϣϯλΠϓͱൺֱͯ͠࡞Δͷʹ͕͔͔࣌ؒΔ ঢ়گ΍ର৅ʹԠͯ͡࢖͍෼͚͍ͯΔ

Slide 46

Slide 46 text

݁Ռ ࢖͍΍͍͢UIΛ௥ٻͭͭ͠ɺશମͷ։ൃޮ཰ʹ΋ߩݙ σβΠϯϑΣʔζͰਫ਼౓ͷߴ͍ࢼߦࡨޡ͕Մೳ

Slide 47

Slide 47 text

ᶃ GitΛ࢖ͬͯσβΠϯσʔλ؅ཧΛվળ ᶄ apkαΠζ࠷దԽ & อͪଓ͚ΔͨΊͷ࢓૊Έ ᶅ XcodeΛ࢖ͬͨߴਫ਼౓ͳϓϩτλΠϐϯά ·ͱΊ

Slide 48

Slide 48 text

͋Γ͕ͱ͏͍͟͝·ͨ͠