ニフクラ mobile backend(mBaaS)お役立ちブログ

スマホアプリ開発にニフクラ mobile backend(mBaaS)。アプリ開発に役立つ情報をおとどけ!

JavaScript SDK

【会員管理・認証】会員情報検索の実装方法

会員管理ではデータストアと同じように検索🔍を行うことができます。 今回は実装方法と注意点をブログにしていきます👌

NCMBとMonaca、Mapbox、国土地理院APIを使った地図メモアプリ(その2:地図の表示とデータ登録)

NCMBにはいくつかの機能がありますが、アプリと親和性の高い機能としてはプッシュ通知と位置情報機能が挙げられます。デバイスから位置情報を取得し、それをマッピングしたり、自分の今いる場所に近い情報を得たりする際にも位置情報検索が利用できます。 今…

NCMBを手軽に試せるプレイグラウンドの紹介【データストア編】

NCMBには多彩な機能があります。データベースのようにデータを保存するデータストア、ファイルを保存するファイルストア、認証、プッシュ通知、スクリプトなどの機能が用意されています。これらの機能を使いこなせば、自由にアプリケーションを拡張できるで…

Monaca + NCMBでタスク管理アプリを作る【その3:タスク登録/編集機能を作る】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回のテーマはタスク管理アプリです。この記事ではタスクの登録および一覧、編集機能を実装します。なおコードはNCMBMania/task_appにて公開しています。

Monaca + NCMBでタスク管理アプリを作る【その2:認証を作る】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回のテーマはタスク管理アプリです。この記事では認証周りを実装します。なおコードはNCMBMania/task_appにて公開しています。

Monaca + NCMBでタスク管理アプリを作る【その1:仕様と画面の説明】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回はタスク管理アプリを作ってみます。初回となる今回はアプリの仕様と画面を説明します。なおコードはNCMBMania/task_appにて公開しています。

Monaca + NCMBでチャットアプリを作る【その3:チャット画面を作る】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回のテーマはチャットアプリです。この記事ではチャット画面の実装と、ユーザ一覧画面を実装します。なおコードはNCMBMania/chat_appにて公開しています。

Monaca + NCMBでチャットアプリを作る【その2:認証を作る】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回のテーマはチャットアプリです。この記事では認証周りを実装します。なおコードはNCMBMania/chat_appにて公開しています。

Monaca + NCMBでチャットアプリを作る【その1:仕様と画面の説明】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回はチャットアプリを作ってみます。初回となる今回はアプリの仕様と画面を説明します。なおコードはNCMBMania/chat_appにて公開しています。

AngularプロジェクトにNCMBを追加する

AngularやReact、VueといったモダンなフレームワークでNCMBを利用する場合、WebPack周りでエラーが出ることがあります。そんな時の対処法を紹介します。

jQueryとJavaScript SDKを使って柔軟性あるフォームを作成する

mBaaSのデータストアの利点はスキーマレスで柔軟に使えることです。あらかじめ項目を設定することなく、項目の増減が簡単にできます。 今回はそんなデータストアの特徴を活かして柔軟性あるフォームを作成してみます。

【JavaScript SDK】セッショントークンが残っている場合の自動ログインとセッション有効期限の延長方法

JavaScript SDK を用いた「自動ログイン処理」の実装方法とセッショントークンの延長方法について解説します。

Monaca + NCMBでカメラメモアプリを作る【その3:写真アップロード/一覧表示/詳細表示を作る】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回はカメラメモアプリを作ってみます。カメラで写真を撮影し、そこにメモ書きを追加して保存しておくというアプリです。この記事ではカメラの処理とメモ書き、そして一覧画面周りを解説しま…

Monaca + NCMBでカメラメモアプリを作る【その2:認証を作る】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回はカメラメモアプリを作ってみます。カメラで写真を撮影し、そこにメモ書きを追加して保存しておくというアプリです。この記事では認証周りを解説します。なおコードはNCMBMania/camera_ap…

Monaca + NCMBでカメラメモアプリを作る【その1:仕様と画面の説明】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回はカメラメモアプリを作ってみます。カメラで写真を撮影し、そこにメモ書きを追加して保存しておくというアプリです。初回となる今回はアプリの仕様と画面を説明します。なおコードはNCMBM…

JavaScriptで作る簡単ファイルアップローダー

Webフォームなどでファイルや画像をアップロードするためのフォームを設置することはよくあります。サーバに送られてきたファイルデータを使ってファイルとして保存したり、加工したりします。ファイルはばいなりなので、その扱いが面倒だったりします。 そ…

Monaca + NCMBで日報アプリを作る【その3:日報登録処理を作る】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回は日報アプリを作ってみます。前回の認証に続けて、今回は日報の登録処理を作ります。なおコードはNCMBMania/daily_reportにて公開しています。

Monaca + NCMBで日報アプリを作る【その2:認証を作る】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回のテーマは日報アプリです。この記事では認証周りを実装します。なおコードはNCMBMania/daily_reportにて公開しています。

Monaca + NCMBで日報アプリを作る【その1:仕様と画面の説明】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回は日報アプリを作ってみます。初回となる今回はアプリの仕様と画面を説明します。なおコードはNCMBMania/daily_reportにて公開しています。

認証後のNCMB JavaScript SDKを使う際の注意

JavaScript SDKのお話なので、主にMonacaやWebアプリ、Node.jsでNCMBを利用する際の注意点になります。 JavaScript SDKはセッション情報をlocalStorage(Node.jsの場合はローカルディレクトリ)に保存します。そうすることで、再度アプリを立ち上げた場合や…

Deno用SDKがTypeScript&Node.jsにも対応しました

機能的にはまだまだ少ないですが、Deno用のSDKを開発中です。 NCMBMania/ncmb_deno: deno用のSDKです このDeno用SDKはTypeScriptで作られています。TypeScriptはJavaScriptのスーパーセットと呼ばれる言語で、JavaScriptに型や便利な機能を追加した言語とな…

ネットワーク処理を伴うループを高速化するには

一覧データを表示したり、さらにそこから関連データを表示する際など、ループ処理(繰り返し処理)の中でネットワーク処理を行うことはよくあります。しかし、各ネットワーク処理が1秒で終わるとしても、10回ループすると10秒かかってしまいます。そうした処…

AWS LambdaとNCMBを組み合わせて使う際に注意して欲しいこと

AWS LambdaはいわゆるFaaS(Function as a Service)と呼ばれるサービスで、PythonやNode.jsなどのコードを必要な時だけ実行できる環境です。サーバを立ち上げることなく、サーバサイドでプログラミングコードを実行できるので便利です。 そんなAWS Lambdaで…

Monaca/CordovaでSign in with Appleを実装する

コロナウイルスの影響もあり、6月末までに延長されていますが、ソーシャルログインを利用しているアプリのSign in with Apple対応が迫られています。ニフクラ mobile backendでもFacebook/Twitter/Google認証を提供しており、それらを使っている方も多いかと…

【短期間でもしっかり基礎からわかる】プログラミング勉強法~モバイルアプリ開発~

2019年10月26日 Monaca UG Conferenceにて登壇いたしました! その際にプログラミングの勉強法についてお話ししましたので、少しご紹介します🎵

【軽量版】JavaScript NCMB SDKでデータを保存する

Java JavaScript SDKでは認証やデータストア、ファイルストアなどmBaaSで提供するすべての機能が利用できます。JavaScript SDKだけを読み込めばいいので手軽な一方、全機能はいらないという方も多いのではないでしょうか。 そこで今回は試しにデータストアの…

【軽量版】JavaScript NCMB SDK

JavaScript SDKでは認証やデータストア、ファイルストアなどmBaaSで提供するすべての機能が利用できます。JavaScript SDKだけを読み込めばいいので手軽な一方、全機能はいらないという方も多いのではないでしょうか。 そこで今回は試しにデータストアの機能…

Herokuを使ってmBaaSを定期実行する

定期的にmBaaSを実行してデータを作成したり、集計したいというニーズはあるかと思います。残念ながら現在のニフクラ mobile backendでは定期実行(タイマー、cronとも呼びます)の仕組みは用意されていません。そこで使ってみたいのが、無料で使えるHeroku…

JavaScript SDKを拡張するNCMB Extendに一括更新メソッドを追加しました

JavaScript SDKはMonacaアプリやコンソールからNCMBを使うのに便利なライブラリですが、機能はごく基本的なものに限っており物足りなさを感じることがあります。 そこで非公式に作っているのがNCMB Extendです。データストアを拡張して便利なメソッドを追加…

JavaScript SDKのキッチンシンクアプリを作る【Facebook認証編】

キッチンシンクというのは、何かのフレームワークやライブラリがあった時に、その殆どの機能を体験できる仕組みになります。それがあることでフレームワークの全体像が分かったり、何か開発していて困った時に参考とできるコードになります。 元々MonacaとNC…