React Nativeの使い方

学生自主勉強会での資料です。

Transcript

1. ޙ౻ɹᠳ࠸ 3FBDU
   /BUJWFͷ࢖͍ํ
2. 3FBDU
   /BUJWFͱ͸ .FUB͕ࣾ։ൃͨ͠ΫϩεϓϥοτϑΥʔϜʢ3FBDUʣͷϑϨʔϜϫʔΫ 
 +BWB4DSJQU΍3FBDUͷΞϓϦ։ൃΛ͢Δҝʹ࡞ΒΕͨ΋ͷ αΠτͷ63-
   
   IUUQTSFBDUOBUJWFEFW
3. 3FBDU
   /BUJWFͱ͸ αΠτͷ63-
   
   IUUQTSFBDUOBUJWFEFW +BWB4DSJQUʢ+49ʣ
   5ZQF4DSJQUͰ։ൃʢੈؒతʹ͸ͪ͜Βͷํ͕ओྲྀΒ͍͠ʣ ։ൃݴޠ
4. ϗοτϦϩʔυ
   ɹιʔείʔυΛอଘ͢ΔͨͼʹࣗಈͰϦϩʔυ͕ߦΘΕΔɻ
   ɹɹᵋ
   গ͠ͷमਖ਼Ͱ΋ίϯύΠϧΛ͠ͳͯ͘΋ྑ͍ɻ
   
 J04΋"OESPJE΋྆ํ։ൃ
   ɹ
   3FBDU
   /BUJWFͱ͸ ಛ௃
5. 3FBDU
   /BUJWFͱ͸ සൟʹେܕΞοϓσʔτ͕͕ߦΘΕΔ 
 ɹᵋ
   Τϥʔ͕ग़ͨΓɺಈ͔ͳ͔ͬͨΓͳΔՄೳੑ͕͋Δ 
 3FBDUɺ+49ͳͲͷֶशίετ͕͍Δ
   ஫ҙ఺
6. 3FBDU
   /BUJWFͱ͸ 'BDF#PPL *OTUBHSBN %JTDPBE ࢖ΘΕ͍ͯΔ୅දతͳΞϓϦ
7. ؀ڥߏங ؀ڥߏஙͷྲྀΕ OPEFKTͷΠϯετʔϧɺઃఆͳͲ
   XBUDINBOͷΠϯετʔϧ
   &910ͷΠϯετʔϧɺΞΧ΢ϯτઃఆͳͲ
   ࣮ࡍʹ৮ͬͯΈΔ
8. ؀ڥߏங &910ͱ͸ 3FBDU
   /BUJWFΛ࢖ͬͨ։ൃͷͨΊͷ 
 ϑϨʔϜϫʔΫɺϓϥοτϑΥʔϜ
   ΞϓϦΛ؆୯ʹ
   ։ൃɺϏϧυɺσϓϩΠ͢Δ͜ͱ͕Մೳ
9. ؀ڥߏங OPEFKTͷΠϯετʔϧɺઃఆ ಛఆͷOPEFKTΛΠϯετʔϧʢࠓճ͸ɺWʣ OPEFCSFX
   JOTUBMM
   W Πϯετʔϧͨ͠OPEFKTΛ൓өͤ͞Δ OPEFCSFX
   VTF
   W ݱࡏͷOPEFKBͷόʔδϣϯ֬ೝɺ൓ө֬ೝ OPEFCSFX
   MT ˞OPEFKTʢOPEFCSFXʣ͕ೖ͍ͬͯΔ૝ఆͰਐΊ͍͖ͯ·͢
10. ؀ڥߏங XBUDINBOͷΠϯετʔϧ XBUDINBOͷΠϯετʔϧ CSFX
    JOTUBMM
    XBUDINBO ͪΌΜͱೖ͍ͬͯΔ͔֬ೝ OPEFCSFX
    VTF
    W )PNFCSFX͕࢖༻͢ΔύοέʔδϦϙδτϦΛ࠷৽ʹ͢Δ CSFX
    VQEBUF ˞)PNFCSFX͕ೖ͍ͬͯΔ૝ఆͰਐΊ͍͖ͯ·͢ ϑΝΠϧͷมߋΛ؂ࢹͯ͠ 
 ޮ཰తͳϗοτϦϩʔυΛߦ͏ͨΊ
11. ؀ڥߏங ̎छྨ 
 
 ɹOQYΛ࢖ͬͯɺϦϞʔτͰ࣮ߦ͢Δ 
 ɹɹᵋ
    ࠓճ͸ͪ͜Βͷ΍ΓํͰਐΊ·͢
    ɹύιίϯʹ௚઀μ΢ϯϩʔυ࣮ͯ͠ߦ 
 &910
    DMJͷ࢖͍ํ
12. ؀ڥߏங &910ͷΞΧ΢ϯτొ࿥ɺϩάΠϯ &910ͷձһొ࿥Λ͢Δ 
 λʔϛφϧͰ΋ग़དྷΔ͕
    ΢ΣϒαΠτͰ࡞Δํָ͕ 
 Ϣʔβ໊ͱύεϫʔυ͸ 
 ͦͷޙ࢖͏ͷͰ͓֮͑ͯ͘ XFCTJUF
    IUUQTFYQPEFW
13. ؀ڥߏங "QQ
    4UPSF
    
    IUUQTBQQTBQQMFDPNKQBQQFYQPHPJE
    (PPHMF
    1MBZ
    IUUQTQMBZHPPHMFDPNTUPSFBQQTEFUBJMT JEIPTUFYQFYQPOFOUIMKBHM64 &910
    (PͷΠϯετʔϧ &YQPϓϩδΣΫτΛ࣮ߦͯ͠ϓϨϏϡʔ 
 ͢ΔͨΊͷϞόΠϧΞϓϦ 
 
 ։ൃதͷΞϓϦͷ֎؍΍ಈ࡞ΛϦΞϧλΠϜ Ͱ֬ೝ͢ΔͨΊͷศརͳπʔϧ
14. ࣮ࡍʹ৮ͬͯΈΔ &910
    (P΁ͷϩάΠϯ 8FCαΠτͰొ࿥ͨ͠ 
 ϝʔϧΞυϨεͱύεϫʔυͰϩάΠϯ͢Δ
15. ࣮ࡍʹ৮ͬͯΈΔ &910ͷϩάΠϯʢλʔϛφϧଆʣ ϩάΠϯ͍ͯ͠Δ͔֬ೝ ϩάΠϯ͢Δ OQY
    FYQP
    XIPBNJ OQY
    FYQP
    MPHJO ϝʔϧΞυϨεʢϢʔβ໊ʣɺύεϫʔυΛೖྗ
16. ࣮ࡍʹ৮ͬͯΈΔ ϓϩδΣΫτ࡞੒ ෼͔Γ΍͍͢Α͏ʹσεΫτοϓʹ࡞Γ͍ͨ DE
    %FTLUPQ ผͷ৔ॴʹ࡞੒͍ͨ͠ਓ͸ɺ࡞੒ޙʹͦ͜ͷ֊૚·ͰҠಈ͢Δ DE
    ̋̋̋̋
17. ࣮ࡍʹ৮ͬͯΈΔ ϓϩδΣΫτ࡞੒ ϓϩδΣΫτ࡞੒ ςϯϓϨʔτ͕ೖͬͨঢ়ଶͰͷϓϩδΣΫτ࡞੒ OQY
    DSFBUFFYQPBQQ OQY
    DSFBUFFYQPBQQ
    UFNQMBUF ෼͔Γ΍͍͢ͷͰࠓճ͸ͪ͜ΒΛ࢖༻
18. ࣮ࡍʹ৮ͬͯΈΔ ϓϩδΣΫτ࡞੒ ͲͷςϯϓϨʔτͰ࡞੒͢Δ͔ 
 ࠓճ͸൪γϯϓϧͳʮ#MBOLʯΛબ୒ ޷͖ͳ໊લͰ࣮ߦ ࡞ΒΕͨϑΝΠϧ΁Ҡಈ͢Δ DE
    ̋̋̋̋
    
19. ࣮ࡍʹ৮ͬͯΈΔ ϓϩδΣΫτ࡞੒ ϑΝΠϧͷத਎Λ֬ೝ ಉ͡Α͏ʹͳ͍ͬͯΕ͹੒ޭ MT SN
    QBDLBHFMPDLKTPO
20. ࣮ࡍʹ৮ͬͯΈΔ ϓϩδΣΫτ࡞੒ ϑΝΠϧͷத਎Λ֬ೝ QBDLBHFMPDLKTPO͸ཁΒͳ͍ͷͰফ͓ͯ͘͠ MT SN
    QBDLBHFMPDLKTPO
21. ࣮ࡍʹ৮ͬͯΈΔ ϓϩδΣΫτ࡞੒ αʔόʔΛ্ཱͪ͛ͯ࢖͑ΔΑ͏ʹ͢Δ ΋͠ɺΤϥʔΛు͍ͨ৔߹ʹ࣮ߦ OQY
    FYQP
    TUBSU XBUDINBO
    GPSFHSPVOE
22. ࣮ࡍʹ৮ͬͯΈΔ ϓϩδΣΫτ࡞੒ ىಈޙʹͲͷΑ͏ͳॲཧΛߦ͏͔දࣔ͞ΕΔ 
 ྫʣ 
 QSFTT
    B
    ɹ"OESPJEͷγϡϛϨʔλʔͰ࣮ߦ͍ͨ࣌͠ 
 QSFTT
    J 
 ɹJ04ͷγϡϛϨʔλʔͰ࣮ߦ͍ͨ࣌͠ 
 QSFTT
    K 
 ɹXFCϒϥ΢βͰ࣮ߦ͍ͨ࣌͠
23. ࣮ࡍʹ৮ͬͯΈΔ ϓϩδΣΫτ࡞੒ &910
    (PͰ23ίʔυΛಡΈࠐΉ 
 ᵋ
    طଘͷΧϝϥΞϓϦͰಡΈࠐΜͰ΋0, 
 ϩάΠϯࡁΈͰ͋Ε͹
    εϚϗը໘ʹɺϑΝΠϧ໊͕දࣔ͞Ε͍ͯΕ͹ 
 ͦΕΛԡ͢͜ͱͰɺը໘ͷ൓ө͕׬ྃ͢Δ
24. ࣮ࡍʹ৮ͬͯΈΔ ॻ͖ํͷઆ໌ 
 )5.-ͬΆ͘ॻͨ͘Ίʹ+49Λ࢖༻
    
 3FBDU
    /BUJWFͰ͸༻ҙ͞Ε͍ͯΔ΋ͷΛ࢖͏ ԼهͷJNQPSU಺ʹએݴ͢Δ͜ͱͰɺ࢖͑ΔΑ͏ʹͳΔ 7JFX
    
    EJW 
 5FYU
    
    Q
    Έ͍ͨͳײ͡
25. ࣮ࡍʹ৮ͬͯΈΔ ॻ͖ํͷઆ໌ ม਺ʹએݴ͢Δ͜ͱͰɺ৭Μͳॴʹ࢖͑ΔΑ͏ʹ͢Δ ࢖͍͍ͨͱ͜ΖͰΛݺͼग़͢͜ͱͰɺ൓өͤ͞Δ͜ͱ͕ग़དྷΔ
26. ࣮ࡍʹ৮ͬͯΈΔ ·ͣ͸ɺը૾දࣔͳͲͷ࢖͍ํ
27. ࣮ࡍʹ৮ͬͯΈΔ ίϯϙʔωϯτԽͯ͠ɺ7JFXΛ࢖͍ճ͢ એݴ͠ɺ 
 ݺͼग़͢͜ͱͰɺԿճ΋࢖͑Δ
28. ࣮ࡍʹ৮ͬͯΈΔ ਌͔Βࢠ΁σʔλΛ౉͢ QSPQTͱ͸
    
 ਌ίϯϙʔωϯτ͔ΒɺࢠίϯϙʔωϯτʹσʔλΛ౉͢ҝͷએݴ σʔλΛड͚औΔଆʢࢠʣ σʔλΛૹΔଆʢ਌ʣ
29. ࣮ࡍʹ৮ͬͯΈΔ μϛʔσʔλͷड͚औΓ NBQؔ਺ͱ͸
    
 ഑ྻ΍ΦϒδΣΫτΛऔΓग़ͯ͠܁Γฦ͠ॲཧΛߦ͏
    +BWB4DSJQU
    ͷϝιου
30. ࣮ࡍʹ৮ͬͯΈΔ ը໘ભҠͷ࣮ࢪ XFCTJUF
    IUUQTSFBDUOBWJHBUJPOPSHEPDTHFUUJOHTUBSUFE ը໘ؒͷφϏήʔγϣϯʹඞཁͳϥΠϒϥϦʢOQNʣ OQN
    JOTUBMM
    !SFBDUOBWJHBUJPOOBUJWF ը໘ͷελοΫΛ؅ཧ͠ɺ੍ޚ͢ΔϥΠϒϥϦʢZBSOʣ OQN
    JOTUBMM
    !SFBDUOBWJHBUJPOOBUJWFTUBDL εϜʔζʹը໘ભҠΛߦ͏ͨΊͷϥΠϒϥϦ OQY
    FYQP
    JOTUBMM
    SFBDUOBUJWFTDSFFOT
    SFBDUOBUJWFTBGFBSFBDPOUFYU
31. ࣮ࡍʹ৮ͬͯΈΔ ը໘ભҠͷ࣮ࢪ 5PVDIBCMF0QBDJUZ
    λονՄೳͳྖҬΛ࡞੒͢ΔͨΊͷίϯϙʔωϯτ
32. ࣮ࡍʹ৮ͬͯΈΔ ը໘ભҠͷ࣮ࢪ "QQKTΛը໘ભҠΛ؅ཧ͢Δ΋ͷʹ͢Δ
33. ࣮ࡍʹ৮ͬͯΈΔ ը໘ભҠͷ࣮ࢪ )PNF4DSFFOͰ 
 PO1SSFTTΠϕϯτΛऔಘ͠ɺ 
 "SUJDMը໘΁ඈ͹͢
34. ࣮ࡍʹ৮ͬͯΈΔ Ԡ༻ɿͽΑϏϡʔ λοϓ͞ΕΔͱը໘ભҠ͠ɺ 
 ભҠઌʹରԠͨ͠ը૾ͱςΩετදࣔ
35. ͍͞͝ʹ ࢀߟʹͨ͠αΠτ
    
 3FBDU
    /BUJWFೖ໳ɿχϡʔεΞϓϦΛ࡞Γͳ͕Β֮͑Α͏
    IUUQTXXXVEFNZDPNDPVSTFSFBDUOBUJWFGJSTUTUFQ ݸਓతͳײ૝ ϗοτϦϩʔυʹײಈ͢Δʂ
    4XJGUʹൺ΂ɺศརͳ෦෼΋͋Δ͕ɺෆศͳ෦෼΋͋Δ
    
 ௥هɿΤϥʔ͕Ͳ͔͜Θ͔Βͳ͍ʜ