A cross-platform native runtime for web apps.Capacitor is an open source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS.
以下の記事で「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
0. 前段 2016年のGoogle I/Oで、大幅にFirebaseのアップデートが発表されました。 その中でも、注目度の高かったFirebase Notifications。 多くの人が 「これでPush通知が自在に送れる!」 と思ったわけですが、Firebase Notifications自体は、GUIからPush通知を送るための機能でした。 しかしこのFirebase Notificationsは今回、Google Cloud MessagingからFirebase Cloud Messagingと名前を変えたサービスを利用したツールのため、このFirebase Cloud Messagingを使ってPush通知が送れます。 今回は、その中でもCordovaを利用してiOSアプリでFirebase Cloud MessagingのPush通知が送れるか試して見たいと思います。 ※こ
Cordovaは標準でUIWebViewを使うので、Safariで検証して直前にアプリ化してリリースみたいな危ない橋を渡ろうとすると死にます。 UIWebViewのパフォーマンスはSafariに較べて3倍程度遅く、操作感がかなり変わってしまいます。 もちろんPhonegapも事情は同じです。 iOS8から用意されている「WKWebView」を使うと、Safariと同等程度のパフォーマンスが出るようになります。 注意点として、WKWebViewではファイルシステムへの参照が厳しくなっているため、WKWebViewではWebサーバをcordova内に立てる構成になっています。そのため、UIWebViewとは動作が変わるおそれがあります。 Cordova向けのWKWebViewプラグインは、apacheのものとtererikのものと2つありましたが、数ヶ月前に試用した時点では、tererik側の
こんにちは。 JavaScript/HTML でネイティブ機能にもアクセスする iOS/Android/Windows アプリを開発できる PhoneGap。久しぶりに公式ページを見てみると、「 PhoneGap Developer App 」なるものを発見 ( 今年春にリリースされていた模様 )。 開発マシンと実機でバイスをワイヤレスに接続し、手元のコードの変更をリアルタイムに反映しながらデバッグができるという大変便利なアプリ。 使い方はとっても簡単。 1. 開発マシンで PhoneGap の開発環境を整える PhoneGap のインストール方法はこちら。 $ npm install -g phonegap で、PhoneGapをインストールし、 $ phonegap create my-app で、my-app ( アプリ名 ) プロジェクトを作成。 $ cd my-app $ pho
私は、CordovaとMiddlemanを使って、AndroidとiOS両対応のアプリを開発しています。 構成は単純で、MiddlemanとCordovaのプロジェクトを別々に作り、Middlemanのbuild出力先をCordovaプロジェクトのwwwに指定しているだけです。 開発が進みcordova.jsを用いた機能を作る事になりましたが、いくつか問題が発生しました。 Middleman上ではcordova.jsというファイルは無い Middlemanのserverで実行した際に、deviceOnReadyイベントも飛んでこない なので、現状、いちいち実機(シミュレータ)に転送してデバッグしています。 簡単にデバッグ可能なうまいやり方は無いでしょうか?
I use Cordova 5.0.0 and i have the following project structure: MyProject - hooks - platforms - plugins - resources - www - config.xml My question now is: Which of these folders can I omit? I ask it because I work on three different platforms. I Develop on linux for android, windows for windows phone and on mac for ios. If I commit the whole project I always get warnings and error for the not supp
モバイルのアプリで、UIの実装はHTML5でいいんだけどPush通知だけは入れたいという要件に対応するために、Apache Cordovaを利用したPush通知の実装をまとめてみました。 Apache Cordovaのインストールからプロジェクトのセットアップ、必要なプラグインのインストール、最後にPush通知を実装する流れで記載していますので、Push通知の実装だけ知りたい方は前半を飛ばしてください。 この記事では、Apple Push Notification Service (APNs)を利用するiOSアプリのみを対象としています。 APNsを利用したPush通知の基本については、前回の記事「iOSアプリPush通知 開発環境の作成手順まとめ」にまとめてありますので参考にしてください。 Cordovaのインストール Cordovaは、npmパッケージとしてインストールできます $ s
Getting Started Overview Installation Creating an App Cordova Projects CLI Commands Platform Support Platform Pinning Version Management Hooks App Development Platforms Android iOS Electron Customization Icons Splash Screen Security & Privacy Security Privacy Allow List Data Storage Plugin Development Create a Plugin Support a Platform Android iOS Use Plugman References Config.xml API Plugin.xml A
ここのところ、Cordovaベースのハイブリッドアプリ開発フレームワークであるIonic Frameworkでアプリを作って公開しました。 マネタイズのために広告を入れる必要があったのですが、とある事情でAdMobを入れることができなかったので、Nend広告を導入することに決めました。 AdMobは既存の素晴らしいCordovaプラグインがあって、バナー広告やインタースティシャル広告をJavaScriptからネイティブコード経由で呼び出すことができます。しかし、Nendにはそのようなプラグインは公開されていなかったので、自分で作ることにしました。 作ったプラグイン : https://github.com/TakayukiSakai/cordova-plugin-nend 本記事では、このプラグインのver0.1.0を開発・公開するまでの過程を細かく説明していきたいと思います。特に、 SD
Cordovaは今やMicrosoftが主導!?最新状況と基本を素早く再チェック! 田中 正裕(アシアル株式会社) Web技術でアプリ開発2016特集・第二弾は、Cordovaの最新状況と基本をご紹介。その歴史からプラットフォーム/ライブラリの特徴、ネイティブな機能を呼び出す方法などを解説していきます。 概要 CordovaはPhoneGapと呼ばれていた時代を含めると、8年以上の歴史があります。PhoneGapが産声を上げたのは2008年、Nitobi社がハッカソンでPhoneGapを発表しました。オープンソースで提供されていたPhoneGapは注目され、2011年にはNitobiはAdobe社に買収されます。その結果、オープンソースで提供されているフレームワーク(PhoneGap本体)はCordovaと名前がつけられ、Apache Foundationの仲間入りします。 その結果、Ad
はじめに ハイブリッドアプリのフレームワークとして有名なApache Cordovaから調べて見たいと思います。 CordovaはApache Cordovaという名前で公開されているオープンソースフレームワークです。 Adobeでの商標は「PhoneGap」で、CordovaはNitobi社が開発していましたが、AdobeがNitobi社を買収したことによってAdobe配下に入りました。 Cordovaを使うと、HTML/CSS/JavaScriptなどを使ってアプリを開発することができます。
About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
Getting Started Overview Installation Creating an App Cordova Projects CLI Commands Platform Support Platform Pinning Version Management Hooks App Development Platforms Android iOS Electron Customization Icons Splash Screen Security & Privacy Security Privacy Allow List Data Storage Plugin Development Create a Plugin Support a Platform Android iOS Use Plugman References Config.xml API Plugin.xml A
本コーナーは、技術評論社発行の書籍『[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 Cordovaは、開発者に最も利用されているハイブリッドアプリ開発フレームワークの1つです。この章では、このCordovaを用いて実際に簡単なiOSアプリとAndroidアプリを開発する手順を紹介します。 具体的には、以下のような順番で解説します。 開発環境を構築する プロジェクトを作成・管理する アプリを開発する Cordovaプラグインを利用する 既存のアプリにCordovaを組み込む 最初に、Cordovaを用いた開
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く