MonacaはこれまでWeb IDEを使ってWebブラウザ上で開発するスタイルが基本でした。WebDAVも提供はしているものの、修正したらオンラインのMonaca上に反映して、それを手元のスマートフォンでデバッガーを通して確認するという流れだったと思います。 つまりこのような形です。
Monacaでのアプリ開発をローカルで可能にする「Monaca Localkit」ベータ版の紹介
MonacaはこれまでWeb IDEを使ってWebブラウザ上で開発するスタイルが基本でした。WebDAVも提供はしているものの、修正したらオンラインのMonaca上に反映して、それを手元のスマートフォンでデバッガーを通して確認するという流れだったと思います。 つまりこのような形です。
Monaca公式ガイドブックに掲載されているハイブリッドアプリをニフティクラウド mobile backendに対応させてみよう | BACKEND AS A SERVICE mbaas BLOG
MonacaよりクラウドでできるHTML5ハイブリッドアプリ開発という公式本が出版されました。Monacaの使い方、Onsen UIを使ったハイパフォーマンスな開発手法を細かく説明しているガイドブックになります。そこで今回は書籍に掲載されているサンプルプロジェクトの中から、バーコードスキャナにニフティクラウド mobile backendの機能を追加してみたいと思います。必要なもの MonacaのmBaaSお役立ちブログ トップ> ブログ> Tips> Monaca公式ガイドブックに掲載されているハイブリッドアプリをニフティクラウド mobile backendに対応させてみよう MonacaよりクラウドでできるHTML5ハイブリッドアプリ開発という公式本が出版されました。Monacaの使い方、Onsen UIを使ったハイパフォーマンスな開発手法を細かく説明しているガイドブックになります。
AngularJSのバーコードリーダーpluginを作った - ハードコイルド・ワンダーランド
ソースはこちら。 https://github.com/fumitoito/angularjs-barcodeScanner そのうちbowerに公開したいと思います。 経緯 現在、 Monaca というサービスを利用してスマートデバイス向けのハイブリッドアプリケーションを作っています。 MonacaのAssetsである OnsenUI は AngularJS が前提なので、 AngularJS をゴリゴリと利用しながら開発をしているわけです。 で、 AngularJS のngResourceで利用できるPromiseオブジェクトは、普通の非同期関数（たとえば navigator.geolocation や windows.plugins.barcodeScanner など）と合わせて使うと、うまくコールバックできません。 解消するには、それぞれの関数に対するAngularJS wrapp
MonacaでQRコードリーダを作ってみた – BarcodeScannerプラグイン編
こんにちは、浦本です。 Monacaチームではユーザ様のご要望に応じて日々、機能追加を行っています。 先週のデバッガ＆フレームワークの新バージョンリリースでは、 PhoneGapのプラグインであるBarcodeScannerプラグインも搭載しました。 そこで今回は、このプラグインを用いて前回の記事で作成したQRコードリーダアプリと同様のアプリを作成してみたいと思います。 IDEを開いた様子 今回作成するアプリのスクリーンショット アプリ作成手順 Monacaにログイン後、ダッシュボードから新規プロジェクトを作成してください。その際、テンプレートとして「最小限のプロジェクト」を選択してください。 こちらからzepto.min.jsを入手し、それを「www/js」フォルダに配置してください。 以下のHTML、JS、CSSファイルを記述すればアプリ完成です！ 【www/index.html】 メ
Inappbrowserプラグイン - Monacaドキュメント
ref: InAppBrowser ウィンドウへの参照 (InAppBrowser) url: 読み込み対象の URL (String) 。 Unicode 文字が URL に含まれる場合、 encodeURI() を使用して変換します。 target: URL の読み込み先として使用するブラウザーの種別。任意のパラメータです。デフォルトでは、 _self となります。 (String) _self: URL がホワイトリストに載っている場合には、 Cordova WebView で開きます。それ以外の場合には、 InAppBrowser で開きます。 _blank: InAppBrowser で開きます。 _system: システムの Web ブラウザーで開きます。 options: InAppBrowser で使用するオプションです。任意で使用します。デフォルトでは、 location
Onsen UIとjQueryを組み合わせてスマートフォンWebサイト/ハイブリッドアプリを作ろう
Onsen UIはHTML5モバイルアプリを高速化し、かつネイティブアプリのようなUIを提供するフレームワークになっています。技術的にはカスタムエレメントとAngularJSを使って作られていますが、その利用に際してAngularJSの習得が必須という訳ではありません。現在のOnsen UIはAngularJS以外の様々なJavaScriptフレームワークと組み合わせて使えるようになっています。 今回はWeb開発で最も使われているであろうjQueryを使ってOnsen UIの操作を説明したいと思います。 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-ap
チュートリアル (JavaScript) : Monacaでクイズアプリを作る（後半） | ニフクラ mobile backend
概要 前半では、データの保存と会員登録を実装していきました。 チュートリアルの後半では、前半の内容も利用して簡単なクイズアプリを作成していきます。 クイズアプリの機能は以下のとおりです。 クイズに挑戦する クイズを作成する 連続正解数のランキングを表示する（会員登録が必要） クイズの作成・会員登録については前半で実装したデータの保存・会員登録と 同じ内容なため、機能を実装している状態からチュートリアルを開始していきます。 プロジェクトをインポートしてくる すでにクイズの投稿部分と、会員登録・ログイン画面が実装済みの プロジェクトをインポートしていきます。 こちらからzip形式のプロジェクトファイルをダウンロードします。 Monacaの画面にて左上にあるMonacaのロゴをクリックし、「プロジェクトの作成」をクリックすると、 プロジェクトの作成画面が開きます。 右上にある「Import Pr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
