HTML5でiOSアプリAndroidアプリを作ろう 〜HTML5ハイブリッドアプリ開発入門〜
ヒカラボ(ウェブ技術でiOS/Androidアプリ開発！！～HTML5ハイブリッドアプリ開発[実践]入門～)での発表スライドです。 書籍『HTML5ハイブリッドアプリ開発[実践]入門』には、このスライドに載っていないCordovaの使い方、最適化のためのノウハウやテクニック、ジェスチャやviewportなどのモバイル特有の事情への配慮、ハイブリッドアプリで利用できるストレージ、デバッグ手法やセキュリティ、ネイティブとHTML5間のブリッジの仕組み、WebViewの扱い方などのHTML5ハイブリッドアプリ開発を網羅した内容をまとめています。 http://www.amazon.co.jp/dp/4774162116
【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ
【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業：株式会社ニーロク（http://i26.jp/）
第1回 PhoneGap入門
その流れの中で、ハイブリッドアプリが注目を浴びています。ハイブリッドアプリの仕組みでは、iOS、Android、Windows 8といったさまざまなOSに対応した、マルチスクリーン対応アプリを開発できるのが特徴です。 そのハイブリッドアプリの開発ツールの代表が、アドビシステムズ社が開発するPhoneGapです。PhoneGapではHTMLとJavaScriptというWebの技術を利用することで、ワンソースで複数の端末に対応するアプリを開発することができます。 スマートフォン向けアプリといえば、Objective-CやJavaを用いて端末上で直接実行するネイティブアプリや、サーバーから配信してブラウザ上で実行するWebアプリが思い浮かびます。ハイブリッドアプリはWebアプリと同様にHTMLを使って開発する一方、ネイティブアプリの形をして配布されることから、両者の特徴を組み合わせたものと捉える
第1回 PhoneGapとは | gihyo.jp
はじめまして、株式会社キクミミの富田宏昭と申します。おもにWebアプリケーションを開発しています。この連載では、PhoneGapを使ったiOSおよびAndroidアプリケーションの開発方法について全4回に分けて紹介していきます。どうぞお楽しみください。 PhoneGapとは PhoneGapはNitobiが開発、公開しているクロスプラットフォーム・モバイルアプリケーションの開発フレームワークです。スマートフォン向けアプリケーションの開発では、各OSごとに特定の言語を使用をして開発をおこなうことになります。たとえばiOSの場合はObjective-C、AndroidやBlackBerryの場合はJava、Windows Phone 7の場合はC#・Vidual Basicなどです。複数のスマートフォンに対応するアプリケーションを開発する場合、デベロッパは複数の言語をもちいてそれぞれの開発環境
Mac OSX版PhoneGap。Web技術でアプリを開発·MacGap MOONGIFT
MacGapはHTML/JavaScript/CSSを使ってMac OSXアプリを開発できるフレームワークです。 PhoneGapと言えばApache財団に寄贈され、Apache Cordovaと名前が変わったプロジェクトですが、iOSやAndroidなど各種スマートフォン向けのアプリがHTML/JavaScript/CSSで開発できます。そしてMacGapも同様のWeb技術でMac OSXアプリが作れてしまいます。 まずベースを作成します。 ビルドしました。MacGapと表示されています。 5秒後にGoogleが表示されました。 Growlによる通知にも対応しています。 自動生成されるHTMLです。 MacGapはシステムのビープ音、別なアプリの起動、ウィンドウの移動や別ウィンドウのオープン、ドックのバッジ操作、音楽の再生、Growl、通知、エベントの取得などがサポートされています。簡単
HTML5でiPhoneアプリ開発！PhoneGap入門 (1/5)
HTMLやCSS、JavaScriptといったWebの技術でスマートフォン用のアプリを開発できるモバイルフレームワークが注目されています。本連載でもこれまで、Web技術を使ってiOS向けのアプリを開発できる「NimbleKit」を紹介してきましたが、他にも以下のような同様のモバイルフレームワークがあります。 スマートフォン向けのアプリケーション開発フレームワーク Titanium http://www.appcelerator.com/ PhoneGap http://www.phonegap.com/ NimbleKit (iPhone専用) http://www.nimblekit.com/ JSWaffle (Android専用) http://d.aoikujira.com/jsWaffle/wiki/ 今回から数回にわたって、「PhoneGap」を使ったiPhone/iPad向け
PhoneGap（Apache Cordova）を触ってみた - 矢ガモ
いろいろありまして、Android 開発もそんなに詳しくないのに PhoneGap（Apache Cordova）に手を出すことになりました。 公式ドキュメントもあまり詳しくなかったり正しくなかったり、現在のバージョンに合った書籍も出回ってなかったりでちょっと苦労してます。 Android 版しか確認していませんが、試して感じて悩んでることなどの覚え書きです。 バージョン、対応プラットフォーム等全て 2012 年 2 月現在の情報です。 PhoneGap とは？ Nitobi という会社が開発した、クロスプラットフォームのスマートフォンアプリ開発・実行環境です。 最新バージョンは 1.4.1。 対応プラットフォーム iOS Android Blackberry WebOS Windows Phone Symbian Bada 大雑把な歴史 Nitobi は 2011 年 10 月に Ado
第3回 PhoneGapを支えるAPIたち～jQuery Mobileでメモ帳アプリ | gihyo.jp
前回はHello, Worldアプリケーションの作成とビルド、PhoneGap:Buildの使い方を紹介しました。今回はPhoneGapを支える各種APIの紹介と、jQuery Mobileを用いたメモ帳アプリを実際に作成してみるところまでを紹介していきたいと思います。 PhoneGap APIの紹介 それではPhoneGap APIといくつかのメソッド・オブジェクトをチェックしてみましょう。 Accelerometer（モーションセンサ） デバイスのモーションセンサにアクセスし、端末がどの方向に動いたかの情報を取得します。対応しているおもなプラットフォームはAndroid、BlackBerry WebWorks（OS 5.0以上）、iOSの3種です。 accelerometer.getCurrentAcceleration X/Y/Z軸の傾きとタイムスタンプを取得します accele
PhoneGapとは | PhoneGap Fan
PhoneGapについて PhoneGapはカナダ・バンクーバーにあるnitobi社の開発した、スマートフォン向けハイブリッドアプリケーション制作のためのフレームワークです。 HTML+Javascriptの技術を使って、iPhone/Androidのネイティブアプリケーションを開発する手法を一般的に「ハイブリッドアプリケーション」と呼びます。つまり、PhoneGapを使えばObjective-CやJavaを書かずに、Webアプリケーションの技術を用いて、ネイティブアプリケーションを作ることが可能なのです。 PhoneGapはいくつかあるハイブリッドアプリケーション制作フレームワークの内の現在もっとも知名度のある一つです。Adobe Dreamweaver5.5の新機能としてもサポートされており、今後さらに注目を浴びることになると予想されます。 PhoneGap公式サイトはこちら>>
PhoneGap API Documentation
APIリファレンス Accelerometer デバイスの加速度センサ情報を取得します。 Camera カメラを通じて写真を取得します。 Compass コンパス方向を取得します。 Contacts 連絡先データベース情報を操作します。 Device デバイス特有の情報を取得します。 Events JavaScriptを通じてネイティブ要素のフックを行います。 File JavaScriptを通じてネイティブのファイルシステムを取得します。 Geolocation 位置情報を取得します。 Media オーディオの録音と再生を行います。 Network ネットワークの状態を取得します。 Notification デバイス通知機能を提供します。 Storage デバイスのネイティブストレージを操作します。 目次 索引 PhoneGapドキュメントの目次を見る
App Store登録もOK！JavaScriptで作るiPhoneアプリ
Webアプリケーションは、傾きセンサやGPSからの情報取得やバイブレータ動作などのOSの機能の利用に制限があります。また、オフラインでの動作ができません。 開発の容易さは、若干主観めいてしまいますが、コンパイルが必要でメモリ管理も必要なネイティブアプリに比べて、Webブラウザでリロードするだけで最新のコードをテストできて、基本的にメモリ管理も不要なWebアプリケーションに軍配が上がります。 ネイティブアプリケーションの最大のメリットは、「App Storeでの配布ができる」ことで、多くのユーザーが集まるApp Storeでアプリケーションを配布でき、さらには課金もできてしまう点です。 ローカルWebアプリという第3の選択肢 前段の機能比較表に「ローカルWebアプリケーション」という項目があります。これは、Safariでオンライン中に所得したHTML、CSS、画像データなどを保存して、オフラ
PhoneGap API Documentation
Storage デバイスのストレージにアクセスします。 この API は W3C Web SQL Database Specification と W3C Web Storage API Specification に基づいて設計されています。 既にW3Cの実装がされているデバイスについては PhoneGapの実装の変わりにビルトインのサポートが使用されます。 W3Cのサポートが実装されていないデバイスに関しても、 PhoneGapの実装はW3Cの仕様と適合します。 メソッド openDatabase 引数 name version display_name size オブジェクト Database SQLTransaction SQLResultSet SQLResultSetList SQLError localStorage openDatabase Database オブジェクトを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Buy a Domain Name - World's Best Domains For Sale
Amazon.co.jp: 最速ｉＰｈｏｎｅアプリ制作術 ～｛ＨＴＭＬ５＋ｊＱｕｅｒｙＭｏｂｉｌｅ」でスマートに作る: 高尾司: 本
PhoneGapで作るハイブリッドアプリケーション
https://darashi.net/2012/05/15/oyasumi-shower.html/
http://d.aoikujira.com/jsWaffle/wiki/
http://www.phonegap.com/
nitobi.com
Amazon.co.jp: iPhoneアプリケーション開発ガイド ―HTML+CSS+JavaScript による開発手法: Jonathan Stark (著), 増井俊之 (監訳), 牧野聡 (翻訳): 本
