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

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

javascript

JavaScriptにおけるasync/awaitの書き方

先日、スクリプト機能がバージョンアップしてNode.jsが8.11.3を選択できるようになりました。この8系以降の特徴として、async/awaitに対応したという点があります。async/awaitはJavaScriptの非同期処理を同期処理のように書ける記法になります。コールバッ…

JavaScriptのクラスを動的に作成する

現在、非公式のReact Native SDKを作っているのですが、公式JavaScript SDKがES5ベースで作られているのに対して、React Native SDKはTypeScript/ES6ベースになっています。 一番大きな違いとしてはクラスを使って構築されていることです。その動作差異で苦…

データクラスのエクスポート用アプリを作成しました

データクラスのエクスポートを自動化する方法を紹介しましたが、担当者が日々手動で実行すれば十分といった規模の場合もあるでしょう。そこでHTML5でデスクトップアプリケーションが作れるElectronを使ってエクスポート機能を持ったアプリを作成しました。

mBaaSを使ってWebアプリケーションを作ろう

数年前、Node.jsやExpressに注目が集まった際によく言われてたのがMEANスタックです。それまでのLAMPスタックに対抗するもので、M(MongoDB)E(Express)A(Angular)N(Node.js)でWebアプリケーションを構築します。 今回の新しいmBaaSの使い方として、mB…

ncmb-cliがデータストアのエクスポートに対応しました

JavaScript SDKを使ったmBaaSのコンソールベースの操作ツール、ncmb-cliでデータストアのCSVエクスポートに対応しました。機能としては先日紹介したデータストアをファイルストアにエクスポートするスクリプトを作成しましたをベースに、CLIで使えるようにし…

mBaaSを使ってブログを作る(その1)「投稿&一覧表示」

mBaaSというとモバイルアプリ向けというイメージが強いですが、それ以外の用途でも利用できます。例えばmBaaSのデータベースにはMongoDBが採用されており、実際その操作もMongoDBのオペランドが利用できるなど、近いものがあります。 MongoDBを使ったWebアプ…

ES6でスクリプトを書こう

JavaScriptには幾つかのバージョンがあります。現在よく知られているのはECMAScript5です。そして、モダンなWebブラウザで実装が進められているのが次期バージョンであるECMAScript2015(ES6)と呼ばれるバージョンです。Node 6.x系がES6に対応しているので…

スクリプトでmBaaSを拡張してみよう

スクリプト機能を使う基礎を紹介します。

ファイルストアのファイルを一括ダウンロードするブックマークレットの紹介

アップロードされたファイルストアからまとめてファイルをダウンロードできるブックマークレットを作成しました。

会員管理で追加した情報を取得する方法

会員管理機能を使うと簡単にユーザIDやメールアドレスを使った認証やFacebook/Twitter/Google+を使ったソーシャルログイン機能を実装できます。 会員クラスではメールアドレスやユーザIDの基本的な情報しか用意していません。それ以外の項目は開発者が自由に…

NCMBクライアントがデータストア検索に対応しました

非公式ではありますがCLIでmBaaSの操作ができるncmbですが、データストアの検索に対応しました。

JavaScript SDKを使ってスクリプト機能を呼び出す

先日リリースされたスクリプト機能はiOS/Android/Unity/JavaScript SDKそれぞれがすでに対応しています。今回はJavaScript SDKからの使い方、スクリプト機能の使い方例を紹介します。 インストールについて スクリプト機能はバージョン2.1.0以降が対応してい…

RSSフィードをmBaaSに登録するデモスクリプトを作ってみました

mBaaSを経由してアプリへ配信する方法です。この場合、アプリ側ではSDKを使って簡単にデータを取得できたり、絞り込みや検索を行うこともできます。今回はJavaScript SDKを使って任意のフィードをmBaaSに登録するスクリプトを作ってみました。

ポインターを使ってフォロー/フォロワーの仕組みを構築する

データストアは任意のデータを保存できるようになっています。数字やテキスト、真偽値、位置情報などはもちろんのこと、他のデータストアのクラスをポインターとして保存することでオブジェクト同時の関連を表現できるようになっています。今回はそんなポイ…

ニフティクラウド mobile backend用ライブラリの紹介

ニフティクラウド mobile backendでは各種プラットフォーム向けにSDKを提供しています。そして先日、Android SDK ver. 2.0がオープンソース化したことで全公式SDKがオープンソース化しました。 今回はそんな公式SDKとコミュニティで作られているサードパーテ…

Web技術でネイティブアプリ風にするJavaScriptライブラリまとめ

HTML5/CSS/JavaScriptを使ってハイブリッドアプリを開発するCordovaやそれを使ったMonacaアプリを開発する際に使えるJavaScriptライブラリをそろえました。これらを使うことで、Webアプリケーションからよりネイティブアプリ風な操作が実現できるはずです。 …

JavaScriptでスマートフォンアプリが作れるプラットフォームまとめ

スマートフォンアプリを開発する際にiOSであればSwiftやObjective-C、AndroidならJavaを覚えないといけないと思いがちです。しかし代替言語になるものはRuby、C#などいくつもあります。今回はその中でも最も選択肢が多いと思われるJavaScriptを使ったアプリ…

ハイブリットアプリにも。JavaScript SDKまとめ

ニフティクラウド mobile backendではJavaScript SDKを提供しており、Monacaでプッシュ通知を含めたアプリ開発に役立てることができます。さらにnode.js向けに使えばIoTデバイスでもBaaSの機能が利用できます。 今回はそんな各サービスがリリースしているJav…

スマホアプリをWeb技術で作るためのフレームワークまとめ

スマートフォンアプリを開発しようと思ったらObjective-CやSwift、Javaといった言語を使って開発するのが一般的です。しかし異なるデバイスに対して複数の言語を覚えなければならないので、コストが大きくなってしまいます。 そこでたびたび使われるのがHTML…

Monaca公式ガイドブックに掲載されているハイブリッドアプリをニフティクラウド mobile backendに対応させてみよう

MonacaよりクラウドでできるHTML5ハイブリッドアプリ開発という公式本が出版されました。Monacaの使い方、Onsen UIを使ったハイパフォーマンスな開発手法を細かく説明しているガイドブックになります。 そこで今回は書籍に掲載されているサンプルプロジェク…

Webでのゲーム開発に。JavaScript向け物理エンジンまとめ

アクションゲームやパズルゲーム、シューティングゲームの当たり判定など様々なところで使われるのが物理エンジンです。各プラットフォームごとにエンジンが開発されていますが、今回はHTML5/JavaScriptに注目して紹介します。 Box2DJS 有名な物理エンジンで…

Monacaアプリにニフティクラウド mobile backendを接続してみよう

HTML5でiOS/Android、Google Chrome Appsを開発できるMonaca。スマートフォンのWebViewやJavaScriptエンジンが高速化されることで大抵のアプリは十分なパフォーマンスで開発できるようになっています。ニフティクラウド mobile backendはMonacaと連携してお…

Monaca × ニフティクラウド mobile backend でプッシュ通知を無料で送信できます!

HTML5を使ってiOS/Androidなどに対応したスマートフォンアプリを開発できるMonacaにてニフティクラウド mobile backendを使ったプッシュ通知を行うプラグインが標準提供されるようになりました!これにより、これまでニフティクラウド mobile backendのプッ…

スマホサイトアプリ開発高速化JavaScriptフレームワークまとめ

デスクトップ向けのWebサイト開発ではjQuery/Backbone.js/AngularJS/Ember.jsなどを採用するケースが多いのかなと思います。しかしスマートフォン、タブレット向けのWebサイトとなるとまた勝手が違います。 特にUI周りの取り回しであったり、タッチ/マルチタ…

Monaca × ニフティクラウド mobile backendによるWeb技術でのスマホアプリ開発(認証編)

MonacaというのはHTML5/JavaScriptを使ってiOS/Androidアプリを開発できるサービスです。これまで慣れ親しんできたWeb技術を使ってネイティブアプリが開発できます。 しかし、これまでサーバサイドありきで開発してきたWebシステムだけに、スマートフォンア…

署名をサーバで行えばニフティクラウド mobile backendをWebアプリでも使えます

ニフティクラウド mobile backendではiOS/Android/JavaScript SDKを提供しています。いずれのSDKにおいてもアプリケーションキーとクライアントキーの2つでアクセスする仕組みになっています。 そのためWebアプリケーションではHTMLまたはJavaScriptソース中…

Monaca × ニフティクラウド mobile backendによるWeb技術でのスマホアプリ開発(Todoアプリ編)

MonacaというのはHTML5/JavaScriptを使ってiOS/Androidアプリを開発できるサービスです。これまで慣れ親しんできたWeb技術を使ってネイティブアプリが開発できます。 しかし、これまでサーバサイドありきで開発してきたWebシステムだけに、スマートフォンア…

Monaca × ニフティクラウドmobile backendでさくっと作るスマホアプリ

iOSアプリを開発するならObjective-C、Androidアプリを開発するならJavaを覚えるのが基本です。しかしこれらの言語を覚えたとしても作れるのはどちらかのアプリだけで、両方のプラットフォームにアプリを提供したいと思ったら片手落ちです。 それを解決して…