HTML5アプリは、Webをプラットフォームとする Progressive Web Apps とそれをiOS/Androidアプリとするための Cordova が有名ですが、それだけではなく Capacitor ReactNative Dom という新しいアプローチが生まれようとしています。これらを比較することからそれぞれの特徴を明らかにして、これからのHTML5アプリはどうなっていくのかを考えていければと思います。
View Slide
Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ දཧࣄɹࡗݪণ18" $PSEPWB $BQBDJUPS 3FBDU/BUJWF%PNͷൺֱ͔ΒΈΔɺ͜Ε͔Βͷ)5.-ΞϓϦ
ࣗݾհࡗݪণҰൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ ݚڀॴදཧࣄҰൠࣾஂ๏ਓΤϦΞɾ ΠϊϕʔγϣϯɾΞϥΠΞϯε$50*POJD+BQBOද *POJDίΞίϯτϦϏϡʔλʔ
<1SPEVDU>"SFB*OOPWBUJPO3FWJFX
<1SPEVDU>UJQTZT
$POUSJCVUFionic-team/ionicionic-team/startersionic-team/ionic-cli
%FW4VQQPSU
ϋΠϒϦουΞϓϦͱ888
ϋΠϒϦουΞϓϦઓࠃ࣌
9BNBSJO
9BNBSJO$.JDSPTPGUΑΓແঈ$Ͱશ෦ॻ͘
3FBDU/BUJWF
3FBDU/BUJWFJavaScriptCore経由にNativeコードを実行3FBDUͰ/BUJWF։ൃ
3FBDU/BUJWF※ 図はNative Script
3FBDU/BUJWF%0.
3FBDU/BUJWFGPS8FC
$PSEPWB1IPOF(BQ888
$PSEPWB1IPOF(BQ)5.- $ +BWB"QBDIF'PVOEBUJPO)5.-ΛωΠςΟϒΞϓϦͷΑ͏ʹ͑ΔΑ͏ʹ͢Δ
*POJD'SBNFXPSL$PSEPWB1IPOF(BQ
0OTFO6*$PSEPWB1IPOF(BQ
.POBDB$PSEPWB1IPOF(BQ
$BQBDJUPS888
)5.- $ +BWB 4XJGU ,PUMJO*POJDUFBN/BUJWF1SPHSFTTJWF8FC"QQT$BQBDJUPS
Cordova → Cordova Plugin → Obj-c/Java → Native API Capacitor → Swift/Kotlin → Native API$BQBDJUPS
$BQBDJUPS/BUJWF6*4IFMMʢ/BUJWFͱ8FC7JFXͷ༥߹ʣ.JYJOH/BUJWF6*BOE8FCXBDSPTTQMBUGPSN6*
1SPHSFTTJWF8FC"QQT888
1SPHSFTTJWF8FC"QQT
1SPHSFTTJWF8FC"QQT ΦϑϥΠϯදࣔ #BDLHSPVOE4ZOD 1VTI௨ ϗʔϜը໘ʹՃ (14ΧϝϥͳͲͷ /BUJWFػೳͷΞΫηε
1SPHSFTTJWF8FC"QQTwϞόΠϧͷར༻࣌ؒ૿ՃwεϚϗΞϓϦͷ৽نΠϯετʔϧ ʢϲ݄ʣw͔ͭεϚϗΞϓϦ501͕ಠwεϚϗΞϓϦʹൺͯɺ8ഒͷτϥϑΟοΫw͍Ζ͍Ζͳ8ʹ๚͞ΕΔ
1SPHSFTTJWF8FC"QQTΞϓϦΛར༻͢ΔͷʹɺϢʔβ̍ɽΞϓϦετΞʹભҠͯ͠ ̎ɽΞϓϦΛΠϯετʔϧͯ͠ ̏ɽΞϓϦΛىಈ͠ͳ͍ͱ͍͚ͳ͍
ͦΕͧΕͷϋΠϒϦουΞϓϦUI Native Web View直接 Native言語経由Native First Web First
ͦΕͧΕͷϋΠϒϦουΞϓϦ再利用性高 再利用性低い
ͦΕͧΕͷϋΠϒϦουΞϓϦデザインの表現力 表現力低い
ͦΕͧΕͷϋΠϒϦουΞϓϦ処理速度 処理速度低い
8FC'JSTU͔ͩΒɺΞϓϦͱ͍ͯ͠·͍ͪʁやっぱり、Swift/Kotlinで書くのが王道?
'BTUCPPLhttps://vimeo.com/55486684
)5.-ΞϓϦΛલ͖ʹmobile remains the killer platform,and web is the future.
)5.-ΞϓϦΛ͡ΊΔ͓͢͢Ίύοέʔδ$-* %FTJHO 4VQQPSU
)5.-ΞϓϦΛ͡ΊΔ͓͢͢Ίύοέʔδ
ॻ੶ʮ*POJDͰ࡞ΔϞόΠϧΞϓϦ੍࡞ೖʯIUUQTBN[OUP[I$QQ[
͜Ε͔Βͷ)5.-ΞϓϦલʹΛΊͨωΠςΟϒ։ൃऀɺʹݮΓ·ͨ͠ɻ·ͨɺࠓޙؒͰωΠςΟϒ։ൃΛഁغ͢Δ͜ͱʹͳΔͩͱ͏ͱճ͍ͯ͠·͢ɻ
͜Ε͔Βͷ)5.-ΞϓϦ
͜Ε͔Βͷ)5.-ΞϓϦWeb制作者がアプリをつくる世界に。