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

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

管理画面を便利にするGoogle Chrome機能拡張の紹介(データストアでのデータ削除)

f:id:mbaasdevrel:20190619104815g:plain

Google Chromeではセキュリティ強化のため、scriptタグを動的に生成するタイプのブックマークレットは利用できなくなっています。そのため、管理画面を便利にするブックマークレットが各種利用できなくなっています。

そこでGoogle Chrome機能拡張にすることで、ブックマークレット同等の機能を実現しました。今回はデータストアのデータを削除する機能について紹介します。

動作について

動作は次のようになります。機能拡張をインストールしていると、値を消すボタンが表示されます。このボタンを押すと、フォーカスが当たっているフィールドの値が削除されます。

f:id:mbaasdevrel:20190619104815g:plain

これはフォーカスが当たっていれば、文字列や日付、数字、位置情報でも削除できます。上記のアニメーションのようにポインターやリレーションでも削除できます。

利用法

現在はChromeアプリとして登録していないので、自分でインストールする必要があります。まずGitHubリポジトリに移動して、Zipファイルをダウンロードします。ダウンロードしたら解凍します。

f:id:mbaasdevrel:20190613122508p:plain

Google Chromeのメニューで機能拡張を選択します。

f:id:mbaasdevrel:20190613122539p:plain

機能拡張画面でデベロッパーモードにします。

f:id:mbaasdevrel:20190613122609p:plain

そしてパッケージされていない機能拡張を読み込むを選択して、先ほど解凍したフォルダを選択します。

f:id:mbaasdevrel:20190613122710p:plain

うまくいけば機能拡張がインストールされます。

f:id:mbaasdevrel:20190613122723p:plain

制限

この機能拡張は https://console.mbaas.nifcloud.com 以下でのみ動作します。また、処理は値をnullとして更新しています。元々レコードを作成した直後の場合、 (undefined) と出ますが、それとも多少異なるデータ型になります。

この機能は管理画面のAPIを使っていますので、APIコール数を消費しません。また、ACLは無視して処理されます。

ライセンス

ライセンスはMIT Licenseです。依存ライブラリとしてjQuery、FileSaver.jsを使っています(どちらもMIT Licenseです)。

まとめ

機能的にはまだ多くありませんが、これまでに作成したブックマークレットを追加していく予定です。Google ChromeでmBaaSの管理画面を利用されている方はぜひお使いください。

NCMBMania/chrome-extension

中津川 篤司

中津川 篤司

NCMBエヴァンジェリスト。プログラマ、エンジニアとしていくつかの企業で働き、28歳のときに独立。 2004年、まだ情報が少なかったオープンソースソフトの技術ブログ「MOONGIFT」を開設し、毎日情報を発信している。2013年に法人化、ビジネスとエンジニアを結ぶDXエージェンシー「DevRel」活動をスタート。