XcodeやAndroid Studioを弄らないアイコン管理

generator-toolboxというnpm packageを使ってXcodeやAndroid Studioをいじらず、Bitrise上で画像からアイコンを生成するには的なお話です

Transcript

1. 2019/12/18 Θͨͳ΂Ώ͏ XCODE΍ANDROID STUDIOΛ࿔Βͳ͍ ΞΠίϯ؅ཧ
2. ▸ ࣗݾ঺հ ▸ ຊ೔ͷςʔϚ ▸ ݱࡏͷߏ੒ ▸ ΞϓϦΞΠίϯͷ؅ཧํ๏ ▸ ·ͱΊ ໨࣍
3. ࣗݾ঺հ(1) Θͨͳ΂Ώ͏ ▸ ॴଐ ▸ גࣜձࣾg&h ▸ Web / ΞϓϦΛझຯͰެ։ ▸ ࢓ࣄ಺༰ ▸ αʔό / ϑϩϯτ / ΞϓϦ / Web ▸ ΞΧ΢ϯτ ▸ Twitter : @hmktsu ▸ Github : @watanabeyu
4. ࣗݾ঺հ(2) ▸ https://www.gandh.jp ▸ 5໊(ΤϯδχΞ͸2ਓ)Ͱฏۉ೥ྸ30ͪΐ͍ͷձࣾ ▸ ετϦʔτΧϧνϟʔ × ITͳαʔϏεΛӡӦ ▸ ࠓ࡞͍ͬͯΔࣄۀ ▸ ετϦʔτμϯεͷΦϯϥΠϯϨοεϯΞϓϦ ▸ react-native + firebase + TypeScript
5. ຊ೔ͷςʔϚ Xcode΍Android StudioΛ࿔Βͳ͍ΞΠίϯ؅ཧ
6. XCODE΍ANDROID STUDIOΛ࿔Βͳ͍ΞΠίϯ؅ཧ BitriseͷWorkflow্Ͱ generator-rn-toolboxΛ࢖ͬͯ ΞΠίϯΛXcodeͱAndroid StudioʹׂΓ౰ͯΔ
7. XCODE΍ANDROID STUDIOΛ࿔Βͳ͍ΞΠίϯ؅ཧ ݱࡏͷߏ੒
8. ݱࡏͷߏ੒(1) ʙେ·͔ͳྲྀΕʙ ▸ React NativeͰiOS͓ΑͼAndroidͷ։ൃ ▸ ͦΕͧΕͷϓϥοτϑΥʔϜʹDEV / PRODUCTION؀ڥ ▸ developϦϙδτϦʹmerge͞ΕͨΒDEVόʔδϣϯΛAd-hoc഑෍ ▸ masterϦϙδτϦʹmerge͞ΕͨΒ֤ετΞʹΞοϓ develop master
9. ݱࡏͷߏ੒(2) ʙ೰Έʙ ▸ ։ൃதͳͷͰ࣮ػͰ֬ೝͨ͠ޙʹσβΠϯͷमਖ਼͕ೖΔ͜ͱ͕ଟ͍ ▸ ςΠετ͕มΘΔͱΞΠίϯ΋มΘΔ͠αΠζΛ༻ҙ͢Δͷ͕ਏ͍ ▸ React NativeͰ։ൃΛ͍ͯ͠Δͱɺ
 Xcode΍Android StudioΛͳΔ΂͍͘͡Γͨ͘ͳ͍ ࢀߟɿhttps://backapp.co.jp/blog/11573/
10. ݱࡏͷߏ੒(3) ΞϓϦΞΠίϯΛҰͭͷը૾͔Β ͦΕͧΕͷαΠζΛࣗಈతʹग़ͯ͠΄͍͠
11. XCODE΍ANDROID STUDIOΛ࿔Βͳ͍ΞΠίϯ؅ཧ ΞϓϦΞΠίϯͷ؅ཧํ๏
12. ΞϓϦΞΠίϯͷ؅ཧ(1) ▸ generator-rn-toolboxΛ࢖ͬͯ1ͭͷը૾͔Βੜ੒(pngͰ1024x1024pxҎ্)
 https://github.com/bamlab/generator-rn-toolbox ▸ imagemagick͕ඞཁ͕ͩɺBitriseʹ͸౥ࡌ͞Ε͍ͯΔͷͰΠϯετʔϧͷඞཁ ͳ͠ ▸ ΋ͪΖΜBitrise্͚ͩͰͳࣗ͘෼ͷϚγϯ্Ͱ΋Մೳ DEV / PRODUCTIONͰͷΞΠίϯग़͠෼͚΍ɺ
 ϓϥοτϑΥʔϜຖʹΞΠίϯͷαΠζΛ࡞Δͱ͍͏࡞ۀ͔Βղ์
13. ΞϓϦΞΠίϯͷ؅ཧ(2) ▸ εϓϥογϡεΫϦʔϯ΋ੜ੒ͯ͘͠ΕΔ(psdͰ2208x2208px) ▸ react-native-makeͱ͍͏΋ͷͷػೳͷ1ͭʹͳΔͱͷ͜ͱ
 (ͦͪΒ͸ࢼ͓ͯ͠Βͣɺreact-native࢖ͬͯͳ͍ͱͰ͖ͳ͍ͷ͔΋Θ͔Βͣ)
 https://github.com/bamlab/react-native-make ▸ ੾ΓऔΓํ͕͋ΔͷͰɺը૾ʹΑͬͯ͸Ұ෦੾Εͯ͠·͏ͱ͔΋͋ΔͷͰ஫ҙ
14. XCODE΍ANDROID STUDIOΛ࿔Βͳ͍ΞΠίϯ؅ཧ ·ͱΊ
15. ·ͱΊ ▸ generator-rn-toolboxΛ࢖͏͜ͱͰΞΠίϯͷ؅ཧ͕؆୯ʹͳΔ ▸ react-nativeʹؔΘΒͣ࢖༻Ͱ͖Δ ▸ εϓϥογϡεΫϦʔϯ΋ੜ੒Ͱ͖Δ pngը૾1ຕ͑͋͞Ε͹
 Xcode΍Android StudioΛ͍͡Δͱ͍͏
 ໘౗ͳ࡞ۀ͕ͳ͘ͳΔ
16. ͓ΘΓ