backend(mBaaS)。TipsMonacaを使うとiOS/Android(さらにChromeアプリも)の両方で動作するハイブリッドアプリが手軽に作成できます。backendを組み合わせることでデータをサーバ上に保存したり、それを検索するのがサーバサイドのコードなしで実現できます。backendをいかに組み合わせるかについて紹介しましたが、今回は一からアプリを作ってみます。題材としては位置情報検索を使ったチェックイン風アプリになります。backendのアカウント(無料)ベースになるソースコード今回は全くのゼロからではなく、既にGitHubにて公開されているソースコードをベースにします。NIFTYCloud-mbaas/LocationDemoこちらのソースコードをダウンロードしてください。管理画面にログインして新しいアプリを作成してください。作成した後に表示されるアプリケーションキー、クライアントキーをメモしておいてください。Monacaにて新しいアプリを作成Monacaにログインしてプロジェクトの作成ボタンをクリックしてください。今回は最小限のテンプレートを選択します。IDEを立ち上げます。IDEが立ち上がったら、画面下にあるWebDAVのURLをコピーします。これを使えばMonacaプロジェクトのファイルをエクスプローラーやFinderからアップロードできます。OSXから接続しました。WebDAVサーバへの接続自体については説明を割愛します。以外のファイルをコピー&ペーストでコピーします。compornentsをコピーしないのはMonaca上の標準ライブラリがアップデートしていた場合にバージョンが古くなってしまうのを避けるためです。JS/CSSコンポーネントの追加と削除を選択します。UIを有効にしてください。backendでアプリケーションを作成した際に生成されたアプリケーションキー、クライアントキーに差し替えてください。GitHubにあるコードはチェックイン情報の保存処理がされていませんので、savePostを以下のように修正します。option);}これで準備は完了です。デバッガーが備わっています。Android版が用意されていますので必要な方をダウンロードしてください。アプリは起動後、MonacaのユーザIDとパスワードを使ってログインする必要があります。チェックイン風アプリを起動すると次の画面が表示されます。スポットを登録ボタンを押すと、初回時は位置情報を取得することに対するパーミッションが求められます。後はスポット名を登録するだけです。スポットを登録すると自動的に前の画面に戻ります。検索ボタンを押すと現在の位置情報付近にあるスポット情報が一覧になって返ってきます。ここから発展させて、ログインの仕組みを作ったり、さらに細かくスポット情報を登録できても面白そうです。アプリをカスタマイズしてみてください。backen...2016-01-14Monacaで作ったゲームにランキング機能を追加してみようランキング機能を実装してみたいと思います。Service)とは、スマートフォンアプリでよく利用される汎用的な機能をSDKとクラウドから提供するサービスです。backendのちょっと便利な使いかた・非公式SDKやアプリ開発の関連情報などをお届けするブログです。※記事内には、サポート対象外の内容も含みます。本ブログではコメント機能を公開しておりません。アプリ開発を行う上での課題解決には、ユーザーコミュニティやもくもく会などもご活用ください。LIMITEDスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。