PhoneGap系の実装では、カメラ周りのカスタムは基本的にはネイティブプラグインを書く必要がある(iOS,Android用にそれぞれObjective-C/Swift, Javaを書く）のだけど、やっぱり面倒くさい！なんとか汎用的な解決策はないものか！とちょっと調べてみた。 CameraPlus Plugin For Cordova 機能： カメラをバックグラウンドで起動。ライブで画像取得 その画像をlocalStrageに保存したり、Base64でPOST可能（キャスト可能） ストリーミング配信の他に、取得した画像をcanvasに描くなどしてカスタムUIカメラを作ることも可能。[サンプル] 欠点： カメラ取得→jpeg化→base64→canvas、という手段なので、遅い。だいたい0.2-0.4秒くらい遅れる。 上記の理由で、リフレッシュレートもだいたい12fpsくらい（感覚値） co

「Evothings Studio」って何？ Evothings Studio は PhoneGap（Cordova）ベースのハイブリッドなスマホアプリ開発環境で、 ・PCソフトの Evothings Workbench ・スマホアプリの Evothings Client で構成されます。無料です。 Evothings Workbenchでソースを書いて保存すると、自動的にEvothings Client（つまりはスマホ）でアプリが動き出します。Monacaの「WEBブラウザ＋スマホアプリ」という開発環境を使ったことがある人はイメージしやすいかなと思います。 一般的に、PhoneGapはスマホのネイティブ機能に弱いですが、そのあたりが強化されてるっぽいです。軽くさわってみただけなので深くは理解できてません。 あしからず。。。m(_ _)m ダウンロード ↓ここから。 http://evot

はじめに 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/

前書き smartFXというモバイル向けFXの情報サイトを運営しています。 この度(2014/8/15)、smartFXのバーチャルトレード機能を Apache Cordova(PhoneGap)を使って、ネイティブアプリとしてリリースしました。smartFX Virtural Trade おかげ様で、リリース直後にマイナビニュースにとりあげていただき、そこから派生してYahooやGunosyにも掲載され、いきなりWebアプリ利用者を越えるぐらいの多くの人に使ってもらえるようになりました。 ここでは、Webアプリに対するネイティブアプリの利点やCordovaによるアプリ作成ってどうなのよ？というところを述べたいと思います。 Webアプリに対するネイティブアプリの利点 smartFXは、2014年2月28日にWebアプリとしてリリースして約半年になります。 スマホ向けのFXは、アプリはあって

例えば攻撃者がオンラインバンキングアプリからログイン情報を盗み出して、ユーザーの銀行口座から預金を引き出したり、別の口座に送金したりすることも可能だという。 米IBMのセキュリティ部門X-Forceは8月5日、オープンソースのアプリ開発ツール「Apache Cordova」（旧PhoneGap）に深刻な脆弱性を発見したと発表した。Cordovaを使って開発されたAndroidアプリケーションから重要な情報が盗み出される恐れがあるとしている。 IBMによると、CordovaはAndroidアプリの開発に広く使われていて、今回の脆弱性はAndroidアプリの5.8％に影響するという。「bank」のキーワードを含む248本のアプリを調べたところ、10％に当たる25本がCordovaを使っていることが分かったとしている。 同社の調査では、この脆弱性が極めて簡単に悪用できることも判明した。不正なWe

能書き 今頃になってスマホアプリ開発に興味を持ち始めて今年の初めからAndroidアプリ作成に勤しんでおり、最近ようやく1本完成しました。 アプリ作成にはPhoneGapという、HTML/CSS/JSでAndroidやiOS、最近ではWindowsPhoneやFirefoxOS対応のアプリも作成することができる(一見)優れ物な開発環境を使用しています。 PhoneGapにはメリット・デメリットありますが、そこら辺の話は詳しく説明されているサイトなどもあるのでここでは割愛しますが、WEB関連の開発知識があればJavaやObjective-Cなどのネイティブ開発用の言語を知らなくてもスマホアプリを作ることができるという意味ではおもしろいツールだと思います。 参考サイト 日本語ポータル 解説サイト WEB上で開発できるサービス 今回は、そんなPhoneGapを使ってアプリを作成する過程でいくつか

(App)-Info.plistでURL Typesを追加 InfoタブのURL Typesを、準備するURLスキームの分だけ追加する。 Identifier：アプリのBundle Identifier　例：com.bar.foo.HelloWorld URL Schemes：用意するURLスキーム　例：SayHello Iconはセットしなくても良い RoleはEditor、Viewer、Noneから選べる。（iOSの方でも特に使っていないらしいので、とりあえずEditorにしておけば無難？） この例では、「SayHello://」のようなURLスキームが出来たことになる。 PhoneGap (Cordova) PhoneGapでは、特にカスタムURLスキームの設定は必要ない。 最初から、AppDelegate.mに下記のような実装が行われている。 - (BOOL)application

ヒカラボ(ウェブ技術でiOS/Androidアプリ開発！！～HTML5ハイブリッドアプリ開発[実践]入門～)での発表スライドです。 書籍『HTML5ハイブリッドアプリ開発[実践]入門』には、このスライドに載っていないCordovaの使い方、最適化のためのノウハウやテクニック、ジェスチャやviewportなどのモバイル特有の事情への配慮、ハイブリッドアプリで利用できるストレージ、デバッグ手法やセキュリティ、ネイティブとHTML5間のブリッジの仕組み、WebViewの扱い方などのHTML5ハイブリッドアプリ開発を網羅した内容をまとめています。 http://www.amazon.co.jp/dp/4774162116

Onsen UI, HTML5 UI framework for modern mobile application.The Answer to PhoneGap UI Development Onsen UI is an HTML5 UI Framework for Building Mobile App Front End Download Version 0.7.0 Onsen UI is a front-end development tool that radically improves PhoneGap/Cordova apps. Differing from previous frameworks, it is highly flexible and gives hybrid apps a native look and feel on all platforms. And

Help us understand the problem. What is going on with this article?

Titanium™ Advent Calendar 2013 2日目は釣りタイトルなポエムです！今年も Titanium には大変お世話になりました。いろいろな意味で。個人的な最大のトピックは仕事で使い始めたことなので、それと絡めて書いていきます。 Tips とか無いから、それを期待する人は引き返そう！ Titanium との出会い Titanium との出会いは 2011 年でした。当日勤めていた会社の友人と一緒に何かサービスを作ろうと意気込んでいて、モバイルアプリ開発に手を出してみるものの、当時の iOS は ARC が無かったり、 Objective-C リテラルが無かったりして、やりたいことに対するスピード感が学習しながらでは出せないところに現れたのが Titanium でした。 幸い JavaScript はちょっと書けたし、標準 UI を使って開発ができるということだったので手

PhoneGapをインストールした - 焼肉リア充 からエミュレータを立ち上げるまでに結構ハマったのでメモ。 というか下記の記事を見ればよい。 （非常に助かりました！！！本当にありがとうございます！） inter-arteq :: interaction between art and technology » Blog Archive » PhoneGapの開発の流れを勉強してみた cordova をインストール $ npm install -g cordova プロジェクトの作成 $ cordova create test com.hogehoegapp test ※公式のドキュメントでは phonegap create test でいけるって書いてあったけど、あんまりうまくいかなかった記憶がある。 プラットフォームのインストール ios xcode が入ってたらすんなりいけるかと。

有償、無償のやつがいろいろあって最近試してみたのでメモ書きを残しておいた*1。 最初にことわると、既に何かしらの言語を身に付けているプログラマー向けの記事になる。プログラミング自体の入門者は学習環境が整っているので絶対Objective-Cから入った方がいいです(個人的にはP*言語系でウェブ開発フルセット身に付けるよりか楽だと思う)。 Objective-Cを避けたい動機 未知のプログラミング言語を習得するコストがツラい Objective-Cは潰しが効かない(iOS & Macアプリ開発でしか使わないじゃん) Android版など。なるべく移植性を高くしたい Xcodeを使ってコーディングするのがいやだ。愛用しているエデイタで開発したい 開発環境が強制される。不自由で邪悪なので使ってはいけない。 とまあ人によっていろいろある 比較表 本記事でとりあげたものの簡単な比較表をテーブルにしてお

Windowsマシン上で、PhonegapのAndroidプロジェクトを作成するコマンドを実行すると、以下のようなエラーが出ることがある。 原因は、プロジェクトのディレクトリ（"HelloPhonegap"）を"Program Files (x86)"ディレクトリの下に作ろうとしたため。 Windows7のUAC (User Acount Control)　のせいでプロジェクトディレクトリを作成することができず、 エラーを吐いていた。 対策は、単純にProgram Files (x86)ディレクトリ（および、Program Filesディレクトリ）以外のパスにプロジェクトディレクトリを作成すればよい。