バンクーバーでITを学ぼう！- 02 – モバイルアプリとウェブアプリの違いとは？

ここ最近、ウェブアプリとモバイルアプリの違いを教えてください、という質問がおおいので、できるだけ簡単に、ユーザー視線から語って見ようと思います。

[word_balloon id=”126″ position=”R” size=”M” balloon=”talk” name_position=”under_avatar” radius=”true” avatar_border=”false” avatar_shadow=”false” balloon_shadow=”true”]その前に『アプリ』とは、『Application』を日本語の通称で意味は、『申し込み』、『申請』、『出願』、『志願』とありますが、ここでは『ソフトウェア』のことです。[/word_balloon]

モバイルアプリとウェブアプリの決定的な違い

 

• ・モバイルアプリは、スマフォ上で動くアプリ

• ・ウェブアプリは、ウェブサイト上で動くアプリ

[word_balloon id=”126″ position=”L” size=”M” balloon=”talk” name_position=”under_avatar” radius=”true” avatar_border=”false” avatar_shadow=”false” balloon_shadow=”true” balloon_m=”talk” name_position_m=”under_avatar”]これだけです。

これだけ覚えればいいです、

と言いたいのですが、ブログ記事は2000文字以上にしてくださいねとSEOさんに言われていますので、下に補足を載せておきます。

ぜひ、こちらも辛抱強く見てください[/word_balloon]

モバイルアプリとは？

Mobile Application（モバイルアプリケーション）の日本語での簡単にした総称です。英語でも、単に『Mobile App』とも呼ばれています。

モバイルアプリは、スマートフォン、タブレットなどのデバイス上で直接動いているアプリのことを指します。

ともあれ、皆さん、このウェブページをあなたのスマフォで、どのようにしてみていますか？

iPhoneのSafari？AndroidのChrome？それとも、Firefox？Edge？ Opera？Vivaldi？Sleipnir？ Smooz？

[word_balloon id=”126″ position=”R” size=”M” balloon=”talk” name_position=”under_avatar” radius=”true” avatar_border=”false” avatar_shadow=”false” balloon_shadow=”true” balloon_m=”talk” name_position_m=”under_avatar”]大丈夫です、上の難しい英単語は覚えなくていいです。たとえです。[/word_balloon]

ともあれ、それらがモバイルアプリの一種で、インターネットブラウザーアプリと呼ばれています。スマートフォンでウェブを閲覧するためのアプリです。

皆さんがよく使っているLINE、Instagramもソーシャルメディアのモバイルアプリです。

また、モバイルアプリも、入手方法も、スマートフォン、タブレットのOSによって変わります。

[word_balloon id=”126″ position=”R” size=”M” balloon=”talk” name_position=”under_avatar” radius=”true” avatar_border=”false” avatar_shadow=”false” balloon_shadow=”true” balloon_m=”talk” name_position_m=”under_avatar”]『OS』とは、そのパソコン、スマフォ、タブレット、スマートウォッチなどのデバイスなどの、機能などを管理するソフトウェアです[/word_balloon]

モバイルアプリの入手方法

• ・iPhone（iOS）、iPad（iPadOS）のアプリは、そのデバイス上にあるApple App Storeからダウンロード
• ・Android（Android OS）は、そのデバイス上にあるGoogle Playからダウンロード
• ・それ以外の方法。
  それ以外があることを知っている時点で、すでにこの記事の内容を知る必要がない程知識を持っていますので、語りません。

[word_balloon id=”126″ position=”R” size=”M” balloon=”talk” name_position=”under_avatar” radius=”true” avatar_border=”false” avatar_shadow=”false” balloon_shadow=”true” balloon_m=”talk” name_position_m=”under_avatar”]『デバイス』は、スマフォ、パソコン、タブレット、時計など器具を総称してデバイスと言います。念のため…。[/word_balloon]

ウェブアプリとは？

英語で、Web Application、Web App、日本語でウェブアプリケーションをウェブアプリと日本語では呼ばれています。Webアプリと記載されることもあります。

皆さん、先に出てきたインターネットブラウザーアプリを通して利用しているサービスがありますよね？

一番身近に利用されているのは、Gmail、Googleマップでしようか？

ともかく、それが、ウェブアプリです。

ノートパソコン、スマフォと関係ありません。そのブラウザー開いて利用しているうぇうサービスがウェブアプリです。

ウェブサイトで、自分自身の記事投稿や商品販売等の出品、他のメンバーとチャット、書類作成、メールやメッセージ送信などの閲覧以外の機能ももっていたら、すべてウェブアプリと思ってください。皆さんよく利用している検索ページのGoogleやYahoo!も結局、『検索機能をもったウェブアプリ』なんです。

先述のFacebook、Twitterも、ブラウザー上からでも閲覧できたり、投稿できています。それらも、Facebook、Twitterのウェブアプリとなります。これらは、ソーシャルメディアのウェブアプリで、それがスマフォの登場ともに、モバイルアプリへ発展してきたのです。

最近のウェブサイトのほとんどは、ウェブアプリと言っても過言じゃありません。

それは、このカナダジャーナルウェブサイトも漏れなくウェブアプリの一つなんです。

[word_balloon id=”126″ position=”L” size=”M” balloon=”talk” name_position=”under_avatar” radius=”true” avatar_border=”false” avatar_shadow=”false” balloon_shadow=”true” balloon_m=”talk” name_position_m=”under_avatar”]閲覧機能しかないこのサイトがなぜウェブアプリなのか？
また、他の記事で説明しますね。[/word_balloon]

ウェブアプリの利用方法

お使いのデバイスのインターネットブラウザアプリから、そのサービスを提供しているウェブサイトに訪れるだけです。ダウンロード必要なし。（会員登録、ログインが必要だったりします）

ただし、使用中は、必ずインターネットに接続していないといけないです。

それぞれのメリット、デメリット

モバイルアプリ

メリット

• ・起動が速い、通信が早い
• ・機能をシンプルにされていてわかりやすい
• ・同機能のウェブアプリとくらべて、ネット通信料を抑えられる
• ・カメラ、マイクなどのでデバイスが持っている機能や、他のアプリ（ソーシャルメディア、メールなど）のアプリとの連動、連携がしやすい

デメリット

• ・使用するには必ずダウンロードが必要
• ・掲載できる情報に制限あり
• ・デバイスによって、機能が限られていることがある
• ・新機能追加、エラー修正際に、新しいバージョンのアプリを更新しないといけない

[word_balloon id=”126″ position=”R” size=”M” balloon=”talk” name_position=”under_avatar” radius=”true” avatar_border=”false” avatar_shadow=”false” balloon_shadow=”true” balloon_m=”talk” name_position_m=”under_avatar”]そもそもモバイルアプリは、できるだけネットの通信がかからないようにし、動作を速くするために作られています[/word_balloon]

ウェブアプリ

メリット

• ・インターネットブラウザーがさえあれば、利用できる。基本、どのデバイスでアクセスしても、情報と機能は一緒で、しかも情報は共有されている
• ・サイト内に情報制限はとくにないので乗せられている情報量は多い
• ・常に最新情報を表示できる
• ・他のウェブアプリと連動・連携しやすく設定されていることがある

デメリット

• ・インターネットブラウザーアプリがないと利用できない
• ・インターネットに常時接続されていないと利用できない
• ・その低スペックデバイス、低速度ネットだと非常に使いずらいことがある
• ・複雑になりがち
• ・カメラ、マイク、ソーシャルメディアへ接続などのデバイス内蔵の機能とデバイス内のモバイルアプリとかと連動、連携が悪い

[word_balloon id=”126″ position=”L” size=”M” balloon=”talk” name_position=”under_avatar” radius=”true” avatar_border=”false” avatar_shadow=”false” balloon_shadow=”true” balloon_m=”talk” name_position_m=”under_avatar”]『情報の制限』で一番わかりやすい例えが、モバイルアプリでは基本アダルト向けはできませんが、ウェブアプリはできます！[/word_balloon]

まとめ

以上、ユーザー視線から見た、モバイルアプリとウェブアプリの違いを説明しましたが、

もう一度申し上げますが、要は

• モバイルアプリは、デバイス上で動くアプリ
• ウェブアプリは、ウェブサイト上で動くアプリ

、これだけです。

どちらも、皆様の身近にあふれているものばかりで、昔は大手企業でしか提供されていなかったアプリが、最近では中小企業、店舗もそれぞれの市場開拓、業務改善のために独自アレンジのモバイルアプリ、ウェブアプリを利用するようになってきました。

例

• モバイルアプリで、出先でのお客様の注文を受け、それで精算をする
• ウェブアプリで、各店舗のデータを拾い上げ、その売り上げ、コストなどを集計して、会計処理をする
• ウェブアプリで、外出中の営業に報告書を作成しもらう
• オフィス間の業務連絡を、独自アプリで行い、他のオフィス業務アプリと連動/連携させる
• 取引企業の注文を、ウェブアプリからしてもらう
• 独自モバイルアプリをお客様にダウンロードして貰って、そこから商品注文もしくはサービスの依頼をして貰う
• 便利なモバイルアプリを作って、配布して会社の認知度、イメージアップを図る

また、多くの企業が、ウェブサイトで自社サービス・製品を紹介だけでなく、そのサイト上でサービスを利用して貰いたいという傾向になってきています。

また、社内専用のウェブサイトを作り上げて、その中で業務処理を行うこともあります。

そのため、現在多くのモバイルアプリ・ウェブアプリ開発業者が乱立しており、各社よりよいアプリケーションを提供できるように、各社随時人材を集めています。

今、この中で不足しているのが、プログラマーなんです。

また、バンクーバーを含めカナダはもともと製品製造業が盛んではありません。ほとんどの産業が農業・林業・鉱業などの第一時産業です。カナダは資源が豊富ではありますが、資源は限られています。また、都市部ではその産業が伸びることはありません。

ほぼすべての人がスマートフォンを持ち始め、インターネットとつながっている現在、モバイルアプリやウェブアプリ開発が必須となり、その利用するシチュエーションが増えていることもあり、急ピッチで開発会社乱立してきています。

特にバンクーバーは、新たな成長する産業として、こういった人材を育てる環境が整いつつあるのです。そこへもともと留学生を多く受け入れてきた環境も相まって、現在、バンクーバーに多様なモバイル・ウェブアプリ開発を学ぶ学校がいっぱいある理由です。

カナダジャーナルは、乱立してきているアプリ開発コース・学校から、お客様の事情と希望を伺い、それにそった学校のコースを紹介してきます。

どんどん、お問い合わせくださいね。

[word_balloon id=”126″ position=”R” size=”M” balloon=”talk” name_position=”under_avatar” radius=”true” avatar_border=”false” avatar_shadow=”false” balloon_shadow=”true” balloon_m=”talk” name_position_m=”under_avatar”]こっちも見てね↓[/word_balloon]

[word_balloon id=”126″ position=”R” size=”M” balloon=”talk” name_position=”under_avatar” radius=”true” avatar_border=”false” avatar_shadow=”false” balloon_shadow=”true” balloon_m=”talk” name_position_m=”under_avatar”]次は、まったくユーザー目線じゃない、モバイルアプリとウェブアプリの違いを語っていきます。プログラム言語の話が出てきます。[/word_balloon]