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

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

技術情報

React Native SDK ver.2系の使い方【ロールの使い方】

React NativeでmBaaSを使いやすくするReact Native SDKを非公式に開発しています。 NCMBMania/ncmb-react-native: NCMB SDK for React Native これまでJavaScript SDKに似せる形で開発してきましたが、TypeScriptに沿った形で書くのに限界があったこと、Reac…

React Native SDK ver.2系の使い方【認証の使い方】

React NativeでmBaaSを使いやすくするReact Native SDKを非公式に開発しています。 NCMBMania/ncmb-react-native: NCMB SDK for React Native これまでJavaScript SDKに似せる形で開発してきましたが、TypeScriptに沿った形で書くのに限界があったこと、Reac…

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

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

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

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

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

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

M5StackからNCMBを呼び出す

M5Stackというのは最近注目されているIoTデバイスです。ESP32をベースとして、SDカードスロットやボタン、USB、Groveコネクタがあらかじめ追加されています。ディスプレイもあるので、データを表示するのも簡単にできます。今回はM5StackとNCMBを連携させる…

AmbientとNCMBを連携させる

AmbientはIoTのデータを簡単に可視化してくれるサービスになります。キーを発行し、データを送信するだけでグラフがどんどん表示されていきます。AmbientのデータはIoT機器から発信するだけなのが基本ですが、NCMBを使うことでデータを保存しておくこともで…

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

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

ファイルストアから写真一覧を取得して表示する際のTips

ファイルストアにアップロードした写真を画面上に一覧表示したいというニーズはよくあります。今回は表示をなるべく高速化するTipsを紹介します。

プログラミング学習環境「Monaca Education」で話題のぷよぷよプログラミングにランキング機能をつけよう!【後編】

プログラミング学習環境である「Monaca Education」でぷよぷよをプログラミングできる「ぷよぷよプログラミング」が話題になっています。プログラミングを学ぶ上での基本である写経を徹底するスタイルで、かなりストイックなチャレンジとなっています。 そん…

プログラミング学習環境「Monaca Education」で話題のぷよぷよプログラミングにランキング機能をつけよう!【前編】

本記事は国産のモバイルアプリ開発ツール「Monaca Education」でぷよぷよをプログラミングできる「ぷよぷよプログラミング」に、ランキング機能を追加実装するコンテンツとなります。 「ぷよぷよプログラミング」は、プログラミングを学ぶ上での基本である写…

Deno/TypeScript用SDKでパスワードリマインダー、認証に対応しました

機能的にはまだまだ少ないですが、Deno/TypeScript用のSDKを開発中です。TypeScriptで作られており、VueやReact、Angularとの組み合わせでも利用できます。 NCMBMania/ncmb_deno: deno用のSDKです 今回はメールアドレス認証やパスワードリマインダーに対応し…

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

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

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

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

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

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

MonacaバックエンドでユーザデータをmBaaSへ移行するには

Monacaバックエンドは2021年05月に終了します。それに伴い、データをエクスポートし、別な環境に載せ替えなければいけません。エクスポートデータはNCMBに対応していますので、移行先としてお勧めです。 すでにコレクション、プッシュ通知のデータ移行ができ…

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

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

Deno/TypeScript用SDKでACL、ID/パスワード認証に対応しました

機能的にはまだまだ少ないですが、Deno/TypeScript用のSDKを開発中です。TypeScriptで作られており、VueやReact、Angularとの組み合わせでも利用できます。 NCMBMania/ncmb_deno: deno用のSDKです 今回はACLへの対応と、ログイン機能ができたので使い方を紹…

Deno/TypeScript用SDKでデバイストークンの保存、更新に対応しました

機能的にはまだまだ少ないですが、Deno/TypeScript用のSDKを開発中です。TypeScriptで作られており、VueやReact、Angularとの組み合わせでも利用できます。 NCMBMania/ncmb_deno: deno用のSDKです 今回はデバイストークンの保存や更新に対応したので使い方を…

他人の不要なデータが紛れ込まないようにフィルタリングする方法

mBaaSのデータストアではACLを使ってデータの利用を細かく制限できます。自分や友達だけ閲覧や書き込み許可すれば、他人からそれらのデータにアクセスされることはありません。 しかし、あなたが望んでいないデータが紛れ込んでくる可能性はあります。今回は…

Pizzlyを使って認証を統合する

NCMBではソーシャル認証を提供しています。対応しているのはTwitter/Facebook/Google/Appleとなっています。しかし、この手のOAuth2認証では、何らかのサーバサイドがなければいけません(Facebook除く)。mBaaSでも、そうしたサーバの用意が必須になってい…

Web/Monaca用認証モーダルをjQueryライブラリ化する

先日紹介したWeb/Monaca用の認証モーダルですが、外部ライブラリへの依存性がなく、自由にライブラリと組み合わせて利用できます。しかし、世の中にはまだまだjQueryが数多く使われており、利用している人も多いでしょう。 そこで簡易的にjQuery向けにラッピ…

CSVでデータ移行できるツールを開発しました

先日Monacaバックエンドが終了するのに伴い、Monacaバックエンドのエクスポートデータを移行できるツールを開発しました。こちらはJSONから移行できるツールですが、CSVデータをインポートできるツールが欲しいという声も強かったので、同様のツールを開発し…

C#用NCMB SDK(非公式)の使い方(権限管理の使い方)

XamarinはC#を使ったクロスプラットフォームなスマートフォンアプリ開発環境です。最近、コロナウイルス追跡アプリを作ったフレームワークとして注目されるようになりました。 NCMBではC#を使った開発環境としてUnityに対応していますが、あれはiOS/Android …

C#用NCMB SDK(非公式)の使い方(会員登録/ログイン)

XamarinはC#を使ったクロスプラットフォームなスマートフォンアプリ開発環境です。最近、コロナウイルス追跡アプリを作ったフレームワークとして注目されるようになりました。 NCMBではC#を使った開発環境としてUnityに対応していますが、あれはiOS/Android …

Monacaバックエンドからのニフクラ mobile backendへの移行ツールを開発しました

MonacaはHTML5やJavaScript、CSSでスマートフォンアプリを開発できるプラットフォームです。そんなMonacaではニフクラ mobile backendと同じようなバックエンドサービス「Monacaバックエンド」を提供してきました。 10月05日に正式リリースがありましたが、M…

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

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

mBaaSを簡単に使えるUIコンポーネントの紹介(認証モーダル)

UnityでmBaaSを使っている方の多くがランキングコンポーネントを利用しています。Unityではプレハブと呼ばれる仕組みがあり、まとまった機能を手軽にアプリの中に導入できます。 そのプレハブ同様にWebアプリケーションの中にmBaaSの機能を簡単に組み込めるU…

C#用NCMB SDK(非公式)の使い方(同期処理/非同期処理)

XamarinはC#を使ったクロスプラットフォームなスマートフォンアプリ開発環境です。最近、コロナウイルス追跡アプリを作ったフレームワークとして注目されるようになりました。 NCMBではC#を使った開発環境としてUnityに対応していますが、あれはiOS/Android …

mBaaSでasync/awaitを使って非同期処理を分かりやすく書こう(JavaScript/Monaca編)

WebブラウザのJavaScriptはスレッドが一つしかありません。そのため、処理完了までに時間がかかる動作を行うと、他の動作ができない、いわゆるフリーズした状態になってしまいます。それはとてもUXが悪いです。 その状態を回避するために、非同期処理が生ま…