backend(mBaaS)。Tips最近はWebアプリケーションでローカルのソフトウェアを置き換えてしまおうという試みが多くなっています。画像編集や表計算、ワードプロセッサなど様々にあると思いますが、HTML/JavaScript/スタイルシートだけで作成した場合の問題はデータを保存する場所がないということです。localStrageを使う方法もありますが、容量が5MBまでの制限があったり、他の人とデータ共有できないという問題があります。SDKを組み込めば、それだけでデータをサーバ(mBaaS)に保存できます。今回はその一例としてWebチャットを作ってみました。URLはDropboxのもので、データの保存に際してデータベースを用意していません。もの凄く手軽にWebアプリケーションが作れるようになります。完成ソース完成したソースはGitHubにアップロードしてあります。うまく動かない場合は参考にしてください。動作デモ動作しているデモはこちらで確認できます。URLはDropboxのもので、HTML/JavaScriptのみで動いているのが確認してもらえるかと思います。backendのユーザ登録を行います。アカウントを既にお持ちでしたら飛ばしてください。backendのWebサイトに行きます。ログインボタンをクリックします。すると@niftyのログイン画面が表示されます。@niftyアカウントをお持ちでしたらログインしてください。クリックしてください。こちらは@nifty新規会員登録の画面です。ユーザ名、パスワード、連絡先メールアドレスを入力する必要があります。ボタンをクリックしてください。登録完了するとこのような画面が表示されます。別途入力してもらったメールアドレス宛に確認メールが送信されていますので、メールアドレス確認処理を行ってください。backendへのログインは既に行える状態になっています。初回ログインユーザ登録が終わりましたら先ほどのログインボタンをクリックした画面に戻ります。ボタンをクリックしてください。ログインが成功すると、最初に利用規約が表示されます。ボタンをクリックしてください。アカウント登録が終わるとそのままアプリの新規作成画面になります。アプリ名として使えるのは半角英数字またはアンダースコア(_)になります。今回はNCMBTodoとしています。ボタンをクリックしてください。このキーは後で使いますので画面はこのまま残しておきましょう。中にAPIキーで確認できます。SDKの難点としては、初期化するタイミングでアプリケーションキーとクライアントキーを指定しなければならない点です。これは認証として用いていますので漏洩するのは良くありません。そこでHeroku上にサーバを立てて、署名だけサーバサイドで行うようにします。json["forEncodeString"])).strip()}.to_jsonendソースはこれだけです。http://example-heroku.herokuapp.com/sign{"signature":"sG73G2Yh73BeDKJHeB8qIIRH/k+/4ELaSC0jx+nGt3I="}に署名したい内容を送ると、署名後の文字列を返してくれます。