ニフクラ mobile backend（mBaaS）お役立ちブログ

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

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

出退勤アプリ データストア Monaca 技術情報 ハンズオン

f:id:mbaasdevrel:20200915154903p:plain

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

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

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

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

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

続きを読む

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

技術情報 ハンズオン Monaca 出退勤アプリ

f:id:mbaasdevrel:20200915123844p:plain

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

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

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

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

続きを読む

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

プッシュ通知 Expo ReactN 技術情報

f:id:mbaasdevrel:20180306160753p:plain

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

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

続きを読む

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

プッシュ通知 デバイストークン 技術情報 ReactNativeSDK

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系の使い方【データストアの検索】

技術情報 ReactNativeSDK

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系の使い方【データストアの保存・更新・削除】

技術情報 ReactNativeSDK

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系の使い方【ロールの使い方】

技術情報 権限管理 ReactNativeSDK

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系の使い方【認証の使い方】

技術情報 ReactNativeSDK 会員管理

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認証の使い方）

SNS認証 Facebook

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

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

続きを読む

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

SNS認証 Twitter

f:id:mbaasdevrel:20201022153722p:plain

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

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

続きを読む

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

技術情報 JavaScript SDK ハンズオン カメラメモアプリ Monaca ファイルストア

f:id:mbaasdevrel:20201204215026p:plain

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

続きを読む

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

技術情報 Monaca JavaScript SDK ファイルストア ハンズオン カメラメモアプリ

f:id:mbaasdevrel:20201204214642p:plain

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

続きを読む

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

技術情報 Monaca JavaScript SDK ハンズオン ファイルストア カメラメモアプリ

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

続きを読む