Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ
 ୅දཧࣄɹࡗݪণ඙ 18" $PSEPWB $BQBDJUPS 3FBDU/BUJWF%PNͷൺֱ͔ΒΈΔɺ ͜Ε͔Βͷ)5.-ΞϓϦ

Slide 3

Slide 3 text

ࣗݾ঺հ ࡗݪণ඙ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ
 ݚڀॴ୅දཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ
 ΠϊϕʔγϣϯɾΞϥΠΞϯε$50 *POJD+BQBO୅ද
 *POJDίΞίϯτϦϏϡʔλʔ

Slide 4

Slide 4 text

<1SPEVDU>"SFB*OOPWBUJPO3FWJFX

Slide 5

Slide 5 text

<1SPEVDU>UJQTZT

Slide 6

Slide 6 text

$POUSJCVUF ionic-team/ionic ionic-team/starters ionic-team/ionic-cli

Slide 7

Slide 7 text

%FW4VQQPSU

Slide 8

Slide 8 text

ϋΠϒϦουΞϓϦͱ͸ 888

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

ϋΠϒϦουΞϓϦઓࠃ࣌୅

Slide 11

Slide 11 text

9BNBSJO

Slide 12

Slide 12 text

9BNBSJO $ .JDSPTPGU ೥ΑΓແঈ $Ͱશ෦ॻ͘

Slide 13

Slide 13 text

3FBDU/BUJWF

Slide 14

Slide 14 text

3FBDU/BUJWF JavaScriptCore経由にNativeコードを実行 3FBDUͰ/BUJWF։ൃ

Slide 15

Slide 15 text

3FBDU/BUJWF ※ 図はNative Script

Slide 16

Slide 16 text

3FBDU/BUJWF%0.

Slide 17

Slide 17 text

3FBDU/BUJWFGPS8FC

Slide 18

Slide 18 text

$PSEPWB1IPOF(BQ 888

Slide 19

Slide 19 text

$PSEPWB1IPOF(BQ )5.-
 $ +BWB "QBDIF'PVOEBUJPO )5.-ΛωΠςΟϒΞϓϦͷΑ͏ʹ࢖͑ΔΑ͏ʹ͢Δ

Slide 20

Slide 20 text

*POJD'SBNFXPSL$PSEPWB1IPOF(BQ

Slide 21

Slide 21 text

0OTFO6*$PSEPWB1IPOF(BQ

Slide 22

Slide 22 text

.POBDB$PSEPWB1IPOF(BQ

Slide 23

Slide 23 text

$BQBDJUPS 888

Slide 24

Slide 24 text

)5.-
 $ +BWB 4XJGU ,PUMJO *POJDUFBN /BUJWF1SPHSFTTJWF8FC"QQT $BQBDJUPS

Slide 25

Slide 25 text

Cordova → Cordova Plugin → Obj-c/Java → Native API
 Capacitor → Swift/Kotlin → Native API $BQBDJUPS

Slide 26

Slide 26 text

$BQBDJUPS /BUJWF6*4IFMMʢ/BUJWFͱ8FC7JFXͷ༥߹ʣ .JYJOH/BUJWF6*BOE8FCXBDSPTTQMBUGPSN6*

Slide 27

Slide 27 text

1SPHSFTTJWF8FC"QQT 888

Slide 28

Slide 28 text

1SPHSFTTJWF8FC"QQT

Slide 29

Slide 29 text

1SPHSFTTJWF8FC"QQT ΦϑϥΠϯදࣔ #BDLHSPVOE4ZOD 1VTI௨஌ ϗʔϜը໘ʹ௥Ճ (14΍ΧϝϥͳͲͷ
 /BUJWFػೳ΁ͷΞΫηε

Slide 30

Slide 30 text

1SPHSFTTJWF8FC"QQT wϞόΠϧͷར༻࣌ؒ͸૿Ճ܏޲ wεϚϗΞϓϦͷ৽نΠϯετʔϧ
 ͸͸ʢϲ݄ʣ w͔ͭεϚϗΞϓϦ͸501͕ಠ઎ wεϚϗΞϓϦʹൺ΂ͯɺ8͸ഒͷτϥϑΟοΫ w͍Ζ͍Ζͳ8ʹ๚໰͞ΕΔ

Slide 31

Slide 31 text

1SPHSFTTJWF8FC"QQT ΞϓϦΛར༻͢ΔͷʹɺϢʔβ͸ ̍ɽΞϓϦετΞʹભҠͯ͠
 ̎ɽΞϓϦΛΠϯετʔϧͯ͠
 ̏ɽΞϓϦΛىಈ͠ͳ͍ͱ͍͚ͳ͍


Slide 32

Slide 32 text

ͦΕͧΕͷϋΠϒϦουΞϓϦ UI Native Web View 直接 Native言語経由 Native First Web First

Slide 33

Slide 33 text

ͦΕͧΕͷϋΠϒϦουΞϓϦ 再利用性高 再利用性低い

Slide 34

Slide 34 text

ͦΕͧΕͷϋΠϒϦουΞϓϦ デザインの表現力 表現力低い

Slide 35

Slide 35 text

ͦΕͧΕͷϋΠϒϦουΞϓϦ 処理速度 処理速度低い

Slide 36

Slide 36 text

8FC'JSTU͔ͩΒɺΞϓϦͱͯ͠͸͍·͍ͪʁ やっぱり、Swift/Kotlinで書くのが王道?

Slide 37

Slide 37 text

'BTUCPPL https://vimeo.com/55486684

Slide 38

Slide 38 text

)5.-ΞϓϦΛલ޲͖ʹ mobile remains the killer platform, and web is the future.

Slide 39

Slide 39 text

)5.-ΞϓϦΛ͸͡ΊΔ͓͢͢Ίύοέʔδ $-* %FTJHO 4VQQPSU

Slide 40

Slide 40 text

)5.-ΞϓϦΛ͸͡ΊΔ͓͢͢Ίύοέʔδ

Slide 41

Slide 41 text

)5.-ΞϓϦΛ͸͡ΊΔ͓͢͢Ίύοέʔδ

Slide 42

Slide 42 text

)5.-ΞϓϦΛ͸͡ΊΔ͓͢͢Ίύοέʔδ

Slide 43

Slide 43 text

)5.-ΞϓϦΛ͸͡ΊΔ͓͢͢Ίύοέʔδ

Slide 44

Slide 44 text

)5.-ΞϓϦΛ͸͡ΊΔ͓͢͢Ίύοέʔδ

Slide 45

Slide 45 text

)5.-ΞϓϦΛ͸͡ΊΔ͓͢͢Ίύοέʔδ

Slide 46

Slide 46 text

ॻ੶ʮ*POJDͰ࡞ΔϞόΠϧΞϓϦ੍࡞ೖ໳ʯ IUUQTBN[OUP[I$QQ[

Slide 47

Slide 47 text

͜Ε͔Βͷ)5.-ΞϓϦ ೥લʹΛ઎ΊͨωΠςΟ ϒ։ൃऀ͸ɺʹݮΓ· ͨ͠ɻ·ͨɺࠓޙ೥ؒͰ ͸ωΠςΟϒ։ൃΛഁ غ͢Δ͜ͱʹͳΔͩͱ͏ͱճ ౴͍ͯ͠·͢ɻ

Slide 48

Slide 48 text

͜Ε͔Βͷ)5.-ΞϓϦ

Slide 49

Slide 49 text

͜Ε͔Βͷ)5.-ΞϓϦ

Slide 50

Slide 50 text

͜Ε͔Βͷ)5.-ΞϓϦ Web制作者がアプリをつくる世界に。

Slide 51

Slide 51 text

No content