Cordova GCMから送信したAndoroidのプッシュ通知を受け取るアプリケーションの作成
Google Cloud Messaging プッシュ通知の仕組みはこちらがとても参考になりました。 Androidのプッシュ通知を調べてみた GCM(Google Cloud Messaging)を利用して、各端末に通知を行うそうです。 下準備として、GCMへの登録が必要になります。 http://developer.android.com/google/gcm/gs.html まず、Google Developers Consoleへログインしろとのこと。 幸い、以前Google App Engineへ登録した時のアカウントがあるので、 このとき作成したアカウントとプロジェクトを使うことにしました。 Google App Engineに登録し、アカウントを発行してもらう Google Developers Consoleを表示します。 プロジェクト名をクリック。 [APIと認証] -
スマホ用のSingle Page Applicationサイトを作る上での問題点と対応 - Qiita
はじめに スマートフォン向けFX情報サイトSmartFXをBackbone.jsを使ったSPA(Single Page Application)で運用しています。 前回はSinglePageApplicationにおける問題点と対応として全般的なSPAの問題を書きましたが、今回はスマホに特化したスマホサイトをSPAで構築するにあたって気づいた問題点とその対応方法を共有したいと思います。 画面遷移に思いのほか時間がかかる！ SPAで構築しているのに、次の画面の遷移が思っているより遅い感じがします。 サーバにアクセスしていないハズなのに。。 原因 clickイベントの発動にスマホの場合は時間がかかるためです。 スマホの場合はタッチがリンクを押したいのか、それともスクロールしたいだけなのかを判定するために一定時間経過しないとクリックと判定しません。 が、その判定時間がかなり長いものと思われます。
Apache Cordova(PhoneGap)開発におけるTips - Qiita
はじめに Cordova(PhoneGap)を使って、smartFX Virtual Tradeをネイティブアプリとしてリリースしました。 前回Cordova(PhoneGap)を使ったネイティブアプリ事例は概要でしたが、今回は実装のTipsを紹介します。 js、cssを動的に差し替える WebViewを使う利点として、バイナリを更新せずにアプリの動作を変更できるという点があります。 ただ、単にリンク先のjsの内容を書き換えても以前のファイルのcacheを参照する可能性があったり、逆に毎回最新のjsを取得するのはパフォーマンスが落ちるという問題があります。 これを回避するために、最新のJS、CSSのパスが記述されている小さなjsを毎回取得し、そこに記載されているjs,cssをロードするという方法を考えました。 //var JS_PATH="http://192.168.1.77:3000/
CordovaでiOS,Androidハイブリッドアプリ開発環境を整える - Qiita
はじめに 久しぶりにスマートフォン関連の事をやりたいなと思っていたところ、手軽に触れそうなCordovaがあったので興味本位でやってみました。 環境はYosemiteです。 Cordovaって何？ ハイブリッドアプリ開発のプラットフォームです。 HTML5, JavascriptをメインにAndroid,iOSのスマートフォンアプリが作れます。 詳しいことはこちらのスライドが一番把握出来ると思います。 事前準備 Node.JS https://nodejs.org/ こちらのリンクからダウンロード&インストールしてください。 Xcode AppStoreで検索してインストールしてください Javaが無いとAndroid Studio起動時に怒られるので、もしインストールしていなければ Javaをインストール&ダウンロードしてください。 Android Studio http://devel
CordovaでHTML5ハイブリッドアプリ開発 - Android編
概要 フレームワークの１つであるCordovaを用い、HTML5,CSS,Javascriptなどを使ってAndroidのハイブリッドアプリを作成する手順を（あくまでも自己流で）解説しています。 今までホームページ作成をしてきましたが、初めてAndoridアプリを作成するにあたってなんとかHTML5で出来ないかと色々調べたところCordovaに行きつきました。 基本的に実際に作成したアプリ（バイオリズム診断）を元に、誰でも出来るだけ簡単にアプリを作成できるような構成にしています。 手順 環境の準備 1.1 Node.jsをインストール 1.2 JDKをインストール 1.3 Andoroid SDKをインストール 1.4 Cordovaをインストール アプリの開発 2.1 アプリ開発の流れ 2.2 プロジェクトを作成 2.3 ソースコードの編集 2.4 プラグインの利用 2.5 実機で確認
HTML5ハイブリッドアプリの濃いネタ満載！第1回Cordova勉強会まとめ
HTML5ハイブリッドアプリの濃いネタ満載！第1回Cordova勉強会まとめ 田中 正裕（アシアル株式会社） 先週の11月5日、Apache Cordova勉強会の第1回が開催されました。HTML5ハイブリッドアプリについて、実際の開発者によるプレゼンテーションが行われました。今回は、参加できなかった方のために、その勉強会のまとめを紹介したいと思います。 Cordova勉強会とは？ まず始めに、そもそも勉強会の目的から。Apache Cordovaというのは、PhoneGapやMonacaといった製品に組み込まれている、HTML5ハイブリッドアプリを開発するためのオープンソースなフレームワークです。このCordovaの技術情報を共有するために、「日本Cordovaユーザー会」として、月に1度のペースで勉強会を開く活動を行っています。今回は、その第1回となります（第1回の案内はこちら）。 T
Cordovaを用いた開発環境を構築する
本コーナーは、技術評論社発行の書籍『［iOS/Android対応］HTML5ハイブリッドアプリ開発［実践］入門』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『［iOS/Android対応］HTML5ハイブリッドアプリ開発［実践］入門』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 Cordovaは、開発者に最も利用されているハイブリッドアプリ開発フレームワークの1つです。この章では、このCordovaを用いて実際に簡単なiOSアプリとAndroidアプリを開発する手順を紹介します。 具体的には、以下のような順番で解説します。 開発環境を構築する プロジェクトを作成・管理する アプリを開発する Cordovaプラグインを利用する 既存のアプリにCordovaを組み込む 最初に、Cordovaを用いた開
HTML5ハイブリッドアプリ開発を支えるOSS「Cordova」はなぜアツいのか？PhoneGapとの違いは何か？ - ふろしき Blog
ハイブリッドアプリとは何か？なぜ今、Cordovaがアツいのか？ iPhoneにAndroid、WindowsPhoneと、モバイルデバイスは混沌としており、「ネイティブアプリ」の開発には高いコストが必要とされます。一方で、ブラウザを活用した「Webアプリ」は、パフォーマンスやデバイス制御に大きな制約がつきまといます。このような、ネイティブアプリとWebアプリの互いが持つ問題点を補う手段として、「ハイブリッドアプリ」と呼ばれる開発方法が注目を集めています。 ハイブリッドアプリの実現手段には、OSSの開発ツール/フレームワークである「Cordova」が有名です。HTML5の活用することで、ひとつのソースコードからiOSやAndroidなどの複数のモバイルOSに対応させることができ、またネイティブアプリが持っているポテンシャルを活かしたアプリ開発ができます。その起源は、2011年にAdobeが
書籍『[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門』書きました : アシアルブログ
HTML5ハイブリッドアプリとは HTML5ハイブリッドアプリとは、通常のiOSアプリやAndroidアプリと同じようにストアからインストールできるけれども、アプリの内側ではHTML5などのウェブ技術で開発されているアプリです。AndroidやiOSなどの複数のプラットフォームに対応できる点や、標準化されているHTML5などのウェブ技術によって開発でき、かつモバイルOSのネイティブAPIを利用できる点などで注目を浴びています。 本書は、今までHTML5ハイブリッドアプリを開発したことがない人向けの入門的な内容から、ハイブリッドアプリの裏側の仕組みなどのアプリ開発に関わるエンジニアのための高度な知識まで、HTML5ハイブリッドアプリ開発に関することの多くを網羅した実践的な一冊です。 内容 本書の内容は前半の基礎編と後半の実践編のふたつに分かれています。 基礎編では、HTML5によるハイブリッ
![書籍『[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門』書きました : アシアルブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/fb82e018058b1db46e904d436ec4d1ed4e27d2c4/height=288;version=1;width=512/https%3A%2F%2Fblog.asial.co.jp%2Fwp-content%2Fuploads%2F2022%2F07%2Fdefault.png)
Cordova3によるAndroidアプリ作成
以前、いいね！Androidアプリ「PhoneGap (Cordova) によるAndroidアプリ作成」で、Cordovaによるアプリ作成について書きました。今回は、何が違うのかというと、Cordovaのバージョンが2.x.xから3.x.xになって、Cordovaの開発環境構築に、Node.jsを用いていることです。 それでは、環境構築、プロジェクトの作成、エミュレータでの実行までを、順を追って説明します。 ■android開発環境の構築 androidの開発環境が構築されていない方は、 いいね！Androidアプリ「SDK ADT Bundle for Windows」による開発環境の構築①」を参照して構築してください。 ■Antのインストール いいね！Androidアプリ「ZXingでバーコードリーダーを作ってみよう①」の中で、Antのインストールについての記載があります。 こちらを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SSSSLIDE
PhoneGapの導入(iOSの場合)について。 - KocooN-Memo〜komemo〜