Slide 1

Slide 1 text

2019/12/18 Θͨͳ΂Ώ͏ XCODE΍ANDROID STUDIOΛ࿔Βͳ͍ ΞΠίϯ؅ཧ

Slide 2

Slide 2 text

▸ ࣗݾ঺հ ▸ ຊ೔ͷςʔϚ ▸ ݱࡏͷߏ੒ ▸ ΞϓϦΞΠίϯͷ؅ཧํ๏ ▸ ·ͱΊ ໨࣍

Slide 3

Slide 3 text

ࣗݾ঺հ(1) Θͨͳ΂Ώ͏ ▸ ॴଐ ▸ גࣜձࣾg&h ▸ Web / ΞϓϦΛझຯͰެ։ ▸ ࢓ࣄ಺༰ ▸ αʔό / ϑϩϯτ / ΞϓϦ / Web ▸ ΞΧ΢ϯτ ▸ Twitter : @hmktsu ▸ Github : @watanabeyu

Slide 4

Slide 4 text

ࣗݾ঺հ(2) ▸ https://www.gandh.jp ▸ 5໊(ΤϯδχΞ͸2ਓ)Ͱฏۉ೥ྸ30ͪΐ͍ͷձࣾ ▸ ετϦʔτΧϧνϟʔ × ITͳαʔϏεΛӡӦ ▸ ࠓ࡞͍ͬͯΔࣄۀ ▸ ετϦʔτμϯεͷΦϯϥΠϯϨοεϯΞϓϦ ▸ react-native + firebase + TypeScript

Slide 5

Slide 5 text

ຊ೔ͷςʔϚ Xcode΍Android StudioΛ࿔Βͳ͍ΞΠίϯ؅ཧ

Slide 6

Slide 6 text

XCODE΍ANDROID STUDIOΛ࿔Βͳ͍ΞΠίϯ؅ཧ BitriseͷWorkflow্Ͱ generator-rn-toolboxΛ࢖ͬͯ ΞΠίϯΛXcodeͱAndroid StudioʹׂΓ౰ͯΔ

Slide 7

Slide 7 text

XCODE΍ANDROID STUDIOΛ࿔Βͳ͍ΞΠίϯ؅ཧ ݱࡏͷߏ੒

Slide 8

Slide 8 text

ݱࡏͷߏ੒(1) ʙେ·͔ͳྲྀΕʙ ▸ React NativeͰiOS͓ΑͼAndroidͷ։ൃ ▸ ͦΕͧΕͷϓϥοτϑΥʔϜʹDEV / PRODUCTION؀ڥ ▸ developϦϙδτϦʹmerge͞ΕͨΒDEVόʔδϣϯΛAd-hoc഑෍ ▸ masterϦϙδτϦʹmerge͞ΕͨΒ֤ετΞʹΞοϓ develop master

Slide 9

Slide 9 text

ݱࡏͷߏ੒(2) ʙ೰Έʙ ▸ ։ൃதͳͷͰ࣮ػͰ֬ೝͨ͠ޙʹσβΠϯͷमਖ਼͕ೖΔ͜ͱ͕ଟ͍ ▸ ςΠετ͕มΘΔͱΞΠίϯ΋มΘΔ͠αΠζΛ༻ҙ͢Δͷ͕ਏ͍ ▸ React NativeͰ։ൃΛ͍ͯ͠Δͱɺ
 Xcode΍Android StudioΛͳΔ΂͍͘͡Γͨ͘ͳ͍ ࢀߟɿhttps://backapp.co.jp/blog/11573/

Slide 10

Slide 10 text

ݱࡏͷߏ੒(3) ΞϓϦΞΠίϯΛҰͭͷը૾͔Β ͦΕͧΕͷαΠζΛࣗಈతʹग़ͯ͠΄͍͠

Slide 11

Slide 11 text

XCODE΍ANDROID STUDIOΛ࿔Βͳ͍ΞΠίϯ؅ཧ ΞϓϦΞΠίϯͷ؅ཧํ๏

Slide 12

Slide 12 text

ΞϓϦΞΠίϯͷ؅ཧ(1) ▸ generator-rn-toolboxΛ࢖ͬͯ1ͭͷը૾͔Βੜ੒(pngͰ1024x1024pxҎ্)
 https://github.com/bamlab/generator-rn-toolbox ▸ imagemagick͕ඞཁ͕ͩɺBitriseʹ͸౥ࡌ͞Ε͍ͯΔͷͰΠϯετʔϧͷඞཁ ͳ͠ ▸ ΋ͪΖΜBitrise্͚ͩͰͳࣗ͘෼ͷϚγϯ্Ͱ΋Մೳ DEV / PRODUCTIONͰͷΞΠίϯग़͠෼͚΍ɺ
 ϓϥοτϑΥʔϜຖʹΞΠίϯͷαΠζΛ࡞Δͱ͍͏࡞ۀ͔Βղ์

Slide 13

Slide 13 text

ΞϓϦΞΠίϯͷ؅ཧ(2) ▸ εϓϥογϡεΫϦʔϯ΋ੜ੒ͯ͘͠ΕΔ(psdͰ2208x2208px) ▸ react-native-makeͱ͍͏΋ͷͷػೳͷ1ͭʹͳΔͱͷ͜ͱ
 (ͦͪΒ͸ࢼ͓ͯ͠Βͣɺreact-native࢖ͬͯͳ͍ͱͰ͖ͳ͍ͷ͔΋Θ͔Βͣ)
 https://github.com/bamlab/react-native-make ▸ ੾ΓऔΓํ͕͋ΔͷͰɺը૾ʹΑͬͯ͸Ұ෦੾Εͯ͠·͏ͱ͔΋͋ΔͷͰ஫ҙ

Slide 14

Slide 14 text

XCODE΍ANDROID STUDIOΛ࿔Βͳ͍ΞΠίϯ؅ཧ ·ͱΊ

Slide 15

Slide 15 text

·ͱΊ ▸ generator-rn-toolboxΛ࢖͏͜ͱͰΞΠίϯͷ؅ཧ͕؆୯ʹͳΔ ▸ react-nativeʹؔΘΒͣ࢖༻Ͱ͖Δ ▸ εϓϥογϡεΫϦʔϯ΋ੜ੒Ͱ͖Δ pngը૾1ຕ͑͋͞Ε͹
 Xcode΍Android StudioΛ͍͡Δͱ͍͏
 ໘౗ͳ࡞ۀ͕ͳ͘ͳΔ

Slide 16

Slide 16 text

͓ΘΓ