第2回 エミュレータ/実機なしで動作確認─Ripple Emulatorを使ったPhoneGapアプリ開発 | gihyo.jp
通常PhoneGapを使ったアプリ開発では、iOSシミュレータやAndroidエミュレータ、実機を使った動作確認をすることになります。各エミュレータの起動や実機へのインストールは、それなりの時間が発生します。今回は、機能実装・修正→確認のサイクルを効率良く回すためのモバイルエミュレータ「Ripple Emulator」をご紹介します。 Ripple Emulatorとは Ripple Emulatorは、Google Chromeベースのモバイルエミュレータです。各モバイルの画面サイズや、GPS、コンパス、モーションセンサを再現し、モバイルアプリの動作テストを行うことができます。 通常PhoneGapアプリを開発する場合、devicereadyイベントが発火した後でネイティブの機能を呼び出すことになります。このdevicereadyイベントはPhoneGap（Cordova）特有のイベント
Web制作者でもネイティブアプリが作れる！node-webkitを使ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。最近周囲で結婚ラッシュがきており、漠然と焦っています。 さて、私は業務上Node.jsを触ることがあるのですが、今日はnode-webkitで少し違ったNode.jsの活用法をお伝えしていきたいと思います。 node-webkitとは 「node-webkit」はNode.jsとChromiumを利用してネイティブアプリを作ることができる、ランタイム/開発フレームワークです。 ダウンロードは下記よりおこなうことができます。 rogerwang/node-webkit – GitHub https://github.com/rogerwang/node-webkit HTML/CSS/JavaScriptでアプリを作ることができる HTML/CSS/JavaScriptと聞くと、Webブラウザ上で動作するWebアプリケーションをイメージしますが、node
第1回 PhoneGap/Cordovaとは | gihyo.jp
PhoneGap Day US 2012にて、待望のPhoneGap 2.0.0がリリースされました。本連載では、PhoneGap 2.0.0の変更点をはじめとして、新機能の紹介やFile APIを使ったアプリケーションの開発方法について紹介していきます。どうぞお楽しみください。 PhoneGap/Cordovaとは PhoneGapはAdobeが開発、公開しているクロスプラットフォーム・モバイルアプリケーションの開発フレームワークです。詳細については、前回の連載の記事をご参照ください。 PhoneGap もともとPhoneGapはNitobi社が開発・公開していましたが、2011年10月2日（米国時間）にAdobe社がPhoneGapの開発元であるNitobi社を買収したと発表しました。PhoneGapは開発体制や配布方法が変更され、Apacheに寄贈され、現在にいたります。 Phone
JavaScriptグラフィックス
TOPICS Web , HTML/CSS , JavaScript 発行年月日 2012年03月 PRINT LENGTH 288 ISBN 978-4-87311-528-3 原書 Supercharged JavaScript Graphics FORMAT PDF Webテクノロジーが進化したことによりJavaScriptグラフィックスを使ったリッチなWebアプリケーション開発が可能になりました。本書ではJavaScriptによる最新のグラフィックスプログラミングについて解説します。ゲームやDHTMLエフェクト、HTML5 Canvasなどの実例を通して、高性能なJavaScriptグラフィックスの実装方法を学びます。グラフィックスやアニメーションだけでなく、WebSocketを用いた通信、Google Chart Tools、スマートフォン向けのトピックまで幅広く扱います。日本語
PhoneGapとは一味違う！純国産ハイブリッドアプリフレームワーク、「アプリカン」事始め
PhoneGapとは一味違う！純国産ハイブリッドアプリフレームワーク、「アプリカン」事始め 畠田 喜丈（株式会社ニューフォリア） アプリカンは、純国産のハイブリッドアプリフレームワークです。いつも使っているエディタだけでアプリが作れるので、開発環境のOSも選びません。 アプリカンは2013年末に公開され、ハイブリッドアプリフレームワークとしては後発ですが、他のフレームワークとは異なるアプローチとして、様々なパートナー企業のサービスのSDKを組み込み、AR機能や、位置情報連動サービスなど複雑なサービスオプション機能を JavaScriptから簡単に呼び出せるようになっています。 基本は無料で利用できますが、前述の高機能なオプションを使ったり、無料ビルドしたアプリに表示される広告バナーを外す場合には有料となります。 アプリカンの開発に必要なもの エディタ 好奇心 アプリカンの開発には、IDEを
HTML5によるハイブリッドアプリをオンラインの統合開発環境で開発できる「Monaca」が正式版をリリース。3プロジェクトまで無償
HTML5によるハイブリッドアプリをオンラインの統合開発環境で開発できる「Monaca」が正式版をリリース。3プロジェクトまで無償 HTML5/CSS/JavaScriptのWebテクノロジーでアプリケーションを開発し、PhoneGapでビルドしてモバイル向けのハイブリッドアプリを生成できるオンラインサービス「Monaca」が正式版として公開されました。 Monacaはオンライン上でエディタ、コンパイラ（PhoneGapによるビルド）、デバッガ、実機へのアプリの転送、実機上での実行機能などを備えたモバイルアプリケーションの統合開発環境。PhoneGapによるビルドで、iOS、Android、Windowsに対応したアプリケーションが生成されます。 Webブラウザ上の開発環境にも簡易なプレビュー機能が備わっており、動作確認できますが、モバイルデバイスへその場で転送してデバイス上で即座に動作確
PhoneGap/Cordova 2.9がリリース。次の3.0ではコアがスリムになりFirefox OS、Ubuntuなどもサポート予定
PhoneGap/Cordova 2.9がリリース。次の3.0ではコアがスリムになりFirefox OS、Ubuntuなどもサポート予定 HTML5/CSS/JavaScriptで開発したWebアプリケーションをラップしてネイティブアプリケーションのように動作させる、いわゆるハイブリッドアプリケーションを開発するためのフレームワークとして知られるPhoneGap/Cordovaの最新版2.9がリリースされました。 Apache Cordovaがオープンソースのプロジェクト名、PhoneGapはアドビの製品名です。 バージョン2.9は大きな機能追加はなく、基本的にはバグフィクス中心にメンテナンスリリースになります。バージョン2.xは今回のリリースで終了となり、今月中にメジャーバージョンアップとなるPhoneGap/Cordova 3.0の詳細が発表される予定です。 PhoneGap 1.0が
コアのスリム化を実現したPhoneGap/Cordova 3.0がリリース。より高速に
HTML5/CSS/JavaScriptなどのWebテクノロジーで開発したアプリケーションをラップし、いわゆるハイブリッドアプリケーションにするフレームワーク、PhoneGap/Cordova 3.0がリリースされました。今月初めに2.9がリリースされたばかりで、メジャーバージョンアップが登場しました。 PhoneGap 1.0がリリースされたのは2011年の8月、そしてPhoneGap 2.0が昨年の7月にリリースされており、ほぼ1年ごとに順調にメジャーバージョンアップしてきました。ちなみにPhoneGapはアドビシステムズの製品名で、元となっているのがオープンソースのCordovaです。 コアからAPIとプラグインが分離 最新の3.0ではアーキテクチャが新しくなり、コアからAPIとプラグインが分離。コアがスリム化し、必要なAPIやプラグインのみが自動的にインストールされるようになったた
HTML5のモバイルアプリを“ネイティブアプリ化”する「PhoneGap」が正式版に。オンラインでの変換サービスも発表
HTML5のモバイルアプリを“ネイティブアプリ化”する「PhoneGap」が正式版に。オンラインでの変換サービスも発表 HTML5、CSS、JavaScriptなどのWeb標準の技術で作成したモバイルアプリケーションを、iPhoneやAndroidなどのデバイスにインストール可能なネイティブアプリケーションへと変換するフレームワーク「PhoneGap」が、正式版「PhoneGap 1.0」になったと開発元のnitobiより発表されました。 PhoneGapはオープンソースソフトウェアとして開発されているソフトウェアで、無料でダウンロードし利用することができます。 デバイスごとのネイティブアプリケーションに変換 PhoneGapを、jQuery Mobileのようなマルチデバイスに対応したモバイルアプリケーション用フレームワークと組み合わせると、HTMLやJavaScriptなどのWeb標準
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向け
HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
html5でアプリの壁を超える方法
制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか？</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Monaca - すべての人にアプリ開発を
PhoneGapで手軽にiPhone/Androidアプリを作ろう 記事一覧 | gihyo.jp
Apache Cordova
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
Amazon.co.jp: HTML5/JavaScriptとPhoneGapで作るiPhoneアプリ開発入門: 富田宏昭: 本
https://darashi.net/2012/05/15/oyasumi-shower.html/