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

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

ファイルストア

RGPツクールでゲームスクリーンショットをクラウドに保存する

RPGツクールは昔からあるRPGを作成するためのプラットフォームです。MVからHTML5に対応し、Webアプリケーションとしてリリースできるようになりました。RPGツクール最新作であるMZでもそれは変わりません。 今回はそんなRPGツクールMZを使って、NCMBにファイ…

Deno/TypeScript用SDKでのファイルストアの使い方

機能的にはまだまだ少ないですが、Deno/TypeScript用のSDKを開発中です。TypeScriptで作られており、VueやReact、Angularとの組み合わせでも利用できます。 NCMBMania/ncmb_deno: deno用のSDKです 今回はファイルストアの使い方です。ファイルストアを使うこ…

React Native SDK ver.2系の使い方【ファイルストアの使い方】

React NativeでmBaaSを使いやすくするReact Native SDKを非公式に開発しています。 NCMBMania/ncmb-react-native: NCMB SDK for React Native これまでJavaScript SDKに似せる形で開発してきましたが、TypeScriptに沿った形で書くのに限界があったこと、Reac…

ファイルストアで利用できる検索条件について

写真やテキストファイル、動画などをアップロードできるファイルストアですが、ベースはデータストアと同じようなデータ構造です。しかし、データストアで利用できる条件がすべて利用できる訳ではありません。 この記事ではファイルストアで利用できる検索条…

ファイルストア利用時にはファイルサイズに注意しましょう

ファイルストアはプランによってファイル上限サイズが異なります。無料のBasicプランの場合は5MB、有料の場合は100MBまでのファイル制限となっています。 最近のスマートフォンでは写真の解像度が上がっており、5MBを超えるケースも出てきています。その結果…

Unityでファイルストアから画像をダウンロードして表示する

NCMBではユーザコミュニティとして、コーディング中に分からないことがあれば聞ける場所を用意しています。 NIFCLOUD-mbaas/UserCommunity: ニフクラ mobile backend ユーザーコミュニティ 今回はこのコミュニティに寄せられた、ファイルストアから画像デー…

Flutter SDK(非公式)の使い方【ファイルストアの使い方】

FlutterはDartで書かれたフレームワークになります。元々iOSやAndroidといったスマートフォン向けでしたが、今ではWebやWindows、macOSといったマルチプラットフォームで動作します。Flutter/Dartを覚えることで、多くの環境に対してアプリケーション開発が…

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

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

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

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

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

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

JavaScriptで作る簡単ファイルアップローダー

Webフォームなどでファイルや画像をアップロードするためのフォームを設置することはよくあります。サーバに送られてきたファイルデータを使ってファイルとして保存したり、加工したりします。ファイルはばいなりなので、その扱いが面倒だったりします。 そ…

ファイルストアから写真一覧を取得して表示する際のTips

ファイルストアにアップロードした写真を画面上に一覧表示したいというニーズはよくあります。今回は表示をなるべく高速化するTipsを紹介します。

GAS SDKでファイルストアからダウンロードする

Google Apps Scriptがβ版としてv8対応しています。v8版にすると、実行速度が向上するほか、constやasync/awaitといったモダンなJavaScriptで書けるようになります。 しかし、従来のGoogle Apps Script SDKは動作しなくなります。v8版にすると、 ReferenceErr…

Java用NCMB SDKを開発しています(ファイルストアへのアップロード/ダウンロード)

NCMBではJavaを使ったSDKをAndroid SDKとして提供しています。これはデバイストークンの取得機能など、Androidの関連付いて作られています。同じJavaではありますが、サーバサイドで利用することはできません。 ここでは現在開発中のJava用SDK(非公式)の使…

Google App Script用SDKでファイルアップロードに対応しました

Google App ScriptはGoogleスプレッドシートなどで使えるプログラミング言語になります。マクロ的な使い方もできますし、外部サービスと連携したり、GETやPOSTを使ったWeb APIインタフェースを追加することもできます。 Google App Script用SDKはv8エンジン…

ファイルストアからコンテンツを順番にダウンロードする(JavaScript SDK編)

ファイルストアを使うと、アプリ内で用いるリソース(画像、動画、音楽など)を保存しておけます。また、ユーザが写真をアップロードしたり、CSVファイルをアプリ内で作成してアップロードしておく場所としても利用できます。 利用用途として、多くの方が写…

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

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

【もくもく会より】ファイルストアで保存されているデータにメタデータを追加するには

こちらはニフクラ mobile backendで毎月開催しているもくもく会で質問のあった内容から生まれたアイディアになります。 ファイルストアにはアプリで利用する画像や音声ファイルであったり、アプリで撮影した写真やバックアップデータなどを保存できます。し…

ファイルストアでメタデータを扱う方法

ファイルストレージとして便利なファイルストアですが、条件を付けて検索したいと思うことがあります。ファイルストアの検索ではファイル名やmimeType、ファイルサイズなどが指定可能です。 しかし、これだけでは物足りない場合もあるでしょう。そこで使って…

ファイルストア用に画像、CSS、JavaScriptファイルを一つのHTMLにまとめる

手軽にアプリ内で使うファイルをアップロードできて、HTTPSで公開することもできるファイルストアですが、一つ大きな欠点があります。それは階層構造をサポートしないということです。 多くの場合、JavaScriptはjsまたはjavascriptsフォルダに、CSSはcssフォ…

SwiftでNCMBを使う:写真をアップロードする

NCMBのiOS SDKはObjective-Cでできていますが、最近のiOSアプリであればSwiftで開発する方が多くなっているでしょう。そこでSwiftからNCMB SDKを使う方法を紹介します。今回はカメラアプリで撮影したデータのアップロード法です。

プライバシーポリシー対応が必須に。mBaaSのファイルストアを使ってみよう

スマートフォンが生活に欠かせないデバイスになるのに伴ってセキュリティに注目が集まるようになっています。その結果、AppleやAndroidなどのプラットフォームにおいてもセキュリティを重視する動きが出ています。 アプリ開発者にとってもそれは他人事ではあ…

Swiftでファイルストアからテキストファイルをダウンロードする

ファイルストアでは画像ファイル以外のファイルフォーマットも扱えます。利用用途として多いのはCSVファイルなどのテキストファイルではないでしょうか。今回はSwiftでテキストファイルをダウンロード、利用する方法を紹介します。

ファイルダウンロードはAPI経由とHTTPS経由、どちらが速いか

ファイルストアからのデータダウンロードはAPI経由とHTTPS経由の二つがあります。同じ画像があった場合、どちらが速いのか、そして相違点についてまとめてみました。

ファイルストアのHTTPSアクセスとAPIアクセスの違い

ファイルストアでは通常のAPIからのアクセスの他に、HTTPSからファイルへアクセスできる機能を提供しています。この二つの利用法について、相違点を紹介します。

ファイルストアのHTTPS公開機能がETagに対応しました

2018年04月18日の機能追加で、ファイルストアのHTTPSファイル公開機能においてETagがサポートされました。ETagはいわばファイルのキャッシュ機能になります。 ETagのメリットはファイル表示の高速化になります。すでに一度表示した画像であれば、ブラウザの…

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

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

ファイルストアの保存した音楽ファイルを再生するには

ファイルストアのTipsです。 ファイルストアは画像やCSVファイルなど、データベースのように構造的に管理しないデータを扱うのに向いています。例えばアプリでよくあるニーズとして音声データの利用があるかと思います。 今回はファイルストアにアップロード…

【お知らせ】9/21に2時間のシステムメンテナンスがあります

NCMBご利用の皆様にお知らせです。 きたる2017年9月21日(木)14:00から、NCMBのシステムメンテナンスが入ります。 これは非活性メンテナンスと呼ばれる部類のもので、「コントロールパネル」および「スクリプト機能」がご利用頂けません。 http://info.biz.…

Webブラウザでファイルストアにアップロードする

WebブラウザとNode.jsのAPIは多少異なります。JavaScript SDKを使えばほぼどちらも相違なく使えるのですが、ファイルストアへのアップロードは異なりますので注意してください。 今回はテキストデータのアップロード方法について紹介します。 Node.jsの場合 …