処理の完了を待ってから次の処理をしたい
今回の問題はデータ取得が非同期のため発生します。 プロミスを使うと、非同期を同期のように処理することができます。 データ取得処理で、成功：resolve、失敗：rejectを呼び出すと、then(成功コールバック,失敗コールバック)の各コールバックを実行します。 今回の場合、resolveで取得したデータを渡し、成功コールバックで受け取り、画面遷移に必要な処理を書けばうまく動作すると思います。 以前はデータ取得処理で$scope.$emitでデータを渡し、$scope.$onで受け取る方法を多用していましたが、あまりにも複雑な処理となるため、上記方法に落ち着きました。 // ng-clickで呼び出す関数 $scope.button1 = function() { getData().then(function(list) { // 取得成功 $scope.list = list; //
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を使ったハイパフォーマンスな開発手法を細かく説明しているガイドブックになります。
簡単にできます！Monacaアプリにプッシュ通知を実装しよう | BACKEND AS A SERVICE mbaas BLOG
アプリのアクティブ率を高めたり、キャンペーンなどを活性化するためにはプッシュ通知機能が欠かせません。それはMonacaアプリについても同様で、アプリを開発したら、次に欲しくなる機能にプッシュ通知があがってくるはずです。とはいえスマートフォンの中だけに留まっていたアプリ開発が、プッシュ通知になるとデバイストークンの管理やプッシュ通知の作成などサーバサイドの開発が必要になってしまいます。そこでニフティクラウド mobile backendを使って手軽に素早くプッシュ通知機能を追加しましょう。アプリのアクティブ率を高めたり、キャンペーンなどを活性化するためにはプッシュ通知機能が欠かせません。それはMonacaアプリについても同様で、アプリを開発したら、次に欲しくなる機能にプッシュ通知があがってくるはずです。 とはいえスマートフォンの中だけに留まっていたアプリ開発が、プッシュ通知になるとデバイスト
チュートリアル : チュートリアルの一覧 | ニフティクラウド mobile backend
位置情報に連動したプッシュ通知を送る(iOS) このチュートリアルでは、iOS8から追加されたLocation Notification機能と ニフティクラウドmobile backendのプッシュ通知・位置情報検索を利用して、 位置情報に連動したプッシュ通知を配信するO2Oアプリを実装していきます。 このプロジェクトは、iOS8で動作させることができます。 チュートリアルを見る ゲームにオンライン機能を追加する（Unity） このチュートリアルでは、ユニティ・テクノロジーズ・ジャパン合同会社の配布するサンプルプロジェクト「2D Shooting Game」をベースに、mobile backendを使ってゲームにオンライン機能を追加する方法を学びます。 チュートリアルを始める前に、必ず下記のリンクからサンプルプロジェクトをダウンロードしてください。ここで配布しているプロジェクトは、前述した
stockcode.info - このウェブサイトは販売用です！ - stockcode リソースおよび情報
このウェブサイトは販売用です！ stockcode.info は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、stockcode.infoが全てとなります。あなたがお探しの内容が見つかることを願っています！
AngularJSの方法でMonacaアプリを作ってみよう（前編）
実践的なMonacaアプリ開発の一例として、オープンデータのWebサービスを使ったアプリの作成方法を説明する。Monacaアプリ開発実践編の第1弾。 ← 前回 連載 INDEX 次回 → 連載最終回の今回（前編・中編・後編の3本）は、インターネット上で公開されている実際のデータを、AngularJSの方法でアプリに取り込み、画面に表示していく。 といっても特別に難しいわけではない。前回学んだAngularJSのデータ／コントローラー／表示とサービスを定型的な書き方で記述するだけだ。 オープンデータとWebサービス 皆さんは恐らくWebサービスというものをご存じだろう。その最たるものが「Google Maps API ウェブ サービス」で、Webページやモバイルアプリなどで幅広く活用されている。 Webサービスには、その時点で最新の情報が入手できるという側面がある。例えばlivedoor天気
お絵描きアプリと画像の保存処理の実装
こんにちは。内藤です。 HTML5でアプリを作成する場合、画像は予め用意されたpngファイルをそのまま表示することが普通で、アプリ側でエフェクトをかけたりすることはあまりありません。けれども、HTML5のCanvasを使うことでアプリ内で画像を作成する機能は作れるので、ここでは作った画像を画像ファイルとして扱い、保存する部分までの実装方法について説明します。 これを応用すれば、アプリで作成した画像をメールで転送したり、サーバーにアップロードしたり、といったことも可能です。 内部的には、JavaScriptでバイナリを扱うArrayBufferオブジェクトが登場しますので、これの使い方も参考にして下さい。 お絵描きの基本機能 まずは、Monacaから最小限のアプリを作り、JS/CSSコンポーネントよりjQuery(Monaca version)を入れておきます。 次のリストによりお絵描き機能
monacaでiPhoneでデバッグしたときに、ステータスバーにかぶる！
こんな感じで… monacaのサポートによると、 ステータスバーの分ずらして画面を描画する ステータスバーを非表示にする Monaca - HTML5モバイルアプリ開発プラットフォーム しかないようです。 "ステータスバーの分ずらして画面を描画する"場合は、 iOS ステータスバー プラグイン - Monacaドキュメント をみながらやるとできそう。 "ステータスバーを非表示にする"方が簡単で、 MonacaSkeleton-info.plistに以下の設定を記入すればよいらしい。 UIViewControllerBasedStatusBarAppearance <true/> UIStatusBarHidden <true/> さて、どっちにしようかな…
Monaca × ニフティクラウドmobile backendでさくっと作るスマホアプリ | BACKEND AS A SERVICE mbaas BLOG
Monacaは当ニフティクラウドmobile backendとシームレスに連携しています。Webサイトを開発したりしたことはあっても、スマートフォンアプリ開発はしたことがない…そんな初心者の方でもすぐに開発がはじめられます。開発環境を準備する必要すらなく、とても手軽にはじめられます！mBaaSお役立ちブログ トップ> ブログ> Tips> Monaca × ニフティクラウドmobile backendでさくっと作るスマホアプリ iOSアプリを開発するならObjective-C、Androidアプリを開発するならJavaを覚えるのが基本です。しかしこれらの言語を覚えたとしても作れるのはどちらかのアプリだけで、両方のプラットフォームにアプリを提供したいと思ったら片手落ちです。 それを解決してくれる技術がHTML/CSS/JavaScriptといったWeb技術でネイティブアプリを作れるフレームワ
Webデザイナーだけど初めてのiPhoneアプリを7日間で開発した手順
初めてのiPhoneアプリを7日間で開発しました。 ウェブサイトの企画・制作が本業の僕にとって、アプリの制作はまったくの未経験。そのくせApp storeでリリースするところまで達成できたのは、 アプリ作成に挑む前の「気持ちの作り方」 技術不足を補ってくれるツール この2つのおかげだと思っています。 アプリの制作に挑戦し、途中で挫折してしまう失敗の原因に多いのは、身の丈に合わない難しすぎるアプリを作ろうとしてしまうことです。 僕の場合は、とにかくアプリを完成させることをゴールとして設定。開発期間を短縮してくれそうなツールがあれば利用することをアリとしました。 その結果、わずか1週間で初めてのアプリの制作を終えられたのです。 アプリをApp Storeからリリースしたことが「ある」と「ない」の差は自分にとっては大きく、ゼロから1にできたことへの達成感は今でも心に残っています。（この記事はアプ
Monacaで作るHTML5/JavaScriptでのハイブリットモバイルアプリ（その1）
本連載では、業務アプリケーション開発を行う熱血若手エンジニアのために、面倒な作業が楽になる便利なツールをご紹介します。「定時になったらスマートに帰社してアフター5を存分に楽しみたい！」や「設計書やレビューの準備に煩わされるのは嫌だ、コーディングに集中したい！」などを実現してくれる便利なツールやソフトウエアを、サンプルコードを交えて説明します。 はじめに 普段、設計書をもとに業務アプリケーションを開発したり、単体テストや連結テストに追われて忙しい日々を過ごしたりしていると、たまには気分転換で、なにかおもしろいモバイルアプリを手軽に作りたいなということはありませんか？ しかし、いざ時間の取れる週末にアプリを作ろうと思ってみたものの、自宅のパソコンに開発環境を用意したり、開発に必要なライブラリなどをダウンロードしたり設定したりしていると、それだけであっという間に時間が過ぎてしまいます。また、An
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ローカルストレージへの撮影画像の保存 | HTML5 cross-platform mobile app development with Monaca
navigator.camera.getPictureでの画像取得とFile APIを利用したAjax送信について | MonacaでHTML5モバイルアプリ開発
ついにリリース。Monacaアプリでプッシュ受信ができるプラグインを試す！ | BACKEND AS A SERVICE mbaas BLOG
Monaca入門：Onsen UI＋AngularJSで作るハイブリッドモバイルアプリ
Monaca × ニフティクラウド mobile backendによるWeb技術でのスマホアプリ開発（Todoアプリ編） | BACKEND AS A SERVICE mbaas BLOG
ons-navigatorをhide-toolbarすると、次画面のons-navigator-toolbarも消えてしまう Monaca - HTML5モバイルアプリ開発プラットフォーム
デフォルトのメモ帳アプリに編集機能をつけるコード Monaca - HTML5モバイルアプリ開発プラットフォーム
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。