PhoneGap/Cordova で inappbrowser を使う - Qiita
概要 かなり前、PhoneGap/Cordovaアプリからブラウザを呼び出す方法として、以下を書きました。 PhoneGap リンクをブラウザで開く この方法自体は、今でも動きますが… iOSに関しては、この方法でブラウザを開くと、Apple審査で落ちるようになりました。 同じプラグインで、アプリ内ブラウザを開く必要があります。 ※最近、Facebookアプリもtwitterアプリもアプリ外に出ないようになっているのは、このAppleポリシーのためです。 PhoneGap/Cordovaでアプリ内ブラウザを実現するプラグイン「inappbrowser」を動かしてみたメモです。 環境 Win→Android PhoneGap 6.4.3 Mac→iOS PhoneGap 6.2.5 かなり古くなってしまいましたが、この記事の環境をベースにしています。 プラグインの組み込みと呼び出し方 ※ 以
SPAのサイトをアプリにするメリットと開発での問題点について - Qiita
最初に Webの技術を使って、iOS、Androidアプリを作ることができるPhoneGapというツールを知っている人は多いと思います。 PhoneGapはAdobeが提供しているのですが、そのオープンソース版としてApache Cordovaというツールがあります。 Apache Cordovaを使った事例として、第2回Cordova勉強会でWebサービスとしてリリースした「smartFX」をハイブリットアプリとしてリリースすることになった背景やその効果についてと、ハイブリットアプリ化するにあたって出てきた問題点と対応について発表をしてきました。 詳しい内容はスライドを見てください。 smartFXにおけるApache Cordovaの活用について ここではスライドの補足をしていきたいと思います。 ハイブリットアプリをリリースすることになった背景やその効果について smartFXは、サイ
HTML5ハイブリッドアプリ開発を支えるOSS「Cordova」のこれまでの進化、そして課題とは？ - ふろしき Blog
本記事は「HTML5ハイブリッドアプリ開発を支えるOSS『Cordova』シリーズ」の2本目です。前回に引き続き、2014年6月10日に開催された「第1回Apache Cordovaスーパー勉強会」にて、アシアル株式会社の田中正裕氏が行なった講演のダイジェストをお届けします。 Cordova派生の製品がいくつも登場、どのように差別化が進められてきたのか？ 元々は、PhoneGapという製品を中心に色んなエコシステムがあったのですが、Cordovaというオープンソースに変わったことで、そこから派生して色んなプロジェクトが各社によって作られています。 例えば、IBMのWorklight Projectも、Cordovaから派生したディストリビューションです。GoogleのChrome AppsというPC上でアプリを動かすプラットフォームがあるのですが、それのモバイル版「Google Chrom
Web制作者が知っておいた方が良いと思う、HTML5ハイブリッドアプリのフレームワークについて | バンクーバーのうぇぶ屋
ここのところ、バンクーバーにある専門学校の方とお話することが多いのですが、WEBデザイナーの専門学校なんかの授業でもハイブリッドアプリの科目が取り扱われているみたいですね。最近はWEBデザイナーに必要なスキルの一つとしても、HTML5のハイブリッドアプリ開発は大事になってきてるんじゃないかなと思ったので、これから色々勉強してみようと思っている方向けに最初のとっかかり記事を情報共有として記事を書かせて頂ければと思います。 僕自身もアプリ制作専門で活動したことは無いのですが、最近は「WEBサイト作りましょう」で、モバイルの話が上がる事はほぼ絶対になってきていますよね。で、WEBという媒体を使って何かを提案する姿がWEBデザイナーである以上、そうやってフィールドがモバイルにも派生しているのであればアプリ面の知識も「全く知りませんでした」は正直避けたい所になっていくのではと思っています。 というわ
HTML5ハイブリッドアプリ開発を支えるOSS「Cordova」はなぜアツいのか？PhoneGapとの違いは何か？ - ふろしき Blog
ハイブリッドアプリとは何か？なぜ今、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としてアプ
モバイルアプリ開発ツールメモ2016 - Qiita
いろんなツールがあって技術選択に迷うので、定点観測的にいま思っていることをざっくり書いてみました。 TL;DR ひたすらスピードを求められるプロトタイピングなどはCordova（Ionicなど含む） Cordova上でReactで開発した資産を引き継ぎたいみたいな前提があってユーザーレスポンスを改善するならReact Native 時間がかかってもいいからとにかく安定させたいならネイティブ 学習コストが高くてもよくて開発スピードと安定性を両立するならXamarin 私はネイティブが一番好きです。 はじめに 「AndroidとiOSアプリを両方作ってくれ」という要件はよくある話ですが、ベンチャーで新しいサービスをモリモリと立ち上げている中での両対応となると、両方共ネイティブで作っていくわけにはいかないこともあります。 そもそもそんなにバランス良くAndroidエンジニアとiOSエンジニアは集
いまどきのJavaScript事情とAngular2のはなし - UUUMエンジニアブログ
こんにちは、タナカです。 先日Angularのカンファレンスに参加させていただきました。 Angular2はもちろんですが、JavaScriptの進化についても興味深かったです。 本日の社内勉強会ではカンファレンスで得た情報を含めたいまどきのJavaScipt事情について共有させていただきました。 フレームワークはMVCからコンポーネント指向へ 一昨年リリースされたReat+Fluxが人気となり、フレームワークの注目はMVCからコンポーネント指向に変わってきました。 W3C標準化を進めているWeb Componetsにも追い風になっています。 また、昨今話題のマイクロサービスアーキテクチャーとも相性がいいです。 Web Comonentsのイメージ、各画面部品がコンポーネントとなる 引用元 Virtual DOMが流行 こちらもReactの影響ですがVirtual DOMが流行しています。
Apache Cordovaで本格スマホアプリに挑戦しよう
ハイブリッドアプリというものを知っていますか？ Windows 10 Mobile搭載のスマートフォンも発売されはじめ、AndroidとiOS、Windows Phoneなど複数の環境で動作するアプリが必須になりつつあります。この問題を解決する方法として、ハイブリッドアプリの需要が高まっています。そこで本記事では、ハイブリッドアプリのフレームワークとしてよく利用されているApache Cordovaを紹介します。 対象読者 JavaScript開発者 Androidアプリ開発者 iOSアプリ開発者 Windowsアプリ開発者 ハイブリッドアプリって何？ ハイブリッドアプリとは何か、という定義は厳密には定まっていません。スマートフォンアプリの業界内でいえば、Cordovaなどを用い、Web技術で開発した通常のアプリを示します。 どうして、Web技術を用いて通常のアプリが作れるかといえば、スマ
マイクロソフト、ネイティブUIをハイブリッドアプリケーションに組み込める「Project Ace」を公開
マイクロソフト、ネイティブUIをハイブリッドアプリケーションに組み込める「Project Ace」を公開 HTML5/JavaScriptなどのWeb標準技術でアプリケーションを開発し、それをラップしてネイティブアプリケーションのように単独で実行可能にしたものが、いわゆる「ハイブリッドアプリケーション」と呼ばれるものです。CordovaやPhoneGapなどを用いて開発することができます。 ハイブリッドアプリケーションはHTML5やCSS、JavaScriptなどで開発するため、iOSやAndroidなどのマルチプラットフォーム展開が容易な一方、ルック＆フィールなどがiOSやAndroidのネイティブUIと異なることも多くあります。 マイクロソフトは、このハイブリッドアプリにネイティブUIのコントロールを統合できるCordovaのプラグイン「Project Ace」をオープンソースで公開し
無償のVisual Studio CodeがCordovaに対応。HTML5/JavaScriptでのモバイルアプリケーション開発が可能に
マイクロソフトが昨年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を使ったモバイルアプリケーションの
Apache Cordova
Web標準技術を利用して、クロスプラットフォーム対応のハイブリッドアプリを開発できるApache Cordovaの概要を説明する。 連載目次 Apache Cordova（以下、Cordova）はHTML5、JavaScript、CSS3を用いて、さまざまなプラットフォームに対応したハイブリッド（なモバイル）アプリを開発するためのオープンソースなフレームワークである。Web標準技術を利用することで、OSごとに異なる開発言語を使うことなく、iOS／Android／Windowsなどのプラットフォームに対応し、それらのネイティブな機能にアクセスするアプリを開発できる。 Cordovaの前身はPhoneGap Cordovaはもともと、Nitobiという会社が「PhoneGap（フォーンギャップ）」という名前で開発していたオープンソースソフトウェアだ。Nitobiはその後、Adobeに買収された
Google グループ
Google グループでは、オンライン フォーラムやメール ベースのグループを作成したり、こうしたフォーラムやグループに参加したりすることで、大勢のユーザーと情報の共有やディスカッションを行うことができます。
Monaca x CordovaxONSEN UIでハイブリッドアプリを検証 - Qiita
Monaca x Cordova x Angular x OnsenUI 今回作るもの Cordovaを利用したハイブリッドアプリを勉強がてらリリースしたため、書きためる。 ワイフードサーチというハイブリッドアプリをリリースしました。 ※社内の勉強会展開のため、バグだらけ&&作り途中で出しちゃいましたが… ソースはコチラ。これからハイブリッドを作ろうという人の参考(になるかはわからんけど)になれば。 アプリの概要 ぐるなびAPIを利用し、ハイブリッドアプリでどこまでネイティブに近づけてアプリが作れるかを検証。 ハイブリッドアプリ作成にあたり、Cordovaを。 UI、およびフロント開発技術としてONSEN UIとAngularJSを利用しています。 基本的な動線は エリアから探す フリーワードから探す 現在地から探す(地図検索) & お店までのルート案内 となってます。 Cordovaとは
[JavaScript] iOS系ブラウザーで <input type="search"> に値をセットする方法 - Qiita
[JavaScript] としてますが、iOS＋PhoneGap（Cordova）内で確認できた現象です。<input type="search"> から値は取得できるものの、設定ができない現象が起きました。以前の検索ワードを初期表示させたかっただけなのですが… こう書けばOK ▼JavaScript標準の書き方 誤）document.getElementById("search").value = XXX; ↓↓↓ 正）document.getElementById("search").setAttribute("value", XXX);
![[JavaScript] iOS系ブラウザーで <input type="search"> に値をセットする方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a5dbdf4681afb5abdbb83ce7187118c5617a213/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMGlPUyVFNyVCMyVCQiVFMyU4MyU5NiVFMyU4MyVBOSVFMyU4MiVBNiVFMyU4MiVCNiVFMyU4MyVCQyVFMyU4MSVBNyUyMCUzQ2lucHV0JTIwdHlwZSUzRCUyMnNlYXJjaCUyMiUzRSUyMCVFMyU4MSVBQiVFNSU4MCVBNCVFMyU4MiU5MiVFMyU4MiVCQiVFMyU4MyU4MyVFMyU4MyU4OCVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MWUyZWJmNDllNjk3NGM3MGI4MTNhNTUyMjViN2VkNWI%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQweWFzdW1vZGV2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hZGVmYjFjYWYyMmRmM2Q0ZTE2MDg4NGE0ZTg3MjExNg%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Da398312ce9222b777a3fd62876863d06)
Cordovaのファイル暗号化プラグインを作った - Qiita
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 C
まさか Visual Studio で Android や iPhone のアプリを作れるなんて！
Visual Studio を知っている人も、昔使っていた人も、全然使ったことがない人もこんにちは。日本マイクロソフトの高橋忍です。 ひねりもなく、前回と同じパターンのタイトルで始めてみました。 眉唾でしょ？いやいや本当にそうではないんです。Visual Studio 2015 なら Android のアプリや iPhone のアプリを本当に作ることが出来るんです。Web でしょ？ いやいや ちゃんとネイティブアプリなんですよ。 では、ちゃんとお見せしましょう。 Visual Studio 2015 で開発できるもの Visual Studio といえばもちろん、Windows 用のアプリケーションやWebアプリを作るための開発環境です。これは皆さんも納得ですよね。とくにネイティブアプリで言えば、デスクトップ用のアプリや、Windows 8 のストア用のアプリケーションを作ることができます
「Apache Cordova」に存在する脆弱性を確認、Androidアプリを簡単に改変できる恐れ | トレンドマイクロ セキュリティブログ
ホーム » 脆弱性 » 「Apache Cordova」に存在する脆弱性を確認、Androidアプリを簡単に改変できる恐れ トレンドマイクロは、オープンソースモバイル開発フレームワーク「Apache Cordova」に存在する脆弱性を確認しました。攻撃者は、この脆弱性を利用することにより、被害者に攻撃コードを含んだ Webページを閲覧させるだけで、アプリの動作を改変することが可能になります。この改変の範囲は、アプリのユーザを不愉快にさせるものから、アプリを完全に機能不全させるものまでに及びます。 この問題の脆弱性「CVE-2015-1835」は非常に深刻な脆弱性であり、Apache Cordova のバージョン 4.0.1.までのすべてのバージョンに影響を与えます。Apache はセキュリティ情報を公開して、この脆弱性を確認しました。Google の公式アプリストア「Goo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イベント資料｜第6回Apache Cordova勉強会 - TECH PLAY［テックプレイ］
PhoneGapで画面を固定化 - Qiita
