Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React NativeとExpoを用いたクロスプラットフォーム開発入門

React NativeとExpoを用いたクロスプラットフォーム開発入門

Shinnosuke Yamamoto

February 08, 2019
Tweet

More Decks by Shinnosuke Yamamoto

Other Decks in Programming

Transcript

  1. ։ൃͷงғؾ <View>
 <AppBar />
 <ListView>
 <Item />
 <Item />
 ...


    <Item />
 <Item />
 </ListView> </View>
 J04"OESPJE
  2. 8FMDPNFUP3FBDU/BUJWF class App extends Component { render() { return (

    <View> <Text>Welcome to React Native!</Text>
 <Text>To get started, edit App.js</Text>
 <Text>{instructions}</Text>
 </View> ); }
 }
  3. 3FBDU/BUJWFͰͷ։ൃ ར఺ ܽ఺ ྆04։ൃͰ͖Δ ωΠςΟϒΞϓϦΑΓ͸ॏ͍ 044Ͱ͋Δ ࣮ߦϑΝΠϧ͕େ͖͘ͳΔ ଞͷΫϩεϓϥοτϑΥʔϜ։ൃΑΓ͍ܰ σόοά͕େม )PU3FMPBE

    3FBDU/BUJWFͱ֤04ͷอक͕େม νʔϜϝϯόʔΛܴ͑ೖΕ΍͍͢ ֤04ͷ#VJME͢Δͷ͕໘౗ ωΠςΟϒ࣮૷Λ௥ՃͰ͖Δ SEQBSUZͷωΠςΟϒ࣮૷͕௿඼࣭ +BWB4DSJQU࣮ߦ؀ڥʹࠩҟ͕͋Δ
  4. ࣮૷Ҏ֎ͷ໘౗ࣄ͕ଟ͍ ʮϥΫʯʹ։ൃ͍ͨ͠Μ΍ ఺ ܽ఺ ൃͰ͖Δ ωΠςΟϒΞϓϦΑΓ͸ॏ͍ Ͱ͋Δ ࣮ߦϑΝΠϧ͕େ͖͘ͳΔ ϑΥʔϜ։ൃΑΓ͍ܰ σόοά͕େม

    3FMPBE 3FBDU/BUJWFͱ֤04ͷอक͕େม Λܴ͑ೖΕ΍͍͢ ֤04ͷ#VJME͢Δͷ͕໘౗ ૷Λ௥ՃͰ͖Δ SEQBSUZͷωΠςΟϒ࣮૷͕௿඼࣭ +BWB4DSJQU࣮ߦ؀ڥʹࠩҟ͕͋Δ க͠ํͳ͍ ͭΒ͍ͷͰ Ͳ͏ʹ͔͍ͨ͠
  5. &YQPΛ࠾༻͢Δͱ͜Μͳײ͡ʹʂ ར఺ ܽ఺ ྆04։ൃͰ͖Δ ωΠςΟϒΞϓϦΑΓ͸ॏ͍ 044Ͱ͋Δ ࣮ߦϑΝΠϧ͕େ͖͘ͳΔ ଞͷΫϩεϓϥοτϑΥʔϜ։ൃΑΓ͍ܰ σόοά͕େม )PU3FMPBE

    ωΠςΟϒ࣮૷ͷ௥Ճ͕Ͱ͖ͳ͍ νʔϜϝϯόʔΛܴ͑ೖΕ΍͍͢ ܧଓతͳόοΫάϥ΢ϯυ͕Ͱ͖ͳ͍ ωΠςΟϒ࣮૷Λ௥ՃͰ͖Δ 3FBDU/BUJWFͱ֤04ͷอक͕େม 3FBDU/BUJWFͱ֤04ͷอक͕ෆཁ ֤04ͷϏϧυ͢Δͷ͕໘౗ ։ൃ͔ΒϦϦʔε·ͰϏϧυෆཁ SEQBSUZͷωΠςΟϒ࣮૷͕௿඼࣭ ߴ඼࣭ͳ4%,ͷఏڙ +BWB4DSJQU࣮ߦ؀ڥʹࠩҟ͕͋Δ ֤04Ͱಉ౳ͷ+BWB4DSJQU࣮ߦ؀ڥ
  6. 3FBDU/BUJWFͰͷ։ൃ ར఺ ܽ఺ ྆04։ൃͰ͖Δ ωΠςΟϒΞϓϦΑΓ͸ॏ͍ 044Ͱ͋Δ ࣮ߦϑΝΠϧ͕େ͖͘ͳΔ ଞͷΫϩεϓϥοτϑΥʔϜ։ൃΑΓ͍ܰ σόοά͕େม )PU3FMPBE

    3FBDU/BUJWFͱ֤04ͷอक͕େม νʔϜϝϯόʔΛܴ͑ೖΕ΍͍͢ ֤04ͷ#VJME͢Δͷ͕໘౗ ωΠςΟϒ࣮૷Λ௥ՃͰ͖Δ SEQBSUZͷωΠςΟϒ࣮૷͕௿඼࣭ +BWB4DSJQU࣮ߦ؀ڥʹࠩҟ͕͋Δ
  7. &YQPΛ࠾༻͢Δͱ͜Μͳײ͡ʹʂ ར఺ ܽ఺ ྆04։ൃͰ͖Δ ωΠςΟϒΞϓϦΑΓ͸ॏ͍ 044Ͱ͋Δ ࣮ߦϑΝΠϧ͕େ͖͘ͳΔ ଞͷΫϩεϓϥοτϑΥʔϜ։ൃΑΓ͍ܰ σόοά͕େม )PU3FMPBE

    ωΠςΟϒ࣮૷ͷ௥Ճ͕Ͱ͖ͳ͍ νʔϜϝϯόʔΛܴ͑ೖΕ΍͍͢ ܧଓతͳόοΫάϥ΢ϯυ͕Ͱ͖ͳ͍ ωΠςΟϒ࣮૷Λ௥ՃͰ͖Δ 3FBDU/BUJWFͱ֤04ͷอक͕େม 3FBDU/BUJWFͱ֤04ͷอक͕ෆཁ ֤04ͷϏϧυ͢Δͷ͕໘౗ ։ൃ͔ΒϦϦʔε·ͰϏϧυෆཁ SEQBSUZͷωΠςΟϒ࣮૷͕௿඼࣭ ߴ඼࣭ͳ4%,ͷఏڙ +BWB4DSJQU࣮ߦ؀ڥʹࠩҟ͕͋Δ ֤04Ͱಉ౳ͷ+BWB4DSJQU࣮ߦ؀ڥ
  8. ΠϕϯτϩάΛه࿥͍ͨ͠ "NQMJUVEF͔ɺFYQPBOBMZUJDTΛ࢖͏ w "NQMJUVEF&YQP%PDVNFOUBUJPO w ωΠςΟϒ࣮૷Ͱఏڙ͞Ε͍ͯΔ w FYQP"NQMJUVEF.PEVMFKBWBBUNBTUFSuFYQPFYQP w ެࣜυΩϡϝϯτ

    w SZBOWBOEFSQPMFYQPBOBMZUJDT(PPHMF"OBMZUJDTJOUFHSBUJPOGPSVTFXJUI3FBDU/BUJWFBQQT CVJMUPO&YQP w ωΠςΟϒ࣮૷Ͱ͸ͳ͘ɺ.FBTVSFNFOU1SPUPDPMΛୟ͍ͯΔ w .FBTVSFNFOU1SPUPDPMͷ֓ཁcΞφϦςΟΫε.FBTVSFNFOU1SPUPDPMc(PPHMF%FWFMPQFST w ࣮૷తʹɺΦϑϥΠϯ࣌ʹΠϕϯτΛه࿥Ͱ͖ͳ͍ͷͰ஫ҙ