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

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. ͓ΘΓ