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

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

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

f:id:mbaasdevrel:20201118171226g:plain

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

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

続きを読む

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

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

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

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

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

続きを読む

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

本記事は国産のモバイルアプリ開発ツール「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にて公開しています。

続きを読む

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

f:id:mbaasdevrel:20201119154758p:plain

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

続きを読む

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

f:id:mbaasdevrel:20201015105758p:plain

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

すでにコレクション、プッシュ通知のデータ移行ができるツールはリリースされています。今回はそれ以外のデータについての取り扱いについて解説します。

続きを読む

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

JavaScript SDKのお話なので、主にMonacaやWebアプリ、Node.jsでNCMBを利用する際の注意点になります。

JavaScript SDKはセッション情報をlocalStorage(Node.jsの場合はローカルディレクトリ)に保存します。そうすることで、再度アプリを立ち上げた場合や、二回目以降のアクセス時に再度ログインを行うことなく、認証状態を維持できるようになっています。

この時の注意点を2つほど紹介します。

続きを読む

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

f:id:mbaasdevrel:20200609182129j:plain

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

NCMBMania/ncmb_deno: deno用のSDKです

今回はACLへの対応と、ログイン機能ができたので使い方を紹介します。

続きを読む

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

f:id:mbaasdevrel:20200609182129j:plain

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

NCMBMania/ncmb_deno: deno用のSDKです

今回はデバイストークンの保存や更新に対応したので使い方を紹介します。

続きを読む

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

f:id:mbaasdevrel:20180913163950p:plain

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

しかし、あなたが望んでいないデータが紛れ込んでくる可能性はあります。今回はそうしたデータを除外する方法について紹介します。

続きを読む

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

f:id:mbaasdevrel:20201014164500p:plain

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

今回は少しでも簡略化するために、OAuth2認証プロキシサーバであるPizzlyを使って認証を簡略化してみました。

続きを読む

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

f:id:mbaasdevrel:20200920183600g:plain

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

そこで簡易的にjQuery向けにラッピングして使えるようにしました。

続きを読む