Web技術/Ionic Frameworkでつくったモバイルアプリにできないたったひとつのこと。｜榊原昌彦
ときどき「Ionicでつくったモバイルアプリ（Web技術/HTML5でつくったiOS・Androidアプリ）で出来ないことって何ですか？」と質問を受けるので簡単にまとめようと思います。 （カバー画像に意味はないです。何使おうかと思って探したところめちゃくちゃ可愛かったからこれにしました） パフォーマンスが低いという誤解とりあえず、「Web技術でアプリつくるとパフォーマンス低くて使い物にならないって聞くんだけど」というのはもうとっくに通り過ぎた昔の話です。以下の2つのレンダリングを比較してみてください。 圧倒的に後者のほうがなめらかでスムーズですよね。これはReactの過去の実装（Stack）と、4年前に刷新された「Fiberアーキテクチャ」との比較なのですが、JavaScriptのレンダリングの実装はここまで進化しています。 こちらはつい最近実装されたIonicでユーザがアニメーションを実
Cordovaをdisる人類全員に読んでほしい「Cordovaつらいを考える」｜榊原昌彦
以下の記事で「Cordova／Ionicに比べれば、まだ少しはまともな選択だろう」と述べてあるのをみて、ここ数年Web Nativeに関わって思うことをちょっとまとめてみようと思います。 私はWeb Developerですので、この記事はWeb Native寄りの意見になります。また、本記事内では、いわゆるWeb Viewでつくるガワアプリを「Web Native」、それ以外（React Native/Native Script/Swift/Kotlinなど）をまとめて「Mobile Native」と呼称しております（分類はWhere Does Ionic React Fit in the React Ecosystem?から） note: Cordovaつらいって言っちゃだめという記事ではありません。OSSの活動は続いてるので、伝聞や過去のものではなく、最新のCordovaやWeb Na
cordovaのimagePicker pluginのグラフィックバグを治す - Qiita
こんにちわ。 eee_nbnbです。 今回CordovaのImagepicker使う機会が合ったので導入して試してたんですけど、 悲しいことにiOSの方でラベルがずれたりプレビューの画像が大きくなったりと頭を抱えて悲しい気持ちでふて寝しました。 いわゆるバグと言うやつです。 まあ <input type="input" multiple> を使えば複数選択できるしそれでも良いかなと思ってたんですけど枚数の指定などをしたかったのでこのプラグインを使うことにしました。 とりあえずソースコードを見る objective-cを書いたことがないしがないエンジニアでしたがswiftでiosのアプリを作ってたことがあってなんとなくiosのUIKit周りは覚えていました。 ズレるラベルたち 最初に対面したバグはUITableViewのセルを選択したときに中のラベルがずれるバグです。 多分セル側の問題だろう
Cordova アプリで Google アカウント認証してみた - Qiita
はじめに Google Apps Script で書いたプログラムを Cordova アプリから Google アカウント認証して使用しようと思いました。 まず、Cordova アプリで Google アカウント認証できるようにしたいと思います。 Cordova はウェブクライアントアプリのテクニックが使えるはずです。 Getting Started | API Client Library for JavaScript | Google Developers 調べると以下の記事が見つかりました。 PhoneGap Tips - Google API OAuth with PhoneGap's InAppBrowser 試してみましたが上手く行きません。さらに調べると Google will no longer allow OAuth requests to Google in embed
【ionic】アプリ開発でエラーしたとこまとめ(随時追加) - Qiita
ionicとは IonicはAngularJsをベースにした、モバイルアプリケーションを開発するためのフレームワーク。オープンソースで、MITライセンスで利用できる。 Apache Cordovaの上に構築されており、HTML5を用いたクロスプラットフォームのハイブリットアプリケーションを開発できる。 Tinderのようなアプリの開発 今回は、Tinderライクなアプリケーションをプロトタイプとして、開発しようと思います。 ※ionicの始め方は他のところにも書いてあるので、割愛 機能としては、 - スワイプ - チャット - マッチ - メッセージ ※もし開発できたら、実装方法を記事でまとめようと思います。 ミスりやすいところ 同じところでミスした人の救いになれば。 「cordova」を使うとき
enchant.jsで作ったゲームをアプリ化しよう(monaca) - Qiita
enchant.jsで作ったゲームは、ブラウザ上でそのまま動きますが、せっかくならアプリにしたい。 そこで、先日monacaを使ったアプリ化のテストを行ったので備忘録として書いておきます。 主な手順 1.作ったゲームをダウンロード 2.monacaにアップロード 3.monacaデバッガでテスト 4.ビルドしてアプリ化 今回はjsdo.itで作ったブロジェクトをアプリ化する手順を説明します。 1.作ったゲームをダウンロード Downloadボタンをクリックすると、zipファイルでプロジェクト内のファイルがダウンロードされます。 jsdo.itの場合、ダウンロードされるのは、html、js、cssのファイルのみなので、必要な画像ファイルやライブラリファイルは別途準備しておく。 2.monacaにアップロード 1)インポート インポートボタンをクリックし、zipファイルをそのまま指定して新規プ
Nat.js - Vue/Weexで使えるモバイルフレームワーク MOONGIFT
JavaScriptでスマートフォンアプリを作る、一つのコードでiOS/Android両方に対応するという夢に挑戦する人たちは後を絶ちません。かつてのTitaniumであり、現在のReact Nativeでもあります。 そして今回はもう一つの存在、Nat.jsを紹介します。こちらはVueやWeexなどで使えるライブラリ集になります。 Nat.jsの使い方 Nat.jsを使ったチュートリアルアプリを紹介します。こんな感じで機能が並んでいます。別なアプリを立ち上げたり、写真やオーディオ、動画を扱ったりできます。 Nat.callで電話をかけられます。 画像を選ぶ場合。 写真の撮影もできます。 モーダル、ネットワーク、位置情報、センサーなどの機能もあります。 さらに各種デバイスの情報も取れます。 Nat.jsは前述の通り、WebであればVueが使えて、ネイティブアプリであればWeexと組み合わせ
Inappbrowser - Apache Cordova
window.open The cordova.InAppBrowser.open() function is defined to be a drop-in replacement for the window.open() function. Existing window.open() calls can use the InAppBrowser window, by replacing window.open: If you change the browsers window.open function this way, it can have unintended side effects (especially if this plugin is included only as a dependency of another plugin). The InAppBrows
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 かなり古くなってしまいましたが、この記事の環境をベースにしています。 プラグインの組み込みと呼び出し方 ※ 以
React Native と Android Studio を使い比べてみる - 株式会社Rmake Blogs
黒田 大介(Dycoon)です。仕事では少し入り組んだwebアプリのフロントエンドをJavaScriptで書いたり、Unityを触ったりしています。 今回は Smartphone でプラットフォームが用意している UI の機能を使うようなアプリ開発について調べてみます。Smartphoneのアプリ開発ではプラットフォームが用意している開発環境と、それらを間接的に扱う代替的な開発環境のどちらを使うかという選択肢があります。 基本的にはSmartphoneアプリ開発はOSのプラットフォームが用意している開発環境を利用すればおこなうことができます。 Android Studio + Android SDK + Java (あるいはKotlin等JVMを出力できる言語) XCode + iOS SDK + (Objective-C or Swift) これらを使う場合、プラットフォームが提供するA
３分間でiOS、Android両対応アプリを作る - Qiita
３分間待ってやる 待ってくれている間に CordovaでiOS、Androidの両対応アプリを作ります。 多分これが一番早いと思います。 NodeJS、XCode、Android Studioはインストール済みの想定です。 CordovaのインストールとCordovaのプロジェクトを作成します。 $npm install -g cordova ios-deploy $cordova create bals;cd bals $cordova platform add browser android ios <!DOCTYPE html> <html> <head> <!-- charset追加忘れすると日本語文字化けします --> <meta charset="UTF-8"> <meta http-equiv="Content-Security-Policy" content="defaul
cordovaのプラグインを作ってkindle fireでmrubyを動かしてみた - non vorrei lavorare
おはようございます。次男のトイレトレーニングが順調に進んで、保育園でもパンツで過ごしています。@kjunichiです。 4千円しないAndroidタブレットを活用しないのはもったいない Amazonプライムデーで4千円ださずに購入したkindle file。長男が操作をいつのまにか覚え、車のゲームを あれこれDLして遊んでるところを奥さんに見つかり、大目玉を喰らってます。 今回はそんなkindleにmrubyを動かそうとした記録です。 準備編 Androidの開発はプライベートでは既に奥さんの仕事向けにWebViewをつかったやつを大昔のEclipseで 作成したことがあるくらいなので、ぼんやりとは把握してるつもり。そして、イマドキはEclipseではなく、 Android Studioで行うのが一般的らしいというのは予習済み。 Android Studioの環境作成 OSXで主に今回の作
SPAのサイトをアプリにするメリットと開発での問題点について - Qiita
最初に Webの技術を使って、iOS、Androidアプリを作ることができるPhoneGapというツールを知っている人は多いと思います。 PhoneGapはAdobeが提供しているのですが、そのオープンソース版としてApache Cordovaというツールがあります。 Apache Cordovaを使った事例として、第2回Cordova勉強会でWebサービスとしてリリースした「smartFX」をハイブリットアプリとしてリリースすることになった背景やその効果についてと、ハイブリットアプリ化するにあたって出てきた問題点と対応について発表をしてきました。 詳しい内容はスライドを見てください。 smartFXにおけるApache Cordovaの活用について ここではスライドの補足をしていきたいと思います。 ハイブリットアプリをリリースすることになった背景やその効果について smartFXは、サイ
もう審査待ちでイラつかない！CodePushならアプリの更新はいつでもできる
アプリストアの審査不要でコードを差し替えられる「CodePush」。審査時間が大幅に短くなっているとはいえ、ちょっとした不具合の解消やテスト目的なら便利かも（CordovaとReact Nativeで作られたハイブリッドアプリに限られますが）。 ハイブリッドアプリを制作するためのフレームワークは、多数のプラットホームやアプリストアで使用できるコードを開発者が書き込めるようにしてあります。フレームワークは開発の簡易化、生産性の向上をもたらしますが、アプリのアップデートをリリースするためには、いまだにアプリストアの審査を経なければならず、審査が開発サイクルを遅らせています。 マイクロソフトのCodePushを使えば、即座にコードのアップデートをアプリに反映できます。私が最近書いた『Easy App Publishing with React Native and Siphon』で紹介しているS
HTML5ハイブリッドアプリ開発を支えるOSS「Cordova」はどのように課題を克服し、進化するのか？ - ふろしき Blog
本記事は「HTML5ハイブリッドアプリ開発を支えるOSS『Cordova』シリーズ」の続編です。前回に引き続き、2014年6月10日に開催された「第1回Apache Cordovaスーパー勉強会」にて、アシアル株式会社の田中正裕氏が行なった講演のダイジェストをお届けします。 まだまだ進化を止めないApache Cordova ハイブリッドアプリも日々進化しています。3年前はPhoneGapもようやく1.0という状況でしたが、それも今ではCordova3.5ということで、ここに来るまで相当な進化があったんです。 3年前に、僕が初めてPhoneGapを触った時、iOSも4.2で、CSSもまったく充実していませんでした。Androidも当時は2.2だったのですが、あれからAndroid自体のパフォーマンスが改善されてきました。 Cordovaもプロジェクトが大きくなって、やれることも増えてきまし
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cordovaでつくるハイブリッドアプリ - Qiita
ハイブリッド（ガワネイティブ）アプリを作るときって、どこまでネイティブで処理して、どこからwebで処理すれば良いの？
モナカプレス
ng-japan 2017「AngularとEelctronやIonicで挑戦した
デスクトップ・モバイルアプリ開発」
