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

254ef4587f3c010fc0c52517ff5514c2?s=47 Yu Watanabe
December 18, 2019

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

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

254ef4587f3c010fc0c52517ff5514c2?s=128

Yu Watanabe

December 18, 2019
Tweet

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