KitchHike式 React Native 設計チェックポイント / React Native App Design in KitchHike

by Shoken Fujisaki

Slide 1

Slide 1 text

5&$)45"/%   ,JUDI)JLFࣜ   3FBDU/BUJWFઃܭνΣοΫϙΠϯτ 4IPLFO'VKJTBLJ

Slide 2

Slide 2 text

3FBDU/BUJWFΞϓϦʹ͓͚ΔΩονϋΠΫͷબ୒Λ   ϕετϓϥΫςΟε౓ɾมߋίετͷͭͷ͔࣠Β঺հ͠·͢ ϓϥοτϑΥʔϜબఆ 3FBDU/BUJWFΞϓϦઃܭ ӡ༻ઃܭ ΞδΣϯμ

Slide 3

Slide 3 text

ࣗݾ঺հ w 4IPLFO'VKJTBLJ !TIPLFOY w גࣜձࣾΩονϋΠΫ   ڞಉ૑ۀऀ$50 w ΩονϋΠΫΤϯδχΞνʔϜͰ   ݄ץ3/'FBUVSFT࿈ࡌத   IUUQTUFDILJUDIIJLFDPN

Slide 4

Slide 4 text

ΩονϋΠΫ͸   3FBDU/BUJWFͰ։ൃ೥໨ w ೥Նʹ͔Β3FBDU/BUJWFͰ։ൃ w ճҎ্ͷϦϦʔε w ճͷ3FBDU/BUJWFΞοϓάϨʔυ

Slide 5

Slide 5 text

ࣗ୐ʹ஍Ҭͷ৯ࡐ͕ಧ͘ ΦϯϥΠϯΠϕϯτΛల։த

Slide 6

Slide 6 text

ࣾձ͸ɺࢲ͕ͨͪ৯΂ͨ΋ͷͰͰ͖͍ͯΔ

Slide 7

Slide 7 text

ϓϥοτϑΥʔϜ΋   ࢲ͕ͨͪબ୒ͨ͠ߦಈ͔ΒͰ͖͍ͯΔ

Slide 8

Slide 8 text

3FBDU/BUJWFΞϓϦʹ͓͚ΔΩονϋΠΫͷબ୒Λ   ͭͷ͔࣠Β঺հ͠·͢ ϕετϓϥΫςΟε౓ ϕετϓϥΫςΟε͕ݻ·Γͭͭ͋Δͷ͔ɺ·ͩෳ਺खஈ͕ݕ౼͞Ε͍ͯΔͷ͔ มߋίετ ޙ͔Βมߋ͢Δ࣌ʹ͔͔Δίετ

Slide 9

Slide 9 text

ΞδΣϯμ ϓϥοτϑΥʔϜબఆ 3FBDU/BUJWFΞϓϦઃܭ ӡ༻ઃܭ

Slide 10

Slide 10 text

ΞδΣϯμ ϓϥοτϑΥʔϜબఆ 3FBDU/BUJWFΞϓϦઃܭ ӡ༻ઃܭ

Slide 11

Slide 11 text

ϓϥοτϑΥʔϜબఆ 3FBDU/BUJWF ϕετϓϥΫςΟε౓⭐ˑˑ มߋίετ࠷ߴ

Slide 12

Slide 12 text

ͳͥ3FBDU/BUJWF͔ νʔϜମ੍ ΞϓϦ͸7JFX։ൃ͕ϝΠϯ ωΠςΟϒػೳ΁ͷڧ͍ґଘ͕ͳ͍ ઃܭࢥ૝ɾ։ൃίϛϡχςΟ 3FBDUΤίγεςϜ ϓϥοτϑΥʔϜબఆ

Slide 13

Slide 13 text

ͳͥ3FBDU/BUJWF͔ ͦͷνʔϜମ੍ 3FBDUΛಋೖࡁΈͷ8FCΤϯδχΞͷνʔϜ ྑ͍λΠϛϯάͰ֎෦ͷγχΞωΠςΟϒΤϯδχΞ ͕ࢀը ωΠςΟϒͷ஌ࣝ͸ඞཁͩͱײͨ͡ ϓϥοτϑΥʔϜબఆ

Slide 14

Slide 14 text

ͳͥ3FBDU/BUJWF͔ ͦͷΞϓϦ͸7JFX։ൃ͕ϝΠϯ 8FC൛͸ϦϦʔεޙ೥Ҏ্͍ͨͬͯͨ ϏδωεϩδοΫ͸αʔόʔαΠυʹ͋Δ ΞϓϦ͸ബ͍7JFXͱ͍͏ઃܭํ਑ ϓϥοτϑΥʔϜબఆ

Slide 15

Slide 15 text

ͳͥ3FBDU/BUJWF͔ ͦͷωΠςΟϒػೳ΁ͷڧ͍ґଘ͕ͳ͍ ωΠςΟϒػೳʢϚϧνΧϝϥ΍δϟΠϩηϯαʔͳ Ͳʣ΁ͷཁ͕݅ͳ͔ͬͨ ϓϥοτϑΥʔϜબఆ

Slide 16

Slide 16 text

ͳͥ3FBDU/BUJWF͔ ͦͷઃܭࢥ૝ɾ։ൃίϛϡχςΟ 3FBDU͸ɺؔ਺ܕϓϩάϥϛϯάͷࢥ૝ɺಛʹJNNVUBCJMJUZΛେࣄʹͯ͠ ͍ΔϑϨʔϜϫʔΫͩͱײ͡·͢ɻ͜ͷ఺΋ɺ3FBDU/BUJWFΛऔΓೖΕ ͨཧ༝ͷҰͭͰ͢ɻ 3VCZ3BJMTͱ͸ผͷઃܭࢥ૝ʹ৮ΕΔ͜ͱʹΑΓɺ։ൃνʔϜʹԞߦ ͖Λ͔࣋ͨͤͨͬͨͱ͍͏ࢥ͍͕͋Γ·͢ɻ 3FBDUͷࢥ૝Ͱ͋Δ-FBSO0ODF 8SJUF"OZXIFSF͸ΩονϋΠΫνʔ ϜͰ͸্ख͘ϫʔΫ͍ͯ͠Δͱࢥ͍·͢ɻ ϓϥοτϑΥʔϜબఆ

Slide 17

Slide 17 text

ͳͥ3FBDU/BUJWF͔ ͦͷ3FBDUΤίγεςϜ ϓϥοτϑΥʔϜબఆ MFBSOPODF XSJUFBOZXIFSF 3FBDUίϯϙʔωϯτԽ͢Ε͹ɺଟ͘ͷϓϥοτϑΥʔϜͰಈ͘   ϥΠϒϥϦΛ࡞ΕΔ 3FBDU/BUJWF 3FBDU/BUJWFGPS8JOEPXT 3FBDU/BUJWFGPSNBD04 3FBDU

Slide 18

Slide 18 text

ͳͥ3FBDU/BUJWF͔ ϓϥοτϑΥʔϜબఆ '"2 2&YQP͸ݕ౼͠ͳ͔ͬͨʁ

Slide 19

Slide 19 text

ͳͥ3FBDU/BUJWF͔ '"2 2&YQP͸ݕ౼͠ͳ͔ͬͨʁ ϓϥοτϑΥʔϜબఆ "౰࣌͸੍ݶ͕ڧ͍ҹ৅ͩͬͨɻ௕ظӡ ༻Λݟӽ͍ͯͨ͠ͷͰ࠷ॳ͔Β7BOJMMB 3FBDU/BUJWFΛ࠾༻ͨ͠ɻ

Slide 20

Slide 20 text

ͳͥ3FBDU/BUJWF͔ ϓϥοτϑΥʔϜબఆ '"2 2'MVUUFS΍ͦͷଞ͸ݕ౼͠ͳ͔ͬͨʁ

Slide 21

Slide 21 text

ͳͥ3FBDU/BUJWF͔ '"2 2'MVUUFS΍ͦͷଞ͸ݕ౼͠ͳ͔ͬͨʁ ϓϥοτϑΥʔϜબఆ "8FCͰ3FBDUΛಋೖ͍ͯͯ͠ɺઃܭࢥ ૝͕޷ҹ৅ͩͬͨͷ͕Ұ൪ͷཧ༝Ͱ 3FBDU/BUJWFʹɻ

Slide 22

Slide 22 text

3FBDU/BUJWFબఆޙʹ΍ͬͨ͜ͱ ϓϥοτϑΥʔϜબఆ ެࣜυΩϡϝϯτಡΉ 044ͷιʔείʔυΛಡΉ ࠷৽৘ใΛΩϟονΞοϓ ɾɾΛఆظతʹࣾ಺ษڧձͰڞ༗ͯ͠ɺ   ϒϩάهࣄͱͯ͠ެ։

Slide 23

Slide 23 text

3FBDU/BUJWFબఆޙʹ΍ͬͨ͜ͱ ϓϥοτϑΥʔϜબఆ ެࣜυΩϡϝϯτಡΉ   IUUQTSFBDUOBUJWFEFWEPDTHFUUJOHTUBSUFE ఆظతʹಡΈฦ͢͜ͱ΋େ੾   ྫ͑͹ɺ࠷ۙͰ͸SFBDUOBUJWFDMJ͔ΒOQYSFBDUOBUJWF͕ਪ঑ʹͳ͍ͬͯΔ IUUQTSFBDUOBUJWFEFWEPDTFOWJSPONFOUTFUVQ

Slide 24

Slide 24 text

3FBDU/BUJWFબఆޙʹ΍ͬͨ͜ͱ ϓϥοτϑΥʔϜબఆ 044ͷιʔείʔυΛಡΉ   IUUQTHJUIVCDPN3FBDU/BUJWF/FXT3FBDU/BUJWF"QQT *O f i OJUF3FE͕ӡӦ͍ͯ͠Δ   3FBDU/BUJWF"QQTϦϙδτϦ     ެࣜυΩϡϝϯτͰ΋঺հ͞Ε͍ͯΔ

Slide 25

Slide 25 text

3FBDU/BUJWFબఆޙʹ΍ͬͨ͜ͱ ϓϥοτϑΥʔϜબఆ ࠷৽৘ใͷΩϟονΞοϓ w 3FBDU3FBDU/BUJWFެࣜϒϩά w 3FBDU/BUJWFΞϓϦΛ։ൃ͍ͯ͠ΔձࣾͷςοΫϒϩά   8JY 4IPQJGZ ,IBO"DBEFNZଞ w 3FBDU/BUJWF3FMFBTFTϦϙδτϦ   ࣍ͷϦϦʔεʹ͍ͭͯσΟεΧογϣϯ͕͞Ε͍ͯΔ   IUUQTHJUIVCDPNSFBDUOBUJWFDPNNVOJUZSFMFBTFT w 5XJUUFS .FEJVN EFWUP ษڧձεϥΠυͳͲ

Slide 26

Slide 26 text

3FBDU/BUJWFબఆޙʹ΍ͬͨ͜ͱ ϓϥοτϑΥʔϜબఆ ࣾ಺ษڧձͰڞ༗ͯ͠ɺςοΫϒϩάهࣄͱͯ͠ެ։   3/'FBUVSFT   IUUQTUFDILJUDIIJLFDPNBSDIJWFDBUFHPSZ3FBDU/BUJWF

Slide 27

Slide 27 text

ΞδΣϯμ ϓϥοτϑΥʔϜબఆ 3FBDU/BUJWFΞϓϦઃܭ ӡ༻ઃܭ

Slide 28

Slide 28 text

ΞϓϦઃܭνΣοΫϙΠϯτ w 6*ίϯϙʔωϯτ w "1*ΫϥΠΞϯτ w εςʔτ؅ཧ w φϏήʔγϣϯϥΠϒϥϦ w ΞϓϦετϨʔδ%# w ίϯϙʔωϯτઃܭΧλϩά w σΟϨΫτϦߏ੒ w ܕνΣοΧʔ w ςετܭըʢ$*$%ؚΉʣ

Slide 29

Slide 29 text

ΞϓϦઃܭνΣοΫϙΠϯτ w 6*ίϯϙʔωϯτ w "1*ΫϥΠΞϯτ w εςʔτ؅ཧ w φϏήʔγϣϯϥΠϒϥϦ w ΞϓϦετϨʔδ%# w ίϯϙʔωϯτઃܭΧλϩά w σΟϨΫτϦߏ੒ w ܕνΣοΧʔ w ςετܭըʢ$*$%ؚΉʣ άϨʔͷ߲໨͸ޙड़ͷ2JJUBهࣄͰղઆ͍ͯ͠·͢

Slide 30

Slide 30 text

εςʔτ؅ཧ Ҏલ͸બ୒ࢶ͕ଟ͘೰·͔ͬͨ͠   3FEVY .PC9 6OTUBUFE ೥ͩͱҎԼͷ͕ͭ༗ྗͳީิ   '$)PPLT $POUFYU"1*   3FDPJM ΩονϋΠΫͰ͸ͷ'$)PPLTΛ࠾༻ ΞϓϦઃܭνΣοΫϙΠϯτ ϕετϓϥΫςΟε౓⭐⭐ˑ มߋίετߴ

Slide 31

Slide 31 text

σ ΟϨΫτϦߏ੒ ΞϓϦઃܭνΣοΫϙΠϯτ ϕετϓϥΫςΟε౓⭐⭐ˑ มߋίετத ઃܭϙΠϯτ   τοϓσΟϨΫτϦ໊   ίϯϙʔωϯτσ ΟϨΫτϦ໊   ϑΝΠϧ໊   ελΠϧϑΝΠϧͷஔ͖৔

Slide 32

Slide 32 text

σ ΟϨΫτϦߏ੒ ΞϓϦઃܭνΣοΫϙΠϯτ ϕετϓϥΫςΟε౓⭐⭐ˑ มߋίετத ࠷ۙͷ܏޲   τοϓσΟϨΫτϦ໊   ίϯϙʔωϯτσ ΟϨΫτϦ໊   ϑΝΠϧ໊   ελΠϧϑΝΠϧͷஔ͖৔ TSD͕ओྲྀ   TDSFFOTDPNQPOFOUT   ίϯϙʔωϯτ໊KT   ίϯϙʔωϯτϑΝΠϧ   ಺ʹهड़

Slide 33

Slide 33 text

σ ΟϨΫτϦߏ੒ ΞϓϦઃܭνΣοΫϙΠϯτ ϕετϓϥΫςΟε౓⭐⭐ˑ มߋίετத IUUQTHJUIVCDPNSFBDUOBUJWFKQQSBJTFS έʔεQSBJTFS

Slide 34

Slide 34 text

σ ΟϨΫτϦߏ੒ ΞϓϦઃܭνΣοΫϙΠϯτ ϕετϓϥΫςΟε౓⭐⭐ˑ มߋίετத έʔεQYWJFX IUUQTHJUIVCDPNBMQIBTQQYWJFX

Slide 35

Slide 35 text

ܕνΣοΧʔ ΞϓϦઃܭνΣοΫϙΠϯτ ϕετϓϥΫςΟε౓⭐⭐⭐ มߋίετத 5ZQF4DSJQUPS'MPX ౰ॳ͸3FBDU/BUJWFͱಉ͡'BDFCPPL͕։ൃ͍ͯ͠Δ'MPXΛೖΕ͍ͯ ͕ͨɺ్தͰ5ZQF4DSJQUʹมߋ 7JTVBM4UVEJP$PEFΛ࢖͍ͬͯΔΤϯδχΞ͕͍ͨͷ΋ཧ༝ͷҰͭ ʢ5ZQF4DSJQUͱಉ͡.JDSPTPGU͕։ൃ͍ͯ͠Δʣ

Slide 36

Slide 36 text

ΞδΣϯμ ϓϥοτϑΥʔϜબఆ 3FBDU/BUJWFΞϓϦઃܭ ӡ༻ઃܭ

Slide 37

Slide 37 text

ӡ༻ઃܭνΣοΫϙΠϯτ w ৘ใΩϟονΞοϓ w ΞοϓάϨʔυӡ༻ w ϦϦʔεӡ༻ʢJ04"OESPJEରԠʣ w ΫϥογϡϨϙʔτ w ΞϓϦαΠζ w ηΩϡϦςΟରࡦ w ϚʔέςΟϯάӡ༻

Slide 38

Slide 38 text

ӡ༻ઃܭνΣοΫϙΠϯτ w ৘ใΩϟονΞοϓ w ΞοϓάϨʔυӡ༻ w ϦϦʔεӡ༻ʢJ04"OESPJEରԠʣ w ΫϥογϡϨϙʔτ w ΞϓϦαΠζ w ηΩϡϦςΟରࡦ w ϚʔέςΟϯάӡ༻ άϨʔͷ߲໨͸ޙड़ͷ2JJUBهࣄͰղઆ͍ͯ͠·͢

Slide 39

Slide 39 text

৘ใΩϟονΞοϓ ӡ༻ઃܭνΣοΫϙΠϯτ ϕετϓϥΫςΟε౓⭐⭐⭐ มߋίετத લఏ·ͩ3FBDU/BUJWF͸WɻWະຬͰɺ·ͩਐԽதɻ ৘ใΩϟονΞοϓ   Ξοϓσʔτɾ%FQSFDBUFEͷΩϟονΞοϓ   ϕετϓϥΫςΟε୳͠   पΓʹฉ͚Δਓ͕͍Δ͔͸ॏཁ Ϟνϕʔγϣϯߴ͘औΓ૊Ή࢓૊Έ   ΩονϋΠΫͰ͸ษڧձ͔Βͷهࣄެ։͕ϫʔΫ͍ͯ͠Δ   ݄ץ3/'FBUVSFT࿈ࡌத IUUQTUFDILJUDIIJLFDPNBSDIJWFDBUFHPSZ3FBDU/BUJWF

Slide 40

Slide 40 text

ϦϦʔεӡ༻ ӡ༻ઃܭνΣοΫϙΠϯτ ϕετϓϥΫςΟε౓⭐⭐ˑ มߋίετ J04 4JHOJOXJUI"QQMF   -BVODI4UPSZCPBSE   μʔΫϞʔυ   6*8FC7JFXഇࢭ J04 *%'"ڐՄऔಘରԠ   9DPEFରԠ "OESPJE CJUରԠ WYͰαϙʔτ   "OESPJE9΁ͷҠߦʢWYͰαϙʔτʣ   (PPHMF1MBZͷର৅"1*Ϩϕϧཁ݅΁ͷରԠ ʢUBSHFU4EL7FSTJPOʣ ֤ϓϥοτϑΥʔϜϕϯμʔඞਢରԠ

Slide 41

Slide 41 text

͜ͷεϥΠυ͸3FBDU/BUJWF"EWFOU$BMFOEBSͰ ॻ͍ͨهࣄΛݩʹ࡞੒͠·ͨ͠ɻ هࣄ΋͋ΘͤͯಡΉͱΘ͔Γ΍͍͔͢ͱࢥ͍·͢ɻ IUUQTRJJUBDPNTIPLFOJUFNTEGEEBDFF IUUQTRJJUBDPNTIPLFOJUFNTCCBCCBGDG

Slide 42

Slide 42 text

͍͞͝ʹ w ։ൃϓϥοτϑΥʔϜͷઃܭࢥ૝͔Βड͚ΔԸܙ w Ϟνϕʔγϣϯߴ͘ΩϟονΞοϓ͕Ͱ͖Δ   ϓϥοτϑΥʔϜ͕͓͢͢Ί w ະདྷ͸͔ͭ͠બ΂ͳ͍͕ɺաڈͷબ୒Λϕετ ʹ͢Δ͜ͱ͸͜Ε͔Β΋Մೳ

Slide 43

Slide 43 text

͝੩ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ ݄ץ3/'FBUVSFTͰ3FBDU/BUJWF   ࠷৽৘ใΛ࿈ࡌத   IUUQTUFDILJUDIIJLFDPN