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

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

Monaca

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

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

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

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

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

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

プログラミング学習環境「Monaca Education」で話題のぷよぷよプログラミングにランキング機能をつけよう!【後編】

プログラミング学習環境である「Monaca Education」でぷよぷよをプログラミングできる「ぷよぷよプログラミング」が話題になっています。プログラミングを学ぶ上での基本である写経を徹底するスタイルで、かなりストイックなチャレンジとなっています。 そん…

プログラミング学習環境「Monaca Education」で話題のぷよぷよプログラミングにランキング機能をつけよう!【前編】

本記事は国産のモバイルアプリ開発ツール「Monaca Education」でぷよぷよをプログラミングできる「ぷよぷよプログラミング」に、ランキング機能を追加実装するコンテンツとなります。 「ぷよぷよプログラミング」は、プログラミングを学ぶ上での基本である写…

Monaca + NCMBで日報アプリを作る【その3:日報登録処理を作る】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回は日報アプリを作ってみます。前回の認証に続けて、今回は日報の登録処理を作ります。なおコードはNCMBMania/daily_reportにて公開しています。

Monaca + NCMBで日報アプリを作る【その2:認証を作る】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回のテーマは日報アプリです。この記事では認証周りを実装します。なおコードはNCMBMania/daily_reportにて公開しています。

Monaca + NCMBで日報アプリを作る【その1:仕様と画面の説明】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回は日報アプリを作ってみます。初回となる今回はアプリの仕様と画面を説明します。なおコードはNCMBMania/daily_reportにて公開しています。

Web/Monaca用認証モーダルをjQueryライブラリ化する

先日紹介したWeb/Monaca用の認証モーダルですが、外部ライブラリへの依存性がなく、自由にライブラリと組み合わせて利用できます。しかし、世の中にはまだまだjQueryが数多く使われており、利用している人も多いでしょう。 そこで簡易的にjQuery向けにラッピ…

Monacaバックエンドからのニフクラ mobile backendへの移行ツールを開発しました

MonacaはHTML5やJavaScript、CSSでスマートフォンアプリを開発できるプラットフォームです。そんなMonacaではニフクラ mobile backendと同じようなバックエンドサービス「Monacaバックエンド」を提供してきました。 10月05日に正式リリースがありましたが、M…

一つの言語でマルチプラットフォームに対応する言語/フレームワークまとめ

2020年現在、スマートフォンアプリを開発しようと思ったら、そのターゲットとしてはAndroidとiOSの二択になるでしょう。この二つのプラットフォームさえ押さえておけば、他を考えることはまずないはずです。 逆にいうと、二つのプラットフォームへの対応は必…

クロスプラットフォーム環境のアプリ開発を高速化するサービス・ソフトウェアまとめ

iOS/Androidといった異なるプラットフォームに対して一つのコードベースで対応する、いわゆるクロスプラットフォームな開発環境は幾つかあります。ニフクラ mobile backendではよく知られたMonacaはそんなクロスプラットフォームの一つになります。 今回はそ…

【Monaca×NCMB】画像のプレビューを表示&アップロードする方法(もくもく会より)

NCMBでは毎月もくもく会を行っています。今はMonacaとNCMBのもくもく会として、何か困ったことがあればすぐにサポートできるようにしています。 そんなもくもく会でよくある質問を取り上げて記事化します。今回は画像をプレビューで表示して、そのままアップ…

【iOS審査】UIWebViewを利用していると審査に落ちる可能性が出てきています / Monaca

MonacaアプリでInAppBrowserを使う機会は多いですが、標準のまま実行しているとiOSの審査で落ちる可能性があります。今回はその回避策について紹介します。

Monacaでアプリ開発を始めるならこれ!サンプル・チュートリアル記事まとめ

MonacaはHTML5/JavaScript/CSSといったWeb標準の技術でスマートフォンアプリが開発できるプラットフォームになります。最近ではPWAやデスクトップアプリケーションまで開発できるようになっています。 そんなMonacaの使い方、アプリの作り方を学べる記事をま…

SPAJAM2019に参加しました!!

6月8日, 9日の2日間で行われたSPAJAM東京B予選にmBaaSチーム5名で参加しました! mBaaSチーム(ニフクラ mobile backendチーム)でのハッカソンはもちろんのこと、ハッカソン初心者が何名かいる中での挑戦でした! いつもはプラットフォームを提供している私…

Webアプリ/Monacaアプリ開発を高速化するローカルトンネルサービスまとめ

アプリ開発を素早く進めていく上で大事なのは、ミーティングなどの内容を目の前で反映し、動作確認を進めていくというスピード感です。アニメーションなどの動きが肝になるアプリ開発では、持ち帰ってデザインに反映して…といったやり方では遅すぎます。逆に…

★☆3年ぶり★☆岡山情報ビジネス学院の皆さんがFJCTに来社されました!

岡山情報ビジネス学院の皆さんと記念撮影 先日5月31日(木)、専門学校岡山情報ビジネス学院の2年生33名+引率の先生2名が遥々岡山県より3年ぶりに来社されました!約2時間ほどの滞在で、会社やサービス、エンジニアとしての働き方などをご紹介する座学セミ…

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を使っている際のシグネチャエラーになる不具合が修正されています。シグネチャ生成部分なので、多数のアプリで影響が出ているかと思います。アップデートをお願いしま…