概要 かなり前、PhoneGap/Cordovaアプリからブラウザを呼び出す方法として、以下を書きました。 PhoneGap リンクをブラウザで開く この方法自体は、今でも動きますが… iOSに関しては、この方法でブラウザを開くと、Apple審査で落ちるようになりました。 同じプラグインで、アプリ内ブラウザを開く必要があります。 ※最近、Facebookアプリもtwitterアプリもアプリ外に出ないようになっているのは、このAppleポリシーのためです。 PhoneGap/Cordovaでアプリ内ブラウザを実現するプラグイン「inappbrowser」を動かしてみたメモです。 環境 Win→Android PhoneGap 6.4.3 Mac→iOS PhoneGap 6.2.5 かなり古くなってしまいましたが、この記事の環境をベースにしています。 プラグインの組み込みと呼び出し方 ※ 以

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最初に Webの技術を使って、iOS、Androidアプリを作ることができるPhoneGapというツールを知っている人は多いと思います。 PhoneGapはAdobeが提供しているのですが、そのオープンソース版としてApache Cordovaというツールがあります。 Apache Cordovaを使った事例として、第2回Cordova勉強会でWebサービスとしてリリースした「smartFX」をハイブリットアプリとしてリリースすることになった背景やその効果についてと、ハイブリットアプリ化するにあたって出てきた問題点と対応について発表をし

本記事は「HTML5ハイブリッドアプリ開発を支えるOSS『Cordova』シリーズ」の2本目です。前回に引き続き、2014年6月10日に開催された「第1回Apache Cordovaスーパー勉強会」にて、アシアル株式会社の田中正裕氏が行なった講演のダイジェストをお届けします。 Cordova派生の製品がいくつも登場、どのように差別化が進められてきたのか？ 元々は、PhoneGapという製品を中心に色んなエコシステムがあったのですが、Cordovaというオープンソースに変わったことで、そこから派生して色んなプロジェクトが各社によって作られています。 例えば、IBMのWorklight Projectも、Cordovaから派生したディストリビューションです。GoogleのChrome AppsというPC上でアプリを動かすプラットフォームがあるのですが、それのモバイル版「Google Chrom

ここのところ、バンクーバーにある専門学校の方とお話することが多いのですが、WEBデザイナーの専門学校なんかの授業でもハイブリッドアプリの科目が取り扱われているみたいですね。最近はWEBデザイナーに必要なスキルの一つとしても、HTML5のハイブリッドアプリ開発は大事になってきてるんじゃないかなと思ったので、これから色々勉強してみようと思っている方向けに最初のとっかかり記事を情報共有として記事を書かせて頂ければと思います。 僕自身もアプリ制作専門で活動したことは無いのですが、最近は「WEBサイト作りましょう」で、モバイルの話が上がる事はほぼ絶対になってきていますよね。で、WEBという媒体を使って何かを提案する姿がWEBデザイナーである以上、そうやってフィールドがモバイルにも派生しているのであればアプリ面の知識も「全く知りませんでした」は正直避けたい所になっていくのではと思っています。 というわ

ハイブリッドアプリとは何か？なぜ今、Cordovaがアツいのか？ iPhoneにAndroid、WindowsPhoneと、モバイルデバイスは混沌としており、「ネイティブアプリ」の開発には高いコストが必要とされます。一方で、ブラウザを活用した「Webアプリ」は、パフォーマンスやデバイス制御に大きな制約がつきまといます。このような、ネイティブアプリとWebアプリの互いが持つ問題点を補う手段として、「ハイブリッドアプリ」と呼ばれる開発方法が注目を集めています。 ハイブリッドアプリの実現手段には、OSSの開発ツール/フレームワークである「Cordova」が有名です。HTML5の活用することで、ひとつのソースコードからiOSやAndroidなどの複数のモバイルOSに対応させることができ、またネイティブアプリが持っているポテンシャルを活かしたアプリ開発ができます。その起源は、2011年にAdobeが

対象読者 スマホアプリに挑戦したいと思っているWeb開発者 アプリ開発をもっと楽にしたいと思っている方 業務スマホアプリを作る開発者 Apache Cordovaで使われるWebフレームワークについて 今回から、実際のプラグインの利用方法を説明していきますが、その前にサンプルコードでも使われているSPA（シングルページアプリケーション）について簡単に説明します。Apache Cordovaで作成するアプリはWebサイトではないため、HTMLのDOM情報をすべて更新して画面を遷移することは以下の点についてあまり好ましくありません。 すべてのページでApache Cordovaの初期化処理が必要になってしまう ページ遷移のたびに画面が全体的に切り替わるUIになってしまう 他にも細かい理由はありますが、Apache Cordovaに限らずハイブリッドアプリでアプリを作る場合には、SPAとしてアプ

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アプリ

こんにちは、タナカです。 先日Angularのカンファレンスに参加させていただきました。 Angular2はもちろんですが、JavaScriptの進化についても興味深かったです。 本日の社内勉強会ではカンファレンスで得た情報を含めたいまどきのJavaScipt事情について共有させていただきました。 フレームワークはMVCからコンポーネント指向へ 一昨年リリースされたReat+Fluxが人気となり、フレームワークの注目はMVCからコンポーネント指向に変わってきました。 W3C標準化を進めているWeb Componetsにも追い風になっています。 また、昨今話題のマイクロサービスアーキテクチャーとも相性がいいです。 Web Comonentsのイメージ、各画面部品がコンポーネントとなる 引用元 Virtual DOMが流行 こちらもReactの影響ですがVirtual DOMが流行しています。

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

マイクロソフト、ネイティブUIをハイブリッドアプリケーションに組み込める「Project Ace」を公開 HTML5/JavaScriptなどのWeb標準技術でアプリケーションを開発し、それをラップしてネイティブアプリケーションのように単独で実行可能にしたものが、いわゆる「ハイブリッドアプリケーション」と呼ばれるものです。CordovaやPhoneGapなどを用いて開発することができます。 ハイブリッドアプリケーションはHTML5やCSS、JavaScriptなどで開発するため、iOSやAndroidなどのマルチプラットフォーム展開が容易な一方、ルック＆フィールなどがiOSやAndroidのネイティブUIと異なることも多くあります。 マイクロソフトは、このハイブリッドアプリにネイティブUIのコントロールを統合できるCordovaのプラグイン「Project Ace」をオープンソースで公開し

マイクロソフトが昨年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 x Cordova x Angular x OnsenUI 今回作るもの Cordovaを利用したハイブリッドアプリを勉強がてらリリースしたため、書きためる。 ワイフードサーチというハイブリッドアプリをリリースしました。 ※社内の勉強会展開のため、バグだらけ&&作り途中で出しちゃいましたが… ソースはコチラ。これからハイブリッドを作ろうという人の参考(になるかはわからんけど)になれば。 アプリの概要 ぐるなびAPIを利用し、ハイブリッドアプリでどこまでネイティブに近づけてアプリが作れるかを検証。 ハイブリッドアプリ作成にあたり、Cordovaを。 UI、およびフロント開発技術としてONSEN UIとAngularJSを利用しています。 基本的な動線は エリアから探す フリーワードから探す 現在地から探す(地図検索) & お店までのルート案内 となってます。 Cordovaとは

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

CordovaはHTML等のソースファイルがそのまま配置されるので、中身が丸見えの状態です。 そのためファイルを暗号化するプラグインを作りました。 AES256-CBCで暗号化します。 cordova-plugin-crypt-file 使い方 cordova plugin add cordova-plugin-crypt-file プラグイン追加して cordova build ビルド時に暗号化 cordova emulate [ios /android] or cordova run [ios / android] 実行時に複合化 という感じなので、プラグイン追加したらあとは勝手にやってくれます。 暗号化するファイル 暗号化するファイルは以下の通り。画像ファイル等は暗号化しません。 .html .htm .css .js 対象プラットフォーム iOS Android CrossWalk

改めて考えるフロントエンドライブラリAngular, Vue, React, jQuery etc... 〜何を利用して...

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Visual Studio を知っている人も、昔使っていた人も、全然使ったことがない人もこんにちは。日本マイクロソフトの高橋忍です。 ひねりもなく、前回と同じパターンのタイトルで始めてみました。 眉唾でしょ？いやいや本当にそうではないんです。Visual Studio 2015 なら Android のアプリや iPhone のアプリを本当に作ることが出来るんです。Web でしょ？ いやいや ちゃんとネイティブアプリなんですよ。 では、ちゃんとお見せしましょう。 Visual Studio 2015 で開発できるもの Visual Studio といえばもちろん、Windows 用のアプリケーションやWebアプリを作るための開発環境です。これは皆さんも納得ですよね。とくにネイティブアプリで言えば、デスクトップ用のアプリや、Windows 8 のストア用のアプリケーションを作ることができます

1つのライセンス体系で各製品の利用、管理が可能に。製品個別のライセンス制約に縛られず、シンプル且つコストを最適化 詳しくはこちら