モバイルアプリ開発ツールメモ2016 - Qiita
いろんなツールがあって技術選択に迷うので、定点観測的にいま思っていることをざっくり書いてみました。 TL;DR ひたすらスピードを求められるプロトタイピングなどはCordova（Ionicなど含む） Cordova上でReactで開発した資産を引き継ぎたいみたいな前提があってユーザーレスポンスを改善するならReact Native 時間がかかってもいいからとにかく安定させたいならネイティブ 学習コストが高くてもよくて開発スピードと安定性を両立するならXamarin 私はネイティブが一番好きです。 はじめに 「AndroidとiOSアプリを両方作ってくれ」という要件はよくある話ですが、ベンチャーで新しいサービスをモリモリと立ち上げている中での両対応となると、両方共ネイティブで作っていくわけにはいかないこともあります。 そもそもそんなにバランス良くAndroidエンジニアとiOSエンジニアは集
Apache Cordovaで本格スマホアプリに挑戦しよう
ハイブリッドアプリというものを知っていますか？ Windows 10 Mobile搭載のスマートフォンも発売されはじめ、AndroidとiOS、Windows Phoneなど複数の環境で動作するアプリが必須になりつつあります。この問題を解決する方法として、ハイブリッドアプリの需要が高まっています。そこで本記事では、ハイブリッドアプリのフレームワークとしてよく利用されているApache Cordovaを紹介します。 対象読者 JavaScript開発者 Androidアプリ開発者 iOSアプリ開発者 Windowsアプリ開発者 ハイブリッドアプリって何？ ハイブリッドアプリとは何か、という定義は厳密には定まっていません。スマートフォンアプリの業界内でいえば、Cordovaなどを用い、Web技術で開発した通常のアプリを示します。 どうして、Web技術を用いて通常のアプリが作れるかといえば、スマ
Cordova GCMからのプッシュ内容を通知領域に表示する
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
Android向けのCordovaプラグインを実装する
本コーナーは、技術評論社発行の書籍『［iOS/Android対応］HTML5ハイブリッドアプリ開発［実践］入門』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『［iOS/Android対応］HTML5ハイブリッドアプリ開発［実践］入門』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 前回は「4.5～4.5.5 Cordovaプラグインを利用する」を説明しました。本稿はその続きです。 ■ 4.5.6 Android向けのCordovaプラグインを実装する アプリの要件によっては、自分が利用したいネイティブの機能のCordovaプラグインがあるとは限りません。また、機能面に限らずパフォーマンスや原理的にHTML5での実装が難しい画面の場合などにも、Cordovaプラグインを実装して、特定の画面のみをネイテ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ！ワンコインセミナーでその一歩を踏み出してみよう！Yoshinori Kobayashi
Cordovaを試してみた - ひよこ3:07のTechブログ
Cordovaを使ってみる OS XでCordovaを使ってみた。メモを残しておく。 インストール npmでインストールできる。楽ちん。 npm install -g cordova # androidをターゲットにする場合、Android SDKとantもインストールしておく必要がある brew install android-sdk brew install ant プロジェクトの作成 ファイルとかいろいろ自動で作ってくれた。 # いろいろやってくれる cordova create cordovatest com.chick307.cordovatest CordovaTest # できたディレクトリに入る cd cordovatest # androidを対象のプラットフォームに加える cordova platform add android ビルド 最初やった時にエラーになったから
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 実機で確認
PhoneGapの開発の流れを勉強してみた
この前、PhoneGapのインストールするとこまでできたので、PhoneGapの開発の流れが分かるまで勉強してみました。 前回はphonegapをインストールしたんですが、公式ドキュメントに合わせて次のコマンドでインストールし直してます。 [code lang=text] $ npm install -g cordova [/code] たぶん、中身的にはほとんど変わらないもんだと思います。 プロジェクトを作成 さて、とりあえず、作業ディレクトリ内で [code lang=text] $ cordova create test com.inter-arteq.app test [/code] そしたら、testフォルダができて、その中に必要なファイル群ができます。 iOSのプラットフォーム追加 まず、プロジェクトにiOSのプラットフォームを追加してやります。 [code lang=text
キミはionicを知っているか？AngularJS+PhoneGap+美麗コンポーネント群！
キミはionicを知っているか？AngularJS+PhoneGap+美麗コンポーネント群！ 金井 健一（フリーランス） ionic 概要 ionicはそのサイトのデザインからも見てわかるとおり、シンプルかつ美しいUIを取り揃えたコンポーネント群で、Apache Cordova を拡張して作られているフレームワークです。 また、動的なUIコンポーネントを実装するために、 AngularJS を採用してる点もその特徴の1つです。 ionicがサポートしているプラットフォームは、iOS 6+とAndroid 4+です。（ただしAndroidについては、2.3+でもいくつかの機能を提供してるとのこと） 現状ではこの2つのプラットフォームのみですが、Windows PhoneとFirefoxOSについても今後対応を進めていくようです。 特徴 Apache Cordovaを拡張して作られている、モバ
活字中毒者の戯言ブログ javascriptで作ったプログラムをGoogleplayに
たまには役に立つ記事でも書こうかと思いますヾ(＠°▽°＠)ﾉ Cordova(PhoneGap)を使って、javascriptで作ったプログラムをgoogleplayに登録出来るようにします PhoneGapとCordovaは同じものを指してると考えてください 以下Cordovaで統一します 自分がするとき、ネットにCordovaの最新varのやりかたが載っていなかったというか Cordovaは更新速度が早いので、一体どの記事を参照すればいいんだ？？ となったので 現在のvar2.5.0についてやり方でも書こうかなと思います まず開発に必要なのがこちら iOSアプリ開発の場合 Mac OS X（10.6以降） Xcode iOS SDK Cordova Androidアプリ開発の場合 Eclipse Android SDK JDK ADTプラグイン Cordova Xco
Cordovaプラグインを利用する
前回は「4.4 プラットフォームごとにカスタマイズする」を説明しました。本稿はその続きです。 ■ 4.5 Cordovaプラグインを利用する Cordova3.0からは、ネイティブ機能を提供するものはすべてプラグインとして管理されるようになりました。以前ではCordovaフレームワークに組み込まれていたネイティブ機能も、すべてプラグインとして提供されています。ソースコードのリポジトリとしても全く別になりました。 Cordovaでは、cordova pluginコマンドを用いてプラグインを管理します。開発者はコマンドを通じて様々なプラグインを簡単に導入することができます。 開発者は、公式で提供されているプラグインで以下の機能を利用できます。 加速度センサ カメラ・録音 コンパス ネットワーク接続 端末内のコンタクトリスト デバイス情報 イベント ファイルストレージ 位置情報 国際化 アプリ内
Android環境インストール | PhoneGap Fan
Activity が何も継承していないことを確認して下さい。 PhoneGap が Eclipse のワークスペースに無いような状態です。これが終わったら、 Finish をクリックします 作成したプロジェクトのルートディレクトリに、以下の2つの新しいディレクトリを作成します: /libs assets/www ダウンロードした Cordova から cordova-2.0.0.js を assets/www にコピーしてください。 ダウンロードした Cordova から cordova-2.0.0.jar を /libs にコピーしてください。 ダウンロードした Cordova から xml フォルダーを /res にコピーしてください。 cordova-2.0.0.jar がプロジェクトのビルドパスに追加されていることを確認してください。 /libs フォルダーを右クリックし、ビルド・
WebGLアプリをPhoneGapを使ってAndroid／iOSで動かしてみた
WebGLアプリをPhoneGapを使ってAndroid／iOSで動かしてみた：HTML5で可能になった6OS対応時代のスマート開発（4）（1/3 ページ） 本連載では「第三極」モバイルOSの登場で新時代を迎えたアプリ開発市場において、Android、iOS、Windows ストア（Windows 8）、Windows Phone、Firefox OS、Tizenの6OS全方位対応をするための方法論や課題について解説していきます。今回は、Firefox OS／Tizen／Windowsストアに適応させたHTML5アプリをPhoneGap（Apache Cordova）を使ってAndroid/iOSアプリ化する方法を解説します。 前回「Firefox OS／Tizenに使ったWebGL／Three.jsアプリをWindowsストアアプリ化しよう」までの連載では「Three.js」を使った3D
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/isora1988/items/da8d153f52ef68e390d0