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

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

Monaca

Monaca + NCMBでタスク管理アプリを作る【その3:タスク登録/編集機能を作る】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回のテーマはタスク管理アプリです。この記事ではタスクの登録および一覧、編集機能を実装します。なおコードはNCMBMania/task_appにて公開しています。

Monaca + NCMBでタスク管理アプリを作る【その2:認証を作る】

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

Monaca + NCMBでタスク管理アプリを作る【その1:仕様と画面の説明】

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

Monaca + NCMBでチャットアプリを作る【その3:チャット画面を作る】

MonacaとNCMBで簡単なアプリを作ってみるハンズオンの資料です。今回のテーマはチャットアプリです。この記事ではチャット画面の実装と、ユーザ一覧画面を実装します。なおコードはNCMBMania/chat_appにて公開しています。

Monaca + NCMBでチャットアプリを作る【その2:認証を作る】

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

Monaca + NCMBでチャットアプリを作る【その1:仕様と画面の説明】

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

Monacaとニフクラ mobile backendを使って勤怠管理アプリを作ろう【その3:データをファイルストアに保存する】

Monacaを使えば、誰でも簡単にスマートフォンアプリが開発できます。さらにそこにニフクラ mobile backendを組み合わせることで、データの保存や認証などのサーバが必要な機能をすばやく追加できます。 この連載記事では業務でよくある勤怠管理(出退勤入力…

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

Monacaを使えば、誰でも簡単にスマートフォンアプリが開発できます。さらにそこにニフクラ mobile backendを組み合わせることで、データの保存や認証などのサーバが必要な機能をすばやく追加できます。 この連載記事では業務でよくある勤怠管理(出退勤入力…

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

Monacaを使えば、誰でも簡単にスマートフォンアプリが開発できます。さらにそこにニフクラ mobile backendを組み合わせることで、データの保存や認証などのサーバが必要な機能をすばやく追加できます。 この連載記事では業務でよくある勤怠管理(出退勤入力…

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用になります。