109
91

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

GUIで超直感的にFirestoreのデータ操作ができるfirefooを使った方がいいぞ!

Last updated at Posted at 2021-05-26

こんにちは。virapture株式会社もぐめっとです。
IMG_C6FB3C04768A-1.jpeg
最近ストーリーでボケてみたのですが、このボケに気づいた人が以外に少なくてボケ力の弱さを痛感しました。みなさんはどうツッコみますか?

本日は朝起きたらスーパー便利そうなツイートを見つけたので試しに使ってみたのでみなさんに共有いたします。

firefooとは

簡単にいうとFirestoreを操作できるGUIクライアントなんですが、firebaseのコンソールよりもより使い勝手が良く、sequelproみたいに簡単にデータが操作できるイケイケツールです。
説明するより下記動画を見てもらった方が早いですね。

セットアップ

下記からダウンロードしてインストールします。

使ってみた

起動するとログインを求められるのでログインを行います。

image.png

ログインが成功すると保持しているプロジェクトがずらりと!もうこの時点で便利すぎ。好き。

スクリーンショット 2021-05-27 7.30.14.png

プロジェクトを開くとコレクション一覧が見れます。
image.png

コレクションを選択するとデータの一覧を確認できます。好き。
image.png

データがない場合は右クリックで好きな型で作れます。好き。
image.png

もちろんこのまま入力ができちゃいます。
image.png

ツリー形式で見たり
image.png

JSONでみたりすることもできます。ちゅき。
image.png

検索はGUIベースでもちろん見ることもできますが、
image.png

javascriptで検索もできます。しかもちゃんと補完もききます。ラブ。
image.png

もちろんドキュメントの追加もおてのもの。
image.png
image.png
image.png

そして簡単にexportできちゃいます。
image.png
image.png

importもできちゃいます。萌え死ぬ。
image.png

データがかぶってればいい感じにマージしてくれます。
image.png

意外と使えると思われる機能がこのDuplicate Document。
image.png
Duplicate先を選択すると。。。
image.png
なんと気軽にコピーできちゃいました!これ結構ずっと欲しいっておもってたんですよね。もうこれだけでラブフォーエバー。
image.png

イケてないところ

海外ツールあるあるなのですが、日本語入力途中で変換した値をEnterで確定するとそのままデータ入力も完了してしまいます。。。ここはfirebaseのコンソールも一緒ですね。

ただ、長文を書くときは、Open in JSON Editorを選んでもらって

image.png
エディタでそのまま編集してもらえば変換問題はある程度解決します。
image.png

ただ、そう長文を書くことなんてないんで、できれば表データで完結したいですね。

また、csvのexportはできるのですが、csvのimportにはまだ対応してないです。

-- 2021/06/04追記 --
日本語入力もcsv importも対応されたようです!
-----------追記ここまで------------

サポート

困ったらSupport Chatから開発者に直接問い合わせできます。
image.png

image.png

この辺の導線はすぐに意見を客から集約できるので作りとしてうまいなと思いました。

とりあえず入力問題は送ったら改善するっていってくれたので多分近いうちに改善されます。
image.png

あと、csv import機能についても絶賛開発中なのでこちらも近いうちに追加されると思います。

image.png

-- 2021/06/04追記 --
日本語入力もcsv importも対応されたようです!
-----------追記ここまで------------

また、今後考えてる機能としては下記の機能を考えてるみたいです。

  • collectionのスキーマアナライザー(なに分析するんだろう)
  • エディタで入力してる時にフィールド名を自動補完
  • ダークテーマ
  • firestoreのルールエディタ
  • script / tabの保存
  • 違う言語でのQueryCodeの生成

今後の開発に楽しみしかないですね。サランヘヨ。

金額

金額に関しては月8ドル、45ドルと選択することができます。

今のところは機能の差異はなく、ライセンス数の違いがある程度みたいですね。
ただ、めちゃくちゃfirestoreに関わるもぐめっととしては月8$課金してもいい代物かとは感じています。
仕事道具にお金は惜しみません。それ以上に稼げばいいのです。

まとめ

結論、firestoreを使う上では必須なくらいの超イケイケツールでした!
javascriptでのqueryも使えるのでデータ検索してみてそのまま実装コードにコピペできるのはなかなかいい機能ですね!
今後使い倒していこうと思います!

最後に、ワンナイト人狼オンラインというゲームを作ってます!よかったら遊んでね!

他にもCameconOffchaといったサービスも作ってるのでよかったら使ってね!

また、チームビルディングや技術顧問、Firebaseの設計やアドバイスといったお話も受け付けてますので御用の方は弊社までお問い合わせください。

109
91
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
109
91

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?