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

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

Monacaとニフクラ mobile backendを使って勤怠管理アプリを作ろう【その2:データの保存と表示処理を実装する】

f:id:mbaasdevrel:20200915154903p:plain

Monacaを使えば、誰でも簡単にスマートフォンアプリが開発できます。さらにそこにニフクラ mobile backendを組み合わせることで、データの保存や認証などのサーバが必要な機能をすばやく追加できます。

この連載記事では業務でよくある勤怠管理(出退勤入力)アプリを作るのを目標としています。全部で3回に分けて開設します。

  1. 認証機能を実装する
  2. データの保存と表示処理を実装する
  3. データをファイルストアに保存する

第2回目となる今回はデータの保存と表示処理の実装について解説します。

前回の記事はこちらになります。 Monacaとニフクラ mobile backendを使って勤怠管理アプリを作ろう【その1:認証機能を実装する】

続きを読む

Monacaとニフクラ mobile backendを使って勤怠管理アプリを作ろう【その1:認証機能を実装する】

f:id:mbaasdevrel:20200915123844p:plain

Monacaを使えば、誰でも簡単にスマートフォンアプリが開発できます。さらにそこにニフクラ mobile backendを組み合わせることで、データの保存や認証などのサーバが必要な機能をすばやく追加できます。

この連載記事では業務でよくある勤怠管理(出退勤入力)アプリを作るのを目標としています。全部で3回に分けて開設します。

  1. 認証機能を実装する
  2. データの保存と表示処理を実装する
  3. データをファイルストアに保存する

初回となる今回はベースアプリの紹介と、認証機能の実装について解説します。

続きを読む

Expoアプリのプッシュ通知をNCMBで管理する

f:id:mbaasdevrel:20180306160753p:plain

React Nativeの開発を簡単にしてくれるExpoはプッシュ通知機能を提供しています。手軽に利用できる反面、デバイストークンを管理する場所が別途必要であったり、トークンはExpo独自のものになっており、移行が難しいといった問題があります。

そこで今回はExpoアプリでもNCMBを使ってプッシュ通知を送信できる方法について紹介します。

続きを読む

React Native SDK ver.2系の使い方【Installationとプッシュクラスの使い方】

f:id:mbaasdevrel:20180306160753p:plain

React NativeでmBaaSを使いやすくするReact Native SDKを非公式に開発しています。

NCMBMania/ncmb-react-native: NCMB SDK for React Native

これまでJavaScript SDKに似せる形で開発してきましたが、TypeScriptに沿った形で書くのに限界があったこと、React Native for Webでも使える形にしたかったので、バージョンアップすることにしました。これまでとは互換性はありませんが、より使いやすくなったはずです。

今回はプッシュ通知に関わるInstallationおよびプッシュクラスの使い方について解説します。

続きを読む

React Native SDK ver.2系の使い方【データストアの検索】

f:id:mbaasdevrel:20180306160753p:plain

React NativeでmBaaSを使いやすくするReact Native SDKを非公式に開発しています。

NCMBMania/ncmb-react-native: NCMB SDK for React Native

これまでJavaScript SDKに似せる形で開発してきましたが、TypeScriptに沿った形で書くのに限界があったこと、React Native for Webでも使える形にしたかったので、バージョンアップすることにしました。これまでとは互換性はありませんが、より使いやすくなったはずです。

今回はデータストアの検索について解説します。

続きを読む

React Native SDK ver.2系の使い方【データストアの保存・更新・削除】

f:id:mbaasdevrel:20180306160753p:plain

React NativeでmBaaSを使いやすくするReact Native SDKを非公式に開発しています。

NCMBMania/ncmb-react-native: NCMB SDK for React Native

これまでJavaScript SDKに似せる形で開発してきましたが、TypeScriptに沿った形で書くのに限界があったこと、React Native for Webでも使える形にしたかったので、バージョンアップすることにしました。これまでとは互換性はありませんが、より使いやすくなったはずです。

今回はデータストアの保存・更新・削除方法について解説します。

続きを読む

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

f:id:mbaasdevrel:20180306160753p:plain

React NativeでmBaaSを使いやすくするReact Native SDKを非公式に開発しています。

NCMBMania/ncmb-react-native: NCMB SDK for React Native

これまでJavaScript SDKに似せる形で開発してきましたが、TypeScriptに沿った形で書くのに限界があったこと、React Native for Webでも使える形にしたかったので、バージョンアップすることにしました。これまでとは互換性はありませんが、より使いやすくなったはずです。

今回はロール(グループ)管理の使い方について解説します。

続きを読む

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

f:id:mbaasdevrel:20180306160753p:plain

React NativeでmBaaSを使いやすくするReact Native SDKを非公式に開発しています。

NCMBMania/ncmb-react-native: NCMB SDK for React Native

これまでJavaScript SDKに似せる形で開発してきましたが、TypeScriptに沿った形で書くのに限界があったこと、React Native for Webでも使える形にしたかったので、バージョンアップすることにしました。これまでとは互換性はありませんが、より使いやすくなったはずです。

今回は会員管理(認証)の使い方について解説します。

続きを読む

ソーシャル認証を一括管理する認証サーバを開発中です(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にて公開しています。

続きを読む