Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。ユーザに価値を届けよう。/React Framework with Capacitor

by Masahiko Sakakibara

Slide 1

Slide 1 text

3FBDUϑϨʔϜϫʔΫϓϩμΫτΛ Ϟ バ ΠϧΞ プ Ϧʹͯ͠ɺ΋ͬͱศརʹɻ ϢʔβʹՁ஋Λಧ͚Α͏ɻ

Slide 2

Slide 2 text

!SEMBCP

Slide 3

Slide 3 text

Ϣʔβ͸ɺzϚΠzϓϥοτϑΥʔϜͰ࢖͍͕ͨΔ

Slide 4

Slide 4 text

஌Δͷ΋࢖͍ଓ͚Δͷ΋ɺzϚΠϓϥοτϑΥʔϜ wϢʔβʹ࢖ͬͯ΋Β͏ͨΊʹ༂ىʹ4&0ʁ w͚ΕͲɺ(PPHMFͰ୳͢ਓͱಉ͡Α͏ʹɺΞϓϦετΞͰΞϓϦΛ୳ ͢ਓ΋

Slide 5

Slide 5 text

஌Δͷ΋࢖͍ଓ͚Δͷ΋ɺzϚΠϓϥοτϑΥʔϜ wࣗ୐Ͱ͸ɺ9͸ϒϥ΢βɺ֎ग़࣌͸ΞϓϦʁ wԼͷϢʔβൺ཰͸ͲΕ͕ͲΕͷ΋ͷͰ͠ΐ͏͔ɻ wঁੑઐ༻ιʔγϟϧαʔϏε wϫΠϯ؅ཧΞϓϦ w৯඼දࣔҹ࡮ΞϓϦ

Slide 6

Slide 6 text

஌Δͷ΋࢖͍ଓ͚Δͷ΋ɺzϚΠϓϥοτϑΥʔϜ wࣗ୐Ͱ͸ɺ9͸ϒϥ΢βɺ֎ग़࣌͸ΞϓϦʁ wԼͷϢʔβൺ཰͸ͲΕ͕ͲΕͷ΋ͷͰ͠ΐ͏͔ɻ wঁੑઐ༻ιʔγϟϧαʔϏε wϫΠϯ؅ཧΞϓϦ w৯඼දࣔҹ࡮ΞϓϦ ঁੑઐ༻ιʔγϟϧαʔϏε ϫΠϯ؅ཧΞϓϦ ৯඼දࣔҹ࡮ΞϓϦ

Slide 7

Slide 7 text

ωΠςΟϒΞϓϦ͸"1*ʹΑΔػೳ֦ு͕೤͍ ϞόΠϧσόΠε͸ɺΞϓϦͰར༻Ͱ͖Δແ਺ͷ"1*Λఏڙɻ ྫʣ9DPEFͰ໌ࣔతʹڐՄ͕ඞཁͳ$BQBCJMJUJJFT

Slide 8

Slide 8 text

ωΠςΟϒΞϓϦ͸"1*ʹΑΔػೳ֦ு͕೤͍

Slide 9

Slide 9 text

ϞόΠϧϒϥ΢β͸Ұ෦ػೳ͕ڐՄ͞ΕͨʮΞϓϦʯ ΞϓϦʹڐՄ͞ΕΔσόΠεͷػೳ܈ ͦͷҰ෦͕ڐՄ͞Εͨϒϥ΢β 8FCΞϓϦ͸ϒϥ΢β"1*Λ௨ͯ͠ ͦͷҰ෦ͷػೳʹΞΫηε͍ͯ͠Δ ˣ Χϝϥ Ґஔ৘ใ ετϨʔδ

Slide 10

Slide 10 text

ͳͥɺҰ෦͔͠ڐՄ͞Εͳ͍ɹˠɹ8FCΞϓϦ͕৹ࠪΛड͚͍ͯͳ͍͔Β w ੍ݶ͞Ε͍ͯΔίϯςϯπ w ͳΓ͢·͠ w ஌తࡒ࢈ݖ w ϓϥΠόγʔɺ࠮ٗɺෆਖ਼ར༻ w ऩӹԽͱ޿ࠂ w ετΞͷܝࡌ৘ใͱϓϩϞʔγϣϯ w εύϜͱ࠷௿ݶͷػೳ w Ϛϧ΢ΣΞ w ϞόΠϧͷ๬·͘͠ͳ͍ιϑτ΢ΣΞ w ϑΝϛϦʔ IUUQTQMBZHPPHMFDPNBCPVU EFWFMPQFSDPOUFOUQPMJDZ

Slide 11

Slide 11 text

͔ͩΒɺϚϧνϓϥοτϑΥʔϜɻ 8FCϕʔεʹJ04ͱ"OESPJEΞϓϦ΋ల։͠Α͏ɻ ϚϧνϓϥοτϑΥʔϜ։ൃπʔϧʹ͸'MVUUFS΍3FBDU /BUJWF΋͋Γ·͕͢ɺࠓ೔͸8FCʹ͍͚ͭͯͩΛ͓࿩͠· ͢ɻൺֱͷৄࡉͳͲʹڵຯ͋Ε͹ผ్࣭͝໰͍ͩ͘͞ɻ

Slide 12

Slide 12 text

8FCϕʔεʹϞόΠϧΞϓϦΛͭ͘Δͱ͍͏͜ͱ εςʔλεόʔ 8FC7JFX 63-όʔ σόΠε04͕දࣔɻΞ ϓϦϨϕϧͰ͸഑৭Λม ߋͨ͠ΓɺඇදࣔʹͰ͖ Δɻ ϒϥ΢βΞϓϦ͕දࣔɻ 63-͔Βऔಘͨ͠Ξηο τΛϨϯμϦϯά͢Δɻ 63-Λೖྗ͢Δ͜ͱͰͲ ΜͳαΠτ΋දࣔͰ͖ͯ ͠·͏ɻ ϒϥ΢βΞϓϦ͕දࣔɻ

Slide 13

Slide 13 text

$BQBDJUPS w8FC7JFXϞόΠϧΞϓϦͷςϯϓϨʔτ wJ04"OESPJE͕ఏڙ͍ͯ͠Δ8FC7JFXͱର࿩ΠϯλʔϑΣΠεΛͦ ͷ··ར༻

Slide 14

Slide 14 text

$BQBDJUPSΛ࢖ͬͨ৔߹ͷϑΝΠϧߏ੒ 8FCΞηοτ͸͜͜ʹίϐʔ 1PE fi MFͰϥΠϒϥϦ؅ཧ ࠷ॳʹىಈ

Slide 15

Slide 15 text

࣮ࡍʹɺ(BUTCZɺ/FYUKTͱ3FNJYΛ$BQBDJUPSΞϓϦʹ ͠Α͏ʂʢ͕Μ͹Γ·͢ʣ

Slide 16

Slide 16 text

%&.0

Slide 17

Slide 17 text

஫ҙ఺ w443͕ແޮͰ͋ΔͨΊɺ࢖͑ͳ͍"1*͕͋Δ͜ͱʹ஫ҙ w/FYUKT wHFU4FSWFS4JEF1SPQT w*43 w*NBHF0QUJNJ[BUJPO w3FNJY wσʔλͷऔಘ wσʔλͷϛϡʔςʔγϣϯ wIFBEFST ؔ਺

Slide 18

Slide 18 text

5IFBOTXFS JOBOVUTIFMM JTCFDBVTF UIBU`TXIFSFUIFTBSF 5IFBOTXFS JOBOVUTIFMM JT CFDBVTF UIBU`TXIFSFUIFT BSF ౴͑͸؆୯ɻͦ͜ʹϢʔ β͕͍Δ͔ΒͰ͢ɻ

Slide 19

Slide 19 text

࣭໰͕͋Ε͹!SEMBCPɺ΋͘͠͸DMBTTNFUIPE͞Μ΁

Slide 20

Slide 20 text

ࣗݾ঺հ ࡗݪণ඙ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ ݚڀॴ୅දཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ ΠϊϕʔγϣϯɾΞϥΠΞϯε$50 *POJD+BQBO6TFS(SPVQ ୅ද *POJD%FWFMPQFS&YQFSU 4USJQF$PNNVOJUZ&YQFSU

Slide 21

Slide 21 text

UJQTZT

Slide 22

Slide 22 text

৯඼දࣔҹ࡮ εϚϗͱϓϦϯλ͚ͩͰ৯඼දࣔϥ ϕϧΛͭ͘ΕΔ೔ຊॳͷઐ༻ΞϓϦ

Slide 23

Slide 23 text

XJOFDPEF ଟछྨଟ਺ྔͷϫΠϯΛෳ਺ڌ఺Ͱ؅ཧͰ ͖Δ೔ຊ།ҰͷΞϓϦɻ