Onsen UI 2: HTML5モバイルアプリを速く、美しく - Onsen UI
ハイブリッドとモバイルWebアプリ開発の決定版 開発環境のセットアップを一切することなく、JavaScript・HTML・CSSを用いたモバイルアプリ開発を始めましょう。クラウド上の開発環境Monacaと組み合わせることで、あなたの開発環境は常に最新の状態に保たれます。 クラウド上にすべてのツールを 強力なCLI（コマンドラインツール）やデスクトップ向けアプリ（WindowsとmacOSに対応）を通じて、Onsen UIアプリはとても簡単に制作できます。それ以外にも、Monacaが提供するライブリロード対応のデバッガーや、リモートビルド機能といったクラウドの機能にアクセスできます。 美しいUIコンポーネントと自動スタイル モバイルアプリに特化した、ネイティブのようなパフォーマンスに優れたUIコンポーネントが自慢です。タブ、サイドメニュー、ナビゲーションといった共通デザインだけでなく、リスト
Cordova勉強会 #4 に参加してきました
Cordova/PhoneGap、Monacaなどを使っている方向けのユーザ会、Cordovaユーザ会 #4が2月13日（金）、日本マイクロソフト セミナールームにて開催されました。レポートを書くまでが勉強会、ということで個人的な感想を含めてレポートを書きたいと思います。 まず最初はAdobe社のAndre Charland氏の発表でした。彼は元々PhoneGapを開発していたNitobi社の創設者で、Adobe社に買収された後は米PhoneGapチームマネージャーを勤めています。つまりPhoneGapのすべてを知っている人と言えます。 CordovaとPhoneGapの違いは度々話題にあがるのですが、こちらの資料が一番分かりやすいと思います。 CordovaはApache財団に寄贈されたオープンソース・ソフトウェアです。MicrosoftやIBM、Google、Salesforceなど多
PhoneGapとは 出来ること出来ないことをもう少しくわしく ｜ オーララインの技術ラボ日記｜株式会社オーラライン
オーララインの企業情報を配信するサイトです。コンサルティングから開発保守業務に至るまで統合サービスを提供します。ソリューション、製品情報、採用に関する事等をお知らせしています。PhoneGapとは？から続き Webアプリじゃダメなの？ Webアプリだと出来ないけど PhoneGap/Cordova だと出来ることがたくさんあります。 本エントリ執筆時 2.6.0 では、素のままの PhoneGap/Cordova でも 加速度計(*) カメラ(静止画)(*) 音/静止画/動画キャプチャー 電子コンパス 接続回線取得 アドレス帳 端末情報 キーや端末、アプリなどのイベント ネイティブのファイルシステムへのアクセス GPS(*) アプリの多言語対応 別ブラウザ 音の再生(*) 通知ダイアログやバイブレーションの制御 起動画面 WebSQL(*) のあたりが出来ます。 (*)のついた項目はそも
PhoneGap 3.3 でAdmobの広告表示する方法 - Qiita
バージョン PhoneGap:3.3.0 Admob SDK のバージョン: GoogleAdMobAdsSdkiOS-6.8.0 Xcode: 5.0.3 Admob SDKのダウンロード Admobに行って、最新のiOS用のSDKをダウンロードしておく。 Admob SDK を Xcode で追加 Admob 公式ドキュメント通りにXCodeで追加する。 Viewの追加の方はしなくてよい Getting Started - Google Mobile Ads SDK — Google Developers ちなみに、上記はXcode 4のスクリーンショットでわかりづらく、Xcode 5 での追加の仕方がすごくわかりづらいです。 どうやったか既にわかりませんが、アプリ名のトップの下に GoogleAdMobAdsSDKというディレクトリを作り、ファイルを入れました。 やることの流れ Ad
Web制作者でもネイティブアプリが作れる！node-webkitを使ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。最近周囲で結婚ラッシュがきており、漠然と焦っています。 さて、私は業務上Node.jsを触ることがあるのですが、今日はnode-webkitで少し違ったNode.jsの活用法をお伝えしていきたいと思います。 node-webkitとは 「node-webkit」はNode.jsとChromiumを利用してネイティブアプリを作ることができる、ランタイム/開発フレームワークです。 ダウンロードは下記よりおこなうことができます。 rogerwang/node-webkit – GitHub https://github.com/rogerwang/node-webkit HTML/CSS/JavaScriptでアプリを作ることができる HTML/CSS/JavaScriptと聞くと、Webブラウザ上で動作するWebアプリケーションをイメージしますが、node
Onsen UIの舞台裏で働くAngularJSの世界
AngularJS流のデータ／コントローラー／表示の実装方法と、AngularJSのディレクティブによるHTML要素の操作方法、データの追加、AngularJS機能のサービスについて解説する。 ← 前回 連載 INDEX 次回 → 前回は、Monacaで作成した“初めてのOnsen UIアプリ”のファイルの中身を調べ、それをAngularJS流に書き換えた。3回目の今回は、Onsen UIの舞台裏で働くAngularJSの世界に入っていく。 AngularJSはグーグル純正のJavaScriptフレームワークで、モデル、ビュー、コントローラー（MVC）というデザインパターンが採用されている。連載1回目で述べたように、Onsen UIを使ったMonacaアプリでJavaScriptをAngularJS流に記述できるようになると、AngularJSを直接扱わない標準的な方法よりも、アプリの“か
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
Cordovaを用いた開発環境を構築する
本コーナーは、技術評論社発行の書籍『［iOS/Android対応］HTML5ハイブリッドアプリ開発［実践］入門』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『［iOS/Android対応］HTML5ハイブリッドアプリ開発［実践］入門』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 Cordovaは、開発者に最も利用されているハイブリッドアプリ開発フレームワークの1つです。この章では、このCordovaを用いて実際に簡単なiOSアプリとAndroidアプリを開発する手順を紹介します。 具体的には、以下のような順番で解説します。 開発環境を構築する プロジェクトを作成・管理する アプリを開発する Cordovaプラグインを利用する 既存のアプリにCordovaを組み込む 最初に、Cordovaを用いた開
PhoneGap/Cordovaの最新トピック満載！「PhoneGap Day US 2014」イベントレポート
PhoneGap/Cordovaの最新トピック満載！「PhoneGap Day US 2014」イベントレポート 田中 正裕（アシアル株式会社） 2014年10月24日、米サンフランシスコにてPhoneGap Day US 2014が開催されました。3年前から始まった本イベントですが、これまでアメリカではオレゴン州ポートランドで開催されていて、残念ながら参加する機会がありませんでした。今年は同じくサンフランシスコで開催されたHTML5 Dev Conf 2014と同じ週となった関係で、両方のカンファレンスに参加することができました。 HTML5ハイブリッドアプリ開発として幅広く使われているPhoneGapは、またの名を「Cordova」と呼ばれます。CordovaはApache FoundationベースのOSSプロジェクトで、それをAdobeが製品として出している名称がPhoneGapと
エキスパートがぶっちゃけトークで語る「ハイブリッドアプリ開発、ホントのトコロ」
エキスパートがぶっちゃけトークで語る「ハイブリッドアプリ開発、ホントのトコロ」 馬場 美由紀（HTML5 Experts.jp編集部） HTML5を活用したハイブリッドアプリ開発について、Web業界を代表するエキスパート陣が様々な観点からレポートをお届けした「ハイブリットアプリ開発最前線」特集。 最後のレポートは「ハイブリッドアプリ開発、ホントのトコロ」と題し、第48回HTML5とか勉強会「ハイブリッドアプリ開発最新動向」の懇親会で行われたぶっちゃけトーク対談を再現レポートします。 ▲登壇者（左から）：株式会社ニューフォリア 畠田喜丈さん、アシアル株式会社 久保田光則さん、AngularJS Japan User Group管理人 金井健一さん、Google Developer Expert（Chrome）吉川徹さん モデレーター：HTML5 Experts.jp編集長 白石俊平 ハイブリ
iOS(iPhone)環境インストール | PhoneGap Fan
このガイドは、 Apache Cordova のための開発環境セットアップ方法、また Apache Cordova のサンプルアプリの動かし方を解説します。 必要なもの : Xcode 4.3+ Xcode コマンドラインツール Intel ベースの Mac OS X Lion 以上 (10.7+) デバイスへのインストールに必要なもの: Apple iOS デバイス (iPhone, iPad, iPod Touch) iOS デベロッパー証明書 SDK と Apache Cordova のインストール : Mac App StoreからXcodeをインストールします。 Xcode コマンドラインツール (Xcode Preferences -> Downloads -> Components -> Command Line Tools -> Install) をインストールします。 A
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 フォルダーを右クリックし、ビルド・
AngularJS + Onsen UIで始めるPhoneGapアプリケーション
ハイブリッド モバイル アプリ開発フレームワークであるPhoneGapは、 HTML5でアプリを作るための非常に便利なフレームワークです。 カメラや位置情報などネイティブの機能を簡単にJavaScriptから利用できるようになります。 しかしPhoneGapでは、スマートフォンアプリにとってとても重要な、 UIパーツや画面遷移などのインタラクションは提供されていません。 HTML/CSS/JavaScriptでこれらのUI、アニメーションを一から作るのは非常に大変です。 ネイティブと違和感ないデザインや、なめらかな自然な動き、端末毎の差異など気にすることはたくさんあります。 今回ご紹介する、Onsen UI を使用すれば、PhoneGap/Cordovaアプリを飛躍的に改善することができます。 他のフレームワークよりも洗練された柔軟性を持ち、ハイブリッドアプリにおいても、 ネイティブ並みの
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
PhoneGap/Cordova最新の状況についてのまとめ
2013年も残りわずかになって参りました。この記事では、2013年を振り返る意味でも、最近のPhoneGap/Cordova界隈の状況をまとめておきたいと思います。 なお、この記事はHTML5 Advent Calendar 2013 5日目の記事となっています。 さてPhoneGapですが、2013年も例によって怒濤の（後ろを振り返らない感じで）メジャーバージョンアップを毎月のように繰り返してきました。現在の最新安定版は11月末にリリースされたPhoneGap 3.2となっていますが、今年の初頭がバージョン2.3だったことを考えると、相当なスピードと言えそうです。 なお、PhoneGap 3系がリリースされてからは、PhoneGap 2系も平行してメンテナンスが続いているようです。実際に、PhoneGap 3.1のリリースと同時に、PhoneGap 2.9.1という形でメンテナンスリリー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
maezono.info [16]