![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicrosofttech.osscons.jp/]]」は、「[[Open棟梁Project>https://github.com/OpenTouryoProject/]]」,「[[OSSコンソーシアム .NET開発基盤部会>https://www.osscons.jp/dotNetDevelopmentInfrastructure/]]」によって運営されています。 -戻る --[[.NET開発]] > [[ASP.NET]] --[[モバイル系開発]] --[[VS系コンテンツ]] ---[[従来型のWebアプリ vs SPA（Single-page Application）>SPAとMPA]] ---ネイティブ vs SPA（Single-page Application） ---[[ネイティブ vs クロスプラットフォーム]] * 目次 [#l10a7b1c] #contents *概要 [#u98e9a5f] 基本的に、 -ユーザ・サイドは特徴がシステムに適合する方を採用 -ベンダ・サイドは事業スキームに適合する方を習得 すればイイかと思う。 *詳細 [#b76d12ff] **選択肢 [#gb5b198c] ***[[ネイティブ>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E3%82%B9%E3%83%9E%E3%83%9B%E3%83%8D%E3%82%A4%E3%83%86%E3%82%A3%E3%83%96]] [#p3a9b67b] ***[[SPA（Single-page Application）>Single-page application]] [#k3ba2037] **比較表 [#ef318c48] 一般的に流布している比較項目 |#|>|比較項目|ネイティブ|SPA（Single-page Application）|h |1|>|クロスプラットフォーム性|△（[[クロスプラットフォーム系>ネイティブ vs クロスプラットフォーム]]なら可能）|○| |2|>|コスト|✕|○| |2-1|・|エンジニア人数|✕（Platform毎に必要）|○| |2-2|・|Web技術のノウハウの流用|△（[[ハイブリッド系>ネイティブ vs クロスプラットフォーム]]なら可能）|○（とは言え、SPAは[[Node.js>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Node.js]]系の文化）| |3|>|コンテンツの同期|✕（要更新※１）|○| |4|>|パフォーマンス|○|✕| |5|>|描画速度|○|✕| |6|>|デバイスの機能|○|✕| |7|>|オフライン対応|○|✕（[[PWA>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?PWA%EF%BC%88Progressive%20Web%20Apps%EF%BC%89]]同様、Service Workerなどを使えば可能）| ※１ OTAアップデートで迅速化可能。 ***[[ネイティブ>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E3%82%B9%E3%83%9E%E3%83%9B%E3%83%8D%E3%82%A4%E3%83%86%E3%82%A3%E3%83%96]] [#r5238133] -ネイティブ・レベルの機能が必要な場合に使用する。 -その他、ネイティブ実装のほうが性能が良い。 ***[[SPA（Single-page Application）>Single-page application]] [#a720ce23] -機能的には、Webアプリ・レベルで、~ デバイス機能にアクセスできない。 -機能的には、Webアプリ・レベルで、 --デバイス機能にアクセスできない。 --一部、[[HTML5 JavaScript API>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?HTML5%20JavaScript%20API]]でサポートされる。 ---WebRTC：カメラ ---WebAuthn：認証器 ---Geolocation：位置情報 -その他、JavaScript実装で性能が悪い。 ***コストについて [#i9bdab4a] ケース・バイ・ケース -基本的に、ネイティブをPlatform毎に開発するほうが高価。 -ただ、実現したい要件が異なるので、単純なコスト比較にはならないハズ。 *参考 [#k5ae0c3c] **[[ネイティブ>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E3%82%B9%E3%83%9E%E3%83%9B%E3%83%8D%E3%82%A4%E3%83%86%E3%82%A3%E3%83%96]] [#wf5daf7c] **[[SPA（Single-page Application）>Single-page application]] [#i9384a0d] ---- Tags: [[:.NET開発]], [[:モバイル系開発]]
