Shoeisha Technology Media

CodeZine(コードジン)

記事種別から探す

iPhone・Androidアプリの次にくる開発トレンド、
Facebookモバイルアプリとはなにか?

Facebookモバイルアプリ開発チュートリアル(1)

  • LINEで送る
  • このエントリーをはてなブックマークに追加

 はじめまして、スマホ対応Webアプリ開発向けのJavaScriptライブラリ「jAction」を開発しているjActionプロジェクトの大渕脇です。企業のPRを目的としたスマホネイティブ・ブラウザアプリの開発を専門としています。本稿では広告・マーケティング業界で、「iPhone・Androidのネイティブアプリの次にくるデジタルトレンド」として注目を集める分野「Facebookモバイルアプリ」について紹介します。

目次

はじめに

 本連載では、Facebookモバイルアプリの定義、開発に取り組む意義、実際の企画方法、開発手順について紹介します。開発段階ではHTML5によるWebアプリ制作を効率化するJavaScriptライブラリ「jAction」を利用します。

対象読者

  • Facebookモバイルアプリの開発に興味のある方。
  • HTML+JavaScriptによるWebアプリ開発を経験したことがある方。

開発に必要な環境

  • Google Chrome推奨
  • JavaScript、HTMLを編集するテキストエディタ

Facebookモバイルアプリとはなにか

 Facebookモバイルアプリには、ブラウザに関係なくアプリケーションとして起動するネイティブアプリとブラウザ内で動作するブラウザアプリの2種類があります。

 ネイティブアプリは、ブラウザで動かないためにブラウザ上のFacebookページとは別に、専用アプリとして起動することになります。アプリを初めて起動する時は、App Storeやアンドロイドマーケットでアプリをダウンロードしなければなりませんし、ブラウザのFacebookページから一旦離れて専用アプリを起動することになりますので、ユーザー的に手間がかかることになります。その反面、専用アプリでブラウザの制限を受けないので、スマートフォンの性能を活かしやすいのがメリットです。高いパフォーマンスを要求されるアプリを開発する場合はネイティブアプリを選択することになります。

 一方、ブラウザアプリでは、Facebookのページからそのまま遷移することができます。ネイティブアプリほどのパフォーマンスは出ませんが、アプリを楽しんだあとは、またメニューに戻ることができるなど、ユーザーの手間が減り同じブラウザ上で動くFacebookとの親和性が高いことがメリットです。

ブラウザ内で動作する
ブラウザアプリ
ブラウザ内で動作するブラウザアプリ
ブラウザに関係なくアプリケーション
として起動するネイティブアプリ
ブラウザに関係なくアプリケーションとして起動するネイティブアプリ

 本連載ではHTML5を利用してブラウザ内で動作するブラウザアプリにターゲットを絞って開発していきます。


  • LINEで送る
  • このエントリーをはてなブックマークに追加

著者プロフィール

バックナンバー

連載:Facebookモバイルアプリ開発チュートリアル
All contents copyright © 2005-2017 Shoeisha Co., Ltd. All rights reserved. ver.1.5