PhoneGap/CordovaがAPIの更新をめぐって意見を募集中。Web開発環境において、後方互換性の維持と最新の標準対応をどうバランスさせるか HTML5やJavaScriptで開発するWebアプリケーションの開発環境として、これまで維持してきた後方互換性をどこまで守るのか、一方で最新の標準仕様にどこまで合わせていくのか。PhoneGap/Cordovaが開発者に意見を求めています。 2008年に登場したPhoneGapは、iOSやAndroid、Blackberryなどクロスプラットフォームに対応したモバイルアプリケーションをHTML5/CSS/JavaScriptといったWeb技術で開発できるフレームワークとして注目される存在です。2011年にはAdobeがPhoneGapを買収。その後、オープンソース実装としてApache Cordovaが登場しています。 PhoneGap/C

HTML5 Conference 2016で発表したスライドです。 TechFeed (https://techfeed.io) での開発経験を元に、Angular2, Webpack, Ionic2, Cordovaについて、それらの技術を採用した経緯と、実際に使ってみて感じたメリット・デメリットなどを解説しています。Read less

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? いろんなツールがあって技術選択に迷うので、定点観測的にいま思っていることをざっくり書いてみました。 TL;DR ひたすらスピードを求められるプロトタイピングなどはCordova（Ionicなど含む） Cordova上でReactで開発した資産を引き継ぎたいみたいな前提があってユーザーレスポンスを改善するならReact Native 時間がかかってもいいからとにかく安定させたいならネイティブ 学習コストが高くてもよくて開発スピードと安定性を両立するならXamarin 私はネイティブが一番好きです。 はじめに 「AndroidとiOSアプリ

対象読者 JavaScriptの開発者 Androidアプリ開発者 iOSアプリ開発者 Windowsアプリ開発者 Cordova開発環境の概要 Apache Cordovaでは、開発するアプリのOS毎に必要な環境の構築とCordova自身をインストールする必要があり、必要なツールが多々あります。 通常はコマンドなどを使ってインストールすることになりますが、Visual Studio 2015では必要な環境も含めてすべてインストールしてくれるので簡単です。今回は、コマンドを使ってのMac OS Xでの開発の流れと、Windows 10でのVisual Studio 2015を使った開発の流れを紹介します。 Visual Studio 2015の場合には、準備も含めてすべて自動で行われるのでコマンドでのインストールの作業は必要ありませんが、実際にどのような環境が必要なのかを知っておくことは大

ハイブリッドアプリというものを知っていますか？ Windows 10 Mobile搭載のスマートフォンも発売されはじめ、AndroidとiOS、Windows Phoneなど複数の環境で動作するアプリが必須になりつつあります。この問題を解決する方法として、ハイブリッドアプリの需要が高まっています。そこで本記事では、ハイブリッドアプリのフレームワークとしてよく利用されているApache Cordovaを紹介します。 対象読者 JavaScript開発者 Androidアプリ開発者 iOSアプリ開発者 Windowsアプリ開発者 ハイブリッドアプリって何？ ハイブリッドアプリとは何か、という定義は厳密には定まっていません。スマートフォンアプリの業界内でいえば、Cordovaなどを用い、Web技術で開発した通常のアプリを示します。 どうして、Web技術を用いて通常のアプリが作れるかといえば、スマ

マイクロソフトが昨年11月にオープンソースで公開した無償のコードエディタ「Visual Studio Code」を、HTML5/JavaScript用のモバイルアプリケーション開発フレームワーク「Cordova」に対応させる「Cordova Tools Extension」が公開されました。 開発したのはマイクロソフト自身で、Visual Studio Codeを利用してCordovaアプリケーションのプログラミング、ビルド、デバッグが可能になります。 また、Ionic、Onsen、PhoneGap、SAP FioriなどのCordovaに対応したJavaScriptライブラリにも対応。IntelliSenseにも対応。 Visual Studio CodeはWindowsだけでなくMacOS、Linuxにも対応しているため、これらのOS上でCordovaを使ったモバイルアプリケーションの

Web標準技術を利用して、クロスプラットフォーム対応のハイブリッドアプリを開発できるApache Cordovaの概要を説明する。 連載目次 Apache Cordova（以下、Cordova）はHTML5、JavaScript、CSS3を用いて、さまざまなプラットフォームに対応したハイブリッド（なモバイル）アプリを開発するためのオープンソースなフレームワークである。Web標準技術を利用することで、OSごとに異なる開発言語を使うことなく、iOS／Android／Windowsなどのプラットフォームに対応し、それらのネイティブな機能にアクセスするアプリを開発できる。 Cordovaの前身はPhoneGap Cordovaはもともと、Nitobiという会社が「PhoneGap（フォーンギャップ）」という名前で開発していたオープンソースソフトウェアだ。Nitobiはその後、Adobeに買収された

MonacaがCordova 5.2に対応いたします！ Cordova 5.2を利用することで、下記のような多くのメリットを提供いたします。 より安定してよりセキュア、より多くの人々にアプリを届けることができる、最新のCordovaバージョンが使えるようになります。 プラグインの導入及びバージョンの選択が、開発している皆さま自身で選択できるようになります。また、プラグインの選択によって最新のCrosswalkをご利用いただけるようになります。既存のプロジェクトの変換方法や影響のある変更点などについてまとめておりますので、ご確認頂きますようお願いいたします。 プロジェクトのアップデート方法 既存プロジェクトをCordova 5.2にアップデートするには、Cordovaプラグインの管理画面より「5.2.0」を選択してください。 Cordova 5.2への対応方針 ・今後、新しく作成されるプロジ

ionicで作成したHTML5アプリにAdMobを挿入しました。 導入でかなりハマってしまったので、手順をまとめておきます。 環境 ionic 1.1.0 ionic-cli 1.7.8 cordova 5.5.3 Mac OS X El Capitan AdMobプラグインのインストール cordova-admob-proというプラグインを使用します。次のコマンドでプラグインをインストールします。 📄スクリーンショット 2015-11-10 19.23.07.png” /> あ、ちなみにこれはMac版Android Studioの画面です。 セットアップ こちらも$ ionic plugin add cordova-plugin-admobpro Android SDK Toolsのインストール 公式ページのインストール手順にも書いてますが、いくつかAndroid SDK Toolが必

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

「Tools for Apache Cordova」は、Apache Cordovaを使って、Windows、Mac OS、Android、iOSといったクロスプラットフォームアプリの開発が可能なツール。AndroidおよびiOSのネイティブSDKおよびビルドツールのインストール（iOSはMac環境のみ）や、Windows／LinuxのコマンドラインからMacのリモートビルドサーバへの接続にも対応する。 Cordova CLIとの100％の互換性を実現しているので、すでにCordova CLIを使用しているユーザーなら、すぐに「Tools for Apache Cordova」を使い始められる。 「DroidCon」で公開したスニークプレビュー版からは、エラーやテレメトリ周りのメッセージの改善や、IonicとVisual Studioのテンプレートにおける相互運用性の修正、Macにおけるイ

Cordovaでプッシュ通知を受け取るアプリケーションを作成してみました。 Cordova GCMから送信したAndoroidのプッシュ通知を受け取るアプリケーションの作成 アプリケーションが起動していない時は通知領域に表示したいんだけど、 どうやるんだろ？と思い調べてみました。 結論、前書いたプログラムは一部バグがあります。 Cordova側 アプリケーションをこんな感じに修正しました。 <!DOCTYPE html><html><head>    <meta charset="utf-8" />    <meta name="format-detection" content="telephone=no" />    <meta name="msapplication-tap-highlight" content="no" />    <meta name="viewport" con

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と認証] -

2015年4月、マイクロソフトBuildカンファレンスでVisual Studio 2015が発表されました。iOSやAndroidアプリ開発機能が強化され、Objective-CやC++を使ったネイティブ言語に対応することが、以前の記事でも取り上げられています。一方、HTML5などのWeb技術を用いたモバイルアプリ開発機能についても大幅に強化されています。今回は、そういったネイティブ言語「ではない」の技術の代表格であるHTML5を用いた開発について、Visual Studioがどのように対応しているのかを見ていきます。 Visual Studio 2015 HTML5はクロスプラットフォームの標準技術 HTMLはWebのための標準マークアップとして誕生し、HTML5ではその周辺の技術（CSSやJavaScript）も巻き込んで大幅な機能拡張が行われました。そのなかには「オフライン対応」や

こんにちは、渡辺です。 今回は、Manacaで「ローカル通知」プラグインを利用する方法を説明したと思います。 ローカル通知機能のプラグインは、GitHub上で複数ありますが、ここでは下のプラグインを利用します。 katzer/cordova-plugin-local-notifications ー 目次 ー ・ローカル通知とは ・サンプルプロジェクトについて ・Monacaでのプラグイン組み込み方法 ・通知許可の確認（アクセス権限の確認）(iOS8のみ) ・通知を予約する（スケジュール） ー　1分間隔で通知 ー　1回のみスグに通知 ・通知スケジュールを取り消す(キャンセル) ・サンプルプロジェクトの全体コード ・参考情報 ー 確認環境 ー ・iPhone6 (iOS 8.1.2) ・GALAXY Note 2 SC-02E (Android4.3 ) ・デバッグビルドしたアプリで確認済 （

ハイブリッドとモバイルWebアプリ開発の決定版 開発環境のセットアップを一切することなく、JavaScript・HTML・CSSを用いたモバイルアプリ開発を始めましょう。クラウド上の開発環境Monacaと組み合わせることで、あなたの開発環境は常に最新の状態に保たれます。 クラウド上にすべてのツールを 強力なCLI（コマンドラインツール）やデスクトップ向けアプリ（WindowsとmacOSに対応）を通じて、Onsen UIアプリはとても簡単に制作できます。それ以外にも、Monacaが提供するライブリロード対応のデバッガーや、リモートビルド機能といったクラウドの機能にアクセスできます。 美しいUIコンポーネントと自動スタイル モバイルアプリに特化した、ネイティブのようなパフォーマンスに優れたUIコンポーネントが自慢です。タブ、サイドメニュー、ナビゲーションといった共通デザインだけでなく、リスト