フリーランスのIT求人案件@Agentサービス紹介無料イベントヒカラボTOP > 「PhoneGapで学ぶクロスプラットフォーム対応ハイブリッドアプリ概論 」

イベントレポート vol.11

渋谷ヒカリエにて、無料イベント「ヒカラボ by Leverages」を開催!

イベントレポート vol.11【PhoneGapで学ぶクロスプラットフォーム対応ハイブリッドアプリ概論 】

「

1月24日にヒカラボイベント「"PhoneGap"で学ぶクロスプラットフォーム対応ハイブリッドアプリ概論 」が開催されました!HTML・JavaScriptでiPhone/Androidネイティブアプリが開発できる【PhoneGap】を用いてのハイブリットアプリ開発について解説いただいた、今回のイベントの模様をレポートします!

当日の資料はこちら

講師紹介

株式会社アシアル代表取締役社長の田中正裕(たなかまさひろ)氏 今回は、株式会社アシアル代表取締役社長の田中正裕(たなかまさひろ)氏に講師を務めて頂きました。

田中氏は東大在学中にアシアルを設立したそうです。

元々は小学校のときにPCに触れたことがきっかけでプログラミングに没頭し、生きている時間の大半をプログラミングして過ごしているとか…。

現在も代表取締役社長としての業務だけでなく、PMやコーディングも担当しているそうです。 アシアル株式会社では、これまで培ってきたサーバーサイド技術をもとに、HTML5やJavaScriptといったクライアント技術を高い次元で組み合わせ、優れたユーザーエクスペリエンスを持つアプリケーションを提案しています。

HTML5に
について

イベントの模様 HTML5はHTMLの最新Versionで、ブラウザがHTML5に対応することでリッチな表現が可能になり、UIを刷新する能力を持っています。

しかし既存のサービスのほとんどはまだHTML4でできていて、ブラウザによって対応にバラつきがあるのが現状です。
PCではこれから対応するブラウザも多いですが、スマートフォンの分野では、iOS、Androidが早くから対応していいたためHTML5がスタンダードになっています。
モバイルアプリ開発の際に、HTML5を選択するかネイティブアプリを選択するかというのは意見が割れるところです。

HTML5を選択した場合、iOS、Androidの2バージョンを作成する必要がないので、その分コストが削減できますが、ネイティブでは可能なカメラ撮影やプッシュ通信、3Dアニメーションなどが開発できないというデメリットもあります。

ハイブリット
アプリ

ハイブリットアプリの特徴 ※画像クリックで拡大 そこで登場したのがハイブリッドアプリです。
ハイブリッドアプリはHTML5とネイティブの良いとこ取りとも言えるもので、HTML5の開発技術でネイティブ形式のアプリを実現できます。

クロスプラットフォームやメンテナンス性に優れ、デバイスへのアクセスが可能、ローカル動作が可能など、HTMLアプリの欠点を補っている部分が多く、最近多くのiOS/Androidアプリがハイブリッドアプリとしてリリースされています。

PhoneGapに
ついて

PhoneGapの特徴 ※画像クリックで拡大 オープンソースのハイブリッドアプリ開発ライブラリーCORDOVAをAdobe Systemsyがリリースした際の製品名が『Phone Gap』で、様々なアドビ社製のツールと連携が可能になっています。
PhoneGapには左表の様な特徴があるそうです。

他の開発手法との違い ※画像クリックで拡大 他のツールとPhone Gapの違いについてもご説明頂きました。
Phoen GapはHTML5に特化していること、TitaniumはJavaScriptに特化していること、Unityはゲームに特化していることがそれぞれの大きな特徴、違いといえます。

Monacaに
ついて

Monaca また、Phone GapではUI機能が提供されないため、別途jQuery、Sencha、RATCHETなどのJSライプラリーを用意する必要があります。
開発環境は、Eclipse、Xcodeだと、OSに合わせて使い分ける必要があります。DreamWeaverでは使い分ける必要はありませんが、こちらはWebプロフェッショナル向けとのことです。
そこでご紹介いただいたのが、アシアル株式会社で開発された開発プラットフォーム「Monaca」です。

MonacaはブラウザだけでPhone Gapアプリを開発できるプラットフォームで、HTML5とJavaScriptでプログラミング可能です。
作ったアプリをAppStoreやGooglePlayで有料無料を問わず公開することができます。
最後に、「Monaca」を使用してカメラアプリを作成しました。
PhoneGapで学ぶマルチスクリーン対応ハイブリッドアプリ開発の「第4回」記事を用いて実演して頂きました。

PhoneGapを用いて開発された「Eight」をご紹介します!

Eightイメージ ・iOS、Androidに対応した名刺管理アプリケーション。
・PhoneGapを用いたハイブリッドアプリとして開発。
・ネイティブ部分は独自フレームワークで拡張。
詳しくはこちらから


いつものイベントに比べ、デザイナーやコーダーの方の参加率が高かった今回のイベント。 参加者の方々からも内容に満足したという声をたくさんいただきました。
「やりたいことの一つにPhoneGap(Monaca)でアプリを作るが追加された」「わかり易かった」「アシアルのサービスにも興味を持った」「コードの中身など技術的な部分も知りたかった」などのご意見がアンケートには見られました。
「スライドが見にくかった」などのご意見もいただきましたので、こちらは次回以降のイベント運営で参考にさせて頂きます。

ご参加いただいた方々、どうもありがとうございました!
今後も様々なイベントを予定しております。皆様のご参加を心よりお待ちしております!

今後のイベント開催予定は「無料イベントのご案内」へ

定期的な勉強会情報がほしい方はこちらをご登録ください

  • @Agent×twitter オトクな情報つぶやき中

  • facebookページ@Agent いいね!をお願いします。

無料登録がまだの方へ

フリーエンジニア・デザイナーの参画支援サービス 業界トップレベルの高単価の報酬を実現!Web業界・技術に精通したコーディネーターがヒアリング!

  • サービス申し込みはこちら
無料サポートに申し込む【簡単1分】

無料イベントのご案内

@Agentとは?

-