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

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

Monaca

MonacaアプリでWebAssembly版NCMBを使うには

Monacaはハイブリッドアプリ開発PFであり、開発はHTML/JavaScript/CSSで行います。そのため、アプリはストアでリリースされたものであってもソースが閲覧できる状態になっています。防ぐためにはエンタープライズプランで提供されるアプリのロジック暗号化プ…

MonacaがPWAに対応したので試してみる

最近PWAという技術ワードに注目が集まっています。PWAとはProgressive Web Appの略で、スマートフォンやタブレット向けのWebアプリケーションをより、ネイティブアプリのようにしていくためのベストプラクティスを呼びます。大きく分けて以下の技術要素にな…

Onsen UI用のmBaaS認証ライブラリの紹介

Onsen UIはハイブリッドアプリを作るのに最適なUIライブラリです。多数のコンポーネントが用意されており、複雑な画面でも簡単に定義することができます。 そこで今回はOnsen UI用の認証画面ライブラリを作ってみました。まずはVue.js用になります。

Onsen UI × Vue × mBaaSでカンファレンスアプリを作る(その4)

前回に続いてカンファレンスアプリを作っていくチュートリアルです。アプリができあがった暁には実際にリリースしますのでお楽しみに! 今回はアプリと言えばプッシュ通知、ということでプッシュ通知を組み込んでみます。

近日公開『mBaaSマスター育成有償講座』開講のお知らせ

mBaaSユーザーの皆様、こんにちは。セミナー担当している池田ですヽ(•̀ω•́ )ゝ✧ mBaaSの使い勝手はいかがですか? まだまだ知らない機能や 実は使っている機能でも半分も使いこなせてないなんてこともあるかもしれません。 もっともっとmBaaSを知っていただ…

Monacaアプリでスクリーンショットを撮ってファイルストアにアップロードする

アプリで操作中の画面を残しておきたいと思うことがあります。Monacaアプリであれば専用のプラグイン、gitawego/cordova-screenshot: screenshot plugin for cordova/phonegapがあります。今回はこのプラグインを使って取得したスクリーンショットをファイル…

Cordova 6.5に対応しました

MonacaがCordova 6.5に対応したのを受けて、Monaca/Cordovaのプッシュ通知用プラグインもCordova 6.5に対応しました。 NIFTYCloud-mbaas/monaca_push_plugin: Monaca push plugin 使い方は特に変わりません。下記のコードでデバイストークンの取得およびデー…

NCMB と Monaca について学べる勉強会を大阪にて開催しました

先日、大阪にて NCMB × Monaca による勉強会を開催しました。こちらはそのレポートになります。 大阪開催!Monaca × NCMB勉強会 - connpass 参加者は30名超 参加者の方が勉強会に飢えているんです、と仰るほど大阪であっても勉強会の頻度は多くないそうです…

テクニカルサポートに寄せられる質問例(Monaca編)

mBaaSではExpertユーザ向けにテクニカルサポートを提供しています。日々多くの質問が寄せられていますが、実際に使っている方でないと、どういった質問をしていいのか分かりづらいかも知れません。 そこで実際にテクニカルサポートに寄せられる質問の中で、…

Monacaでリッチプッシュを使ってみる

プッシュ通知は主に3つの種類があります。 起動を促す 新しく発生したイベントを知らせる 新しいキャンペーンを知らせる 起動を促す場合、アプリを起動した時に表示するのは標準の画面になるでしょう。これはしばらく起動していなかったユーザに対して有効で…

Monacaで画像アップロード/ダウンロードを行うには

スマートフォンアプリとして写真を扱いたいと思う人は多いかと思います。JavaScript SDK v2.1.1よりWebブラウザでもファイルストアへのアップロードが行えるようになり、Monacaアプリで写真のアップロード/ダウンロードができるようになりました。そこで今回…

JavaScript SDKバージョンアップのお知らせ

JavaScript SDK v2.1.3がリリースされました。今回の大きな変更として、iOS 10上でMonacaを使っている際のシグネチャエラーになる不具合が修正されています。シグネチャ生成部分なので、多数のアプリで影響が出ているかと思います。アップデートをお願いしま…

Monaca/Cordovaアプリでのアプリケーションキー/クライアントキーの隠し方

Monacaアプリを作っていて気になるのはJavaScript SDKのアプリケーションキー、クライアントキーをソースコード中に書かなければならないことではないでしょうか。そのため、利用に際して二の足を踏んでしまっていたケースがあるかと思います。MonacaのCordo…

Monacaアプリ開発!mBaaSでアプリにプッシュ通知を組み込もう!

Monacaからアプリにプッシュ通知を組み込むサンプルアプリを紹介します!チュートリアル形式で簡単にプッシュ通知が体験できますので、ぜひお試しください!

Monacaアプリ開発!mBaaSを使ってログイン機能を簡単実装しよう!

Monacaでアプリにログイン機能を組み込むサンプルアプリを紹介します!チュートリアル形式で簡単にログイン機能の実装が体験できますので、ぜひお試しください!

もくもく会5回目やりました~☆

6月29日に第5回mBaaSもくもく会-mBaaSxMonaca-イベントの報告です!

Monacaで作ったゲームにランキング機能を追加してみよう

ランキング機能を実装してみたいと思います。題材として使うのはMonacaのサンプルプロジェクトにあるブロック崩しになります。これをベースにすることで、ランキング機能だけを手軽に実装できます。

「データ集約ビジネスから生まれたアイディア」ルーターがゲームイベントアプリを作った訳

日本ではカジュアルゲームが人気です。パズル&ドラゴンズ、モンスターストライク、魔法使いと黒猫のウィズなど誰もが一度は遊んだことがあるのではないでしょうか。そうしたゲームでは不定期にイベントが実施されます。別なゲームやアニメなどとのコラボレー…

知識ゼロから始めるHTML5ハイブリッドアプリ開発

これからアプリ開発に挑戦しようとしている開発者の方を対象に、HTML5ハイブリッドアプリに関する基本的な知識を解説したうえで、Monaca×ニフティクラウドmobile backendを使ってHTML5ハイブリッドアプリ開発を始めるためのファーストステップをご紹介します…

Monaca × mBaaSで良くある質問にお答えします

私たちのニフティクラウド mobile backendはHTML5/JavaScriptでiOS/Androidアプリが開発できるMonacaと連携しており、開発したアプリに手軽にサーバサイドの機能が実装できるようになっています。手軽とは言え、実装していく中では様々な問題が発生します。…

8月6日、京都にてmBaaSハンズオンを開催します!

8月7、8日にオープンソースカンファレンス2015 Kansai@Kyotoが開催されるのに合わせて、その前日8月6日に京都のコワーキングスペース coto にてmBaaSハンズオンを行います!ぜひ京都、関西にお住まいの方々ご参加ください! ニフティクラウドmobile backend …

Monacaアプリにも!Web Font/SVG/CSSアイコンまとめ

スマートフォンはどんどん高解像度化しており、画像リソースはどんどん大きくなっています。それだけアプリが肥大化してしまうと利用するユーザもダウンロード待ちに疲れてしまうでしょう。 そこで代替手段になりえるのがWeb FontやSVGアイコン、そしてCSSフ…

簡単にできます!Monacaアプリにプッシュ通知を実装しよう

アプリのアクティブ率を高めたり、キャンペーンなどを活性化するためにはプッシュ通知機能が欠かせません。それはMonacaアプリについても同様で、アプリを開発したら、次に欲しくなる機能にプッシュ通知があがってくるはずです。 とはいえスマートフォンの中…

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

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

Webでもアプリでも使えるJavaScript製RPGエンジンまとめ

スマートフォン向けにドラゴンクエスト、ファイナルファンタジーがリリースされるなど、RPGゲームはその世界観やキャラクターデザインがマッチすると根強い人気を持てるようになります。また、継続して長い間遊んで貰えるのも大きな特徴です。 そこで今回はJ…

Monaca × ニフティクラウド mobile backendでチェックイン風アプリを作ってみよう

Monacaを使うとiOS/Android(さらにChromeアプリも)の両方で動作するハイブリッドアプリが手軽に作成できます。さらにニフティクラウド mobile backendを組み合わせることでデータをサーバ上に保存したり、それを検索するのがサーバサイドのコードなしで実…

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のプッ…

ワンソースマルチデバイス対応アプリ開発サービス/フレームワークまとめ

複数のデバイスに対応したアプリを開発しようと思うと、複数のプログラミング言語を覚えるのが基本になります。しかしそれが障壁となって、異なるデバイスへのアプリ展開ができないのは勿体ないです。 そこで今回はワンソース(一つのプログラミング言語のソ…

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

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