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

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

ソーシャル認証を一括管理する認証サーバを開発中です(Facebook認証の使い方)

mBaaSではソーシャルサービスを使った認証機能を提供しています。2021年1月現在、Twitter/Facebook/Google/Appleといったプロバイダーに対応しています。Facebookを除くOAuthサービスプロバイダーでは、自前のサーバを立てて認証を行わなければいけません。

そうした手間を軽減するために、認証サーバを開発しています。今回はFacebook認証の紹介です。

続きを読む

ソーシャル認証を一括管理する認証サーバを開発中です(Twitter認証の使い方)

f:id:mbaasdevrel:20201022153722p:plain

mBaaSではソーシャルサービスを使った認証機能を提供しています。2021年1月現在、Twitter/Facebook/Google/Appleといったプロバイダーに対応しています。Facebookを除くOAuthサービスプロバイダーでは、自前のサーバを立てて認証を行わなければいけません。

そうした手間を軽減するために、認証サーバを開発しています。まずはTwitter認証の紹介です。

続きを読む

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

f:id:mbaasdevrel:20201204215026p:plain

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

続きを読む

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

f:id:mbaasdevrel:20201204214642p:plain

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

続きを読む

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

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

続きを読む

M5StackからNCMBを呼び出す

f:id:mbaasdevrel:20201209145902j:plain

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

続きを読む

AmbientとNCMBを連携させる

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

今回はAmbientとNCMBを連携させる方法を紹介します。

続きを読む

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

f:id:mbaasdevrel:20201118171226g:plain

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

そこでmBaaSを使ってクライアントサイドでファイルをmBaaSにアップロードすれば、サーバに送信するのはファイルのURLだけになります。今回はそんな仕組みを簡単に作る方法を紹介します。

続きを読む

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

f:id:mbaasdevrel:20200818150620p:plain

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

そんなぷよぷよプログラミングで作り上げた作品に、NCMBを使って得点記録(ランキング)機能を追加してみたいと思います。なお、この記事にあたってMonaca(アシアル社)とSEGA社の許可をいただいています。

Monaca Educationは教育関係者でない方でも登録してもいいとのことです。ぜひ皆さんもぷよぷよプログラミングにチャレンジしてみてはいかがでしょうか。

前回の記事ではランキングの保存機能と、順位の取得を行いました。今回は順位だけでなく上位の結果を取得してみます。

続きを読む

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

f:id:mbaasdevrel:20200818150620p:plain

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

「ぷよぷよプログラミング」は、プログラミングを学ぶ上での基本である写経を徹底するスタイルで、かなりストイックなチャレンジとなっています。ぜひ皆さんもぷよぷよプログラミングにチャレンジしてみてはいかがでしょうか。

※本記事執筆にあたり、Monaca(アシアル社)とセガ社の許可をいただいています。

続きを読む

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

f:id:mbaasdevrel:20200920182514p:plain

機能的にはまだまだ少ないですが、Deno/TypeScript用のSDKを開発中です。TypeScriptで作られており、VueやReact、Angularとの組み合わせでも利用できます。

NCMBMania/ncmb_deno: deno用のSDKです

今回はメールアドレス認証やパスワードリマインダーに対応したので、その使い方を紹介します。

続きを読む

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

f:id:mbaasdevrel:20201119154758p:plain

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

続きを読む