スタッフブログ

STAFF BLOG

アプリ開発日誌

2016.10.31

【どっちがいい?】ネイティブアプリとWebアプリの違いとそれぞれの利点について

モバイル用のアプリと作るといってもいろいろなアプローチがあります。その中でもネイティブアプリとWebアプリが思いつきます。まずそれぞれのアプリについて説明します。

ネイティブアプリ

弊社がメインで開発するアプリで「Play Store」や「App Store」に申請し、ユーザーはアプリを各OSのストアからダウンロードし、端末にインストールすることでアプリを使うことができます。
弊社では、Androidのアプリを開発環境はAndroidStudioで言語はJavaで作りまして、iOSのアプリは開発環境はXcodeで言語はSwift,改修案件ではObjective-Cで作るのが多いです。

Webアプリ

GoogleChromeなどのブラウザプリからアクセスし、レスポンシブデザインによってスマートフォンのデバイスのサイズに最適化されたレイアウトを表示させることで使いやすさを担保しています。
例:YAHOO!ショッピング http://shopping.yahoo.co.jp/

レスポンシブでないWebページはPCで開いたときと同じレイアウトでスマフォの画面に表示されるためボタンが小さくて押しずらく使い勝手が悪い印象を受けます。
例:厚生労働省HP http://www.mhlw.go.jp/

モバイルで使用することを前提にアプリを作るのであればレイアウトには気をつけなればいけませんね。
HTML5をで書かれるようです。ネイティブアプリとは違ってWebベージにアクセスすることでユーザーは初めてアプリを使うことができます。

 

さて、今回はレイアウトについてではなく、上記の二つアプリのメリットとデメリットは何なのかを考えていきたいと思います。
 
メリットとデメリット
速さ
 
食べログ https://tabelog.com/ というアプリがあります。使ったことがある人も多いのでないでしょうか。
このアプリはストアからもインストールして使うこともできますね。

Android https://play.google.com/store/apps/details?id=com.kakaku.tabelog&hl=ja
iOS https://itunes.apple.com/jp/app/shiberogu-rankingutogurumena/id763377066?mt=8

実際に使ってみるとわかると思います。やはり表示する速さやデータのレスポンスはネイティブが早いと感じます。ここでいう「速さ」についてですが、データをやり取りする通信速度のことではなく、ユーザーが何かボタンを押したタイミングで期待される挙動までの体感時間が重要と思います。同じ通信速度であっても、端末にインストールされているネイティブアプリはインジケータを表示させて「動いている感」を表現したり、端末に取得した情報を保存してオフラインでも使用できるようにすることでユーザーが感じる「速さ」の印象は異なります。
 
デバイスの機能
カメラやGPS、ジェスチャーにプッシュ通知、指紋認識やBluetoothなどデバイスの機能はアプリと連携することでアプリの可能性を広げることができます。Webアプリでも一部の機能を使うことはできるようですが、デバイスにインストールされるネイティブアプリが勝利と思います。
 
開発コスト
 
費用の面でいうと上記二つのアプリではまず制作物の数の違いがあります。ネイティブアプリはAndroidとiOSでリリースすることでユーザーのパイを確保するのが基本のようで、BtoBのアプリでない限り両OSのアプリを開発するため、知識を持ったエンジニアをアサインしなくてはいけません。よって人月が増えるため費用が制作物が一つのWebアプリと比較すると増えてしまうのはやむを得ない状況です。
 
開発速度
 
開発コストでも言及しましたがエンジニアのリソースが限られている場合、両OSでの実行を担保できるWebアプリの開発速度はネイティブのそれと比較すると単純計算で半分になるためWebアプリの方が早いと言えるでしょう。

まとめ

以上4つ挙げてみましたが他にもいろいろ着目する点はあります。運用や管理コスト、トレンドなど。しかし、なぜ開発コストもかかるし開発速度も遅いのになぜネイティブアプリをつくるのか

トレンドだからという理由も考えられますし、いろんな理由があると思いますが、その中でもシンプルな理由の一つで、

「USER FIRST」

という理念があることが一つ大きな理由でしょう。アプリは企業のブランティングや販促、利益を生むものでありますが、大前提として、それを使うユーザーを楽しませたり、生活の質を向上させるものであるべきだと思います。

いくらコストパフォーマスがよくて、派手な印象を与える料理を出す店があっても、まずくて、接客の悪いお店には金銭的なことだけでなく、自分の時間を割いてまでそれに関わることになんの価値もないでしょう。

アプリも同様です、「USER FIRST」という理念を前提にアプリのことを考えれば、ネイティブやWebというアプリの種類の選択以前にどういう機能を持たせるべきか、どういう運用をするべきか、といったことも自然と浮かび上がるってくるのではないでしょうか。

アプリを作りたいと思うすべての人に持っていて欲しい理念ですね。

BACK

お問合せ

イーディーエーに興味をお持ちいただいて
ありがとうございます!
スマホアプリに関するご相談、
お見積りや弊社へのご質問など、
お気軽にお問い合わせください。
担当者より折り返しご連絡させていただきます。

    お名前必須
    会社名
    メールアドレス必須
    電話番号必須
    お問合わせ種別必須
    お問合わせ内容必須

    アンケートにご協力ください。
    弊社サイトへはどのようにしてアクセスされましたか?

    個人情報のお取扱いに関する同意事項

    1.事業者の氏名又は名称

    株式会社イーディーエー

    2.個人情報保護管理者の氏名又は職名、所属及び連絡先

    個人情報保護管理者 小宮 保人
    Mail:[email protected]

    3.取得した個人情報の利用目的

    当フォームで取得した個人情報は、お問い合わせに関する回答のために利用し、目的外利用はいたしません。

    4.弊社が取得した個人情報の第三者への委託、提供について

    弊社は、ご本人に関する情報をご本人の同意なしに第三者に委託または提供することはありません。

    5.個人情報保護のための安全管理

    弊社は、ご本人の個人情報を保護するための規程類を定め、従業者全員に周知・徹底と啓発・教育を図るとともに、その遵守状況の監査を定期的に実施いたします。
    また、ご本人の個人情報を保護するために必要な安全管理措置の維持・向上に努めてまいります。

    6.個人情報の開示・訂正・利用停止等の手続

    ご本人が、弊社が保有するご自身の個人情報の、利用目的の通知、開示、内容の訂正、追加又は削除、利用の停止、消去及び第三者への提供の停止を求める場合には、下記に連絡を頂くことで、対応致します。

    株式会社イーディーエー 個人情報お問合せ窓口
    〒106-0032 東京都港区六本木7丁目14番23 ラウンドクロス六本木4F
    TEL:03-5422-7524 FAX:03-5422-7534
    Mail:[email protected]

    7.ご提供いただく情報の任意性

    個人情報のご提供は任意ですが、同意を頂けない場合には、第3項にあります利用目的が達成できない事をご了承いただくこととなります。

    8.弊社Webサイトの運営について

    弊社サイトでは、ご本人が弊社Webサイトを再度訪問されたときなどに、より便利に閲覧して頂けるよう「クッキー(Cookie)」という技術を使用することがあります。これは、ご本人のコンピュータが弊社Webサイトのどのページに訪れたかを記録しますが、ご本人が弊社Webサイトにおいてご自身の個人情報を入力されない限りご本人ご自身を特定、識別することはできません。
    クッキーの使用を希望されない場合は、ご本人のブラウザの設定を変更することにより、クッキーの使用を拒否することができます。その場合、一部または全部のサービスがご利用できなくなることがあります。