Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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, PSDOK 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
20179݄Ҡߦ
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
͋Γ͕ͱ͏͍͟͝·ͨ͠