どもどもども。soRaです。 今回はLiterallyCanvasというお絵かきソフトと、FirebaseというBaaSを使って、リアルタイムお絵かきチャットを作るお話です。 とっても簡単ですし、サーバを用意する必要もありません。 LiterallyCanvas LiterrallyCanvasはReact.jsベースでcanvas要素を使って絵を描くオープンソース(BSDライセンス)のお絵かきソフトです。 具体的にどういうものなのかは次の図をみた方がわかりやすいでしょう。 ゆのっちです。 LiterallyCanvasはあくまで一人用のお絵かきソフトで、複数人で同じキャンバスに絵を描く機能はありません。 Firebase FirebaseはBaaS(Backend as a Service)と呼ばれるサービスの一種です。JSONフォーマットの構造データの格納・取得が行えるオンラインデータ
![LiterallyCanvasとFirebaseでリアルタイムお絵かきチャットを作る | 株式会社参謀本部](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c5564e8fa12d6ecb8f01df94ecf87cef3be2236/height=288;version=1;width=512/http%3A%2F%2Fwww.honbu.co.jp%2Fwp-content%2Fuploads%2F2014%2F12%2Fchat.png)