HTML5モバイルアプリをもっと速く、もっと美しく | Onsen UI
PhoneGap / Cordovaアプリに最適なJavaScript、CSSフレームワーク アプリ開発プラットフォームMonacaに標準搭載 豊富なUIコンポーネントが提供 スマホもタブレットも！レスポンシブデザインで同時対応 Onsen UIを使うと、あなたのHTML5アプリのパフォーマンスが格段に向上。 ネイティブ開発と見間違う程のスピードを、是非実感してみてください。 Onsen UIはレスポンシブデザインに対応しています。画面のサイズに併せて自動的にビューが調整されます。 また、スプリットビュータグを使えば、タブレットとスマートフォンで表示の切り替えも自動的に行われます。 更にOnsen UIは、Android 2.3以上、iOS 6以上、FireFox OS、Chrome、Safariなど幅広いプラットフォームをサポートしています。 Onsen UIはPhoneGap / C
PhoneGap Buildで会社案内アプリを楽して作る
PhoneGap Buildで会社案内アプリを楽して作る：無料でCreative Cloudを使い倒せ（3）（1/3 ページ） 会社案内のWebサイトを楽してiPhone/Androidアプリにしたい方、必見。DreamweaverとPhoneGap Buildで作るとこうなります。 Adobe Creative CloudにPhoneGap Buildというサービスがあります。これは、HTMLで作られたコンテンツをネイティブアプリに変換し、iOS、Androidはもちろん、Blackberry、WebOS、symbianでも実行可能なパッケージを作成してくれるサービスであるPhoneGapを、ブラウザ上で手軽に利用できるサービスです。 さすがにここまでたくさんのOSに対応しているとなると「やり方が面倒なのでは？」と疑いたくなりますが、PhoneGap BuildはDreamweaver
成功するPhoneGapアプリを開発するための高速化＆UXテクニック
興味深いブログ記事が海外で掲載されていました。拙訳で恐縮ですが紹介したいと思います。 内容はPhoneGapアプリを高速化するための手法の解説で、具体的な事例とともに、いくつかのテクニックの紹介が行われています。少し長い記述になりますが、是非PhoneGapやMonacaを用いた開発の参考にしてください。 成功するPhoneGapアプリを開発するための高速化＆UXテクニック Performance & UX Considerations For Successful PhoneGap Apps PhoneGapアプリを開発する方から、下記のような質問をよく尋ねられます。 ・アプリを高速化する方法は？ ・どうやってネイティブアプリのような質感を出せるか？ ・プラットフォームに違和感のないアプリを作るためのテクニックは？ ・OSのルック＆フィールとマッチさせるためには？ この記事では、素晴らし
Appleのアプリ申請却下に対するPhoneGapのアドバイス | Adobe Developer Connection
最近、開発者のコミュニティでは、Appleが「十分にネイティブではない」という理由でPhoneGapアプリの申請を却下しているという不満が聞かれます。このような申請却下自体は驚くようなことではありません。Appleには、App Storeで受け入れるものと、受け入れないものについて、厳密なルールとガイドラインがあります。筆者が驚いたのは、PhoneGapがその理由であると不平をもらしている人がいたことです。このような非難は適切なものではなく、この記事ではこの点を明確にしたいと思います。 最初に、AppleとHTMLについて説明しましょう。Appleでは、ユーザーインターフェイスがHTMLを使用して構築されているからという理由でアプリケーションの申請を却下しているわけではありません。実際、多くのAppleアプリやiOSの広告プラットフォームは、HTML、CSSおよびJavaScriptを使用
PhoneGapアプリでBasic認証を使ったサーバ通信を行う方法 | ADC - Adobe Developer Connection
PhoneGapを使ったプログラムで外部のプログラムとの通信を行うためには、まずPhoneGap側の設定ファイルを変更する必要があります。PhoneGapでは、外部プログラムとの通信にホワイトリスト方式を採用しており、許可された接続先のみ通信できるようになっているからです。ホワイトリストは次のように設定します。 iOSの場合 「Supporting Files」というディレクトリの中に「phonegap.plist」または「cordova.plist」というファイルが格納されています（バージョンによって異なります）。このファイルを開いて「ExternalHosts」という項目を探し、通信先のホストを記載してください。 全てのホストとの通信を許可する場合には「*」を指定してください。 Androidの場合 「res/xml」というディレクトリの中に「cordova.xml」というファイルが格
Blocs - Fast, easy to use and powerful visual web design tool, that lets you create responsive websites without writing code.
The Ultimate Website Builder for Mac, iPad & iPhone Blocs is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code. Blocs for MacBlocs for iPadBlocs for iPhone Learn Get up and running fast with our learning portal. You'll find everything you need to master building websites with Blocs. Learning Portal Connect Connect with other Bloc
Mac OSX版PhoneGap。Web技術でアプリを開発·MacGap MOONGIFT
MacGapはHTML/JavaScript/CSSを使ってMac OSXアプリを開発できるフレームワークです。 PhoneGapと言えばApache財団に寄贈され、Apache Cordovaと名前が変わったプロジェクトですが、iOSやAndroidなど各種スマートフォン向けのアプリがHTML/JavaScript/CSSで開発できます。そしてMacGapも同様のWeb技術でMac OSXアプリが作れてしまいます。 まずベースを作成します。 ビルドしました。MacGapと表示されています。 5秒後にGoogleが表示されました。 Growlによる通知にも対応しています。 自動生成されるHTMLです。 MacGapはシステムのビープ音、別なアプリの起動、ウィンドウの移動や別ウィンドウのオープン、ドックのバッジ操作、音楽の再生、Growl、通知、エベントの取得などがサポートされています。簡単
PhoneGapを用いたHTML5/JavaScriptアプリの速度や機能を拡張する「Monacaフレームワーク」、オープンソースで公開
PhoneGapを用いたHTML5/JavaScriptアプリの速度や機能を拡張する「Monacaフレームワーク」、オープンソースで公開 HTML5/JavaScriptで開発したWebアプリは、PhoneGapを使うことでネイティブアプリ化できます。ただし、このネイティブアプリは基本的にHTML5/JavaScriptをラップしたものであるため、見かけや動作速度は基本的にWebアプリケーションのままです。 このPhoneGapを用いて開発されるアプリケーションに対してOSネイティブなコンポーネントなどを追加し、ネイティブアプリケーションと同等の高速な画面遷移やアニメーション、OSネイティブのツールバーやタブバーの利用、メニューボタンや戻るボタンなどのハードウェアキーの対応などを実現する「Monacaフレームワーク」をオープンソースとして公開することをアシアルが明らかにしました。iOSとA
Database.comを利用したPhoneGapアプリケーション開発 | Adobe Developer Connection
PhoneGapは無料のオープンソーステクノロジーです。これを使用して、開発者は従来のWebベースのテクノロジーを使用して、複数のプラットフォームにネイティブインストールされるアプリケーションを開発できます。PhoneGapがどのようなものか端的に言うと、デバイスのディスプレイに全画面表示されるWeb画面です。Web画面内にHTML、CSSおよびJavaScriptを使用したアプリケーションインターフェイスを構築します。 アプリケーションのWeb画面は、オペレーションシステムのネイティブWeb画面、すなわち標準Webブラウザー（Chromeを除く）と同じWeb画面に基づきます。JavaScriptで記述されたアプリケーションのロジックを使って、すべてのナビゲーション要素とコンテンツ要素をHTML、CSS、およびJavaScriptのみで構築します。 PhoneGapは、JavaScript
Cordova(PhoneGap)で作ったiOSアプリにAdMobを適用する | WebDelog
PhoneGapはHTMLやJavascriptなどで作られたWebアプリケーションを、 WebViewを利用してアプリ化することができるフレームワークです。 今回はPhoneGapで作ったアプリに広告を貼りたいなーという所から話が始まります。 そもそもAdsenceを貼っていいの？ まず広告で思いついたのがAdsenceですが、 不正な操作のために AdSense アカウントが無効となる一般的な理由 のアプリケーションに広告を埋め込むに書かれているように、 アプリケーションに広告を埋め込むことは禁止されているそうです。 こんなことでアカウントが無効になってしまったら、 ショックの反動でやけ食いや衝動買いをしてしまうかもしれませんね。 そこで登場するのがAdMob モバイル用アプリに広告を掲載する場合は、 AdMob SDKを利用するそうです。 登録はこちらから→AdMob A
Cordova(PhoneGap)のプラグインの作り方
こんにちは、橋本です。 今日はCordova(PhoneGap)のプラグインの作り方について書いていきたいと思います。 Cordovaは、HTML, CSS, Javascriptを組み合わせて、iOSやAndroidのネイティブアプリが作れるというものです。 Cordovaで用意されたJavascriptのAPIを用いることで、ネイティブの機能を使用することができるようになっています。 「HTML、CSS、Javascriptでネイティブアプリが作れるとは！ネイティブの機能も使えるし！これはお手軽！！素晴らしい！！！」 と、思うかもしれませんが、Cordovaの内部では、ネイティブのWebviewの上でHTMLを動かし、JavascriptのAPIを通じて予め用意されたネイティブの機能を使っているだけなので、実際にアプリを作り始めると、痒いところに手が届かない場面がしばしばあります。 た
PhoneGapでXcodeプロジェクトを作成するまで | WebDelog
作り方が変更されていたので自分用メモ書き。 参考URL:Getting Started with iOS まず作成するために必要な環境条件 ・Xcode 4.3以上 ・Xcode Command Line Tools ・IntelベースでMacOSX Lion または 10.7以上 プロジェクトファイルの作成 事前にXcodeのインストール、Xcode Command Line Toolsと、 http://phonegap.com/downloadより最新版のPhoneGapをダウンロードしておきます。 Zipファイルを解凍してlib/iosの中にあるCordova-2.0.0.dmgを実行します。 同階層にあるbinフォルダをハードディスク上のどこかにコピーしておきます。 Terminal.appに先ほどのbinフォルダをD&Dします。 プロジェクトを保存したいフォルダの
ネイティブプラグインでPhoneGapを拡張する（iOS） | Adobe Developer Connection
この記事を最大限に活用するには、PhoneGapの基礎とObjective-Cによるプログラミングを理解している必要があります。 In this article, (also called Apache Cordova) PhoneGap to target iOS device in Xcode describes how to use the native plug-ins for applications. If you are new to PhoneGap, or if you need to check the PhoneGap basics again, before continuing to develop iOS applications with Xcode and PhoneGap Please read. The term "Cordova" and "Phone
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - devgeeks/Canvas2ImagePlugin: PhoneGap / Cordova plugin for iOS to save the contents of an HTML canvas to the device's Photo Library
http://phonegap.com/blog/2013/07/19/adobe-phonegap-3.0-released/
http://phonegap.com/blog/2013/06/26/pg-290-released/
Facebook が PhoneGap Plugin と SDK for .NET をリリース