I tried CMS "Flamelink" made with Firebase

1. Firebaseで作られたCMS
『Flamelink』を試してみた
株式会社diffeasy
エンジニア 井上奈々
世界中のむずかしいを簡単に

2. 井上 奈々（いのうえ なな）
株式会社diffeasy（ディフィージー）
“difficult to easy”
世界中の”むずかしい”を簡単にする
強化系？スタッフエンジニア
趣味
マンガ・アニメ・声優・開発・卓球・水泳
@Nunnally_Engr
diffeasy.inc

3. diffeasy.inc
今日話すこと
・そもそもFirebaseって何？
・Flamelinkって何？
・Flamelinkの導入について
・Flamelinkを試してみて（まとめ）

4. diffeasy.inc
そもそもFirebaseって何？
Googleが提供しているmBaaSサービス

5. diffeasy.inc
Flamelinkって何？
Firebaseのプロジェクトを利用したリアルタイム
ヘッドレスCMS

6. diffeasy.inc
導入について
基本的な流れ
1. Flamelinkに登録する。
2. Firebase側でFlamelinkで使用するプロジェクトを作成
する。
3. FirebaseのAuthentication、Strage、Realtime Database
に、Flamelink側のruleなどの設定をはめ込む。
4. Schemasを作成する。
5. Contentからブログが書けるようになる。

7. diffeasy.inc
導入について
基本的な流れ
1. Flamelinkに登録する。
2. Firebase側でFlamelinkで使用するプロジェクトを作成
する。
3. FirebaseのAuthentication、Strage、Realtime Database
に、Flamelink側のruleなどの設定をはめ込む。
4. Schemasを作成する。
5. Contentからブログが書けるようになる。
【参考】今すぐ始められる！
FIrebaseをブログのCMSに変える「Flamelink」を使ってみた！
http://urx.blue/PeS8

8. diffeasy.inc
導入について
基本的な流れ
1. Flamelinkに登録する。
2. Firebase側でFlamelinkで使用するプロジェクトを作成
する。
3. FirebaseのAuthentication、Strage、Realtime Database
に、Flamelink側のruleなどの設定をはめ込む。
4. Schemasを作成する。
5. Contentからブログが書けるようになる。

9. diffeasy.inc
導入について
4. Schemasを作成する
実際の編集画面で説明

10. diffeasy.inc
導入について
5. Contentからブログが書けるようになる
実際の編集画面で説明

11. diffeasy.inc
よっしゃ〜！
ブログ記入できるようになった！
完成
・
・
・

12. diffeasy.inc
ってか・・・
さっき作ったブログどこで表示させるんだ？

13. diffeasy.inc
ということで・・・
FlamelinkのSDKを使って、
Nuxt v2で表示させてみた！！
ﾊﾞﾝｻﾞｰｲ!! ★＼(￣▽￣ )/＼( ￣▽￣)/★ﾊﾞﾝｻﾞｰｲ!!
【参考】
FlamelinkのクライアントをNuxtで作成してみる
http://urx.blue/Pfnm

14. まとめ
・導入自体はFirebaseの癖がわかってたら爆速
・ブログの編集機能がまだまだ乏しいので、、、
今後に期待！！
・ただ、CloudFunctinosとかを使ってRealtime
Databaseの中身をちょろちょろっといじったら
公式の開発を待たずとも勉強がてら遊べそう！
・今回はNuxtでフロントを作って簡易的に表示させ
たけど、JAMstackライフを送るべく勉強してい
こうと思いました。
diffeasy.inc

15. diffeasy.inc
最後に・・・！
Fukuoka.Firebaseのコミュニティの話

16. diffeasy.inc