【クリスマスだよ！】Magma Studio でお絵かきチャットをしよう

![アドカレ用.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408585/72c1d347-2b22-5b89-557c-c91197ccb8dc.png)

# ごあいさつ:champagne:
メリークリスマス:santa::notes: ハンズラボ `お絵かき部` 部長のbakupenです:bomb::penguin:
僭越ながら、[ハンズラボ Advent Calendar 2020](https://qiita.com/advent-calendar/2020/handslab)の最終日を務めさせていただきます！

### お絵かきたのしー！:crayon:

弊社お絵かき部の主な活動内容は__お絵かきチャット__（以下：絵チャ）です。
部員の中には__人生で初めて絵を描いた__という人も少なくはなく、初心者からプロのイラストレーターまで幅広く楽しんでおります。

今回は絵チャをする際に使っているツール、[Magma Studio](https://magmastudio.io/)の紹介をしたいと思います。

ちなみに上のイラストは、この記事のために部員みんなで描きました:christmas_tree:
のちほど、その様子を動画でご紹介します！

# お絵かきチャットとは？

>お絵かきチャット（英語：paint chat）は、インターネットの通信コミュニティの一つであるチャットに、ペイントツールとしての機能を付加したもの。単純に「絵チャット、絵チャ（絵茶）」とも呼ばれる。（中略）特徴としてWEBブラウザ環境があえば誰でも気軽に参加できる。

[Wikipedia](https://ja.wikipedia.org/wiki/%E3%81%8A%E7%B5%B5%E3%81%8B%E3%81%8D%E3%83%81%E3%83%A3%E3%83%83%E3%83%88)より引用

いわゆる「一つの紙にみんなでお絵かき」が、オンラインでできるというものです。
代表的なツールとしては2017年にサービス終了したpixivチャットや、[Magical Draw](https://draw.kuku.lu/)などが挙げられます。

# Magma Studioはいいぞ
我々はお絵かきチャットツールにおいて、ある一つの正解を導き出しました。
それが…

![magma_logo.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408585/cd0f4a53-b3b3-09b9-f9ec-310c8e0ee3d6.png)
https://magmastudio.io/


*__えっ！こんなの無料で使えちゃっていいんですか？！__*

普段、有料イラストソフトを使っている人が全員口にしました。
有料版の拡張もあるのですが、無料のままでもとにかくすごい…

### 何がすごいかって

個人的に一番「これ大丈夫なの？」と心配になったのが、__レイヤーを無限に使えること__。
今まで無料のお絵かきツールといえば、「レイヤー5枚まで」などの制限があるものが多いイメージですが、こちらはなんと__増やし放題！__はわわわ…。

また、絵チャのツールとして当たり前にあるような筆圧感知、ショートカットキー割り当てなどの機能は一通りあります。

その他機能については後述します。

### 実際に絵チャしてる様子

ということで、こちらのツールを使い、
クリスマスツリーの飾り付けをした様子をご覧ください:evergreen_tree:→:christmas_tree:

Youtubeリンクになってます↓↓
[![IMAGE ALT TEXT HERE](http://img.youtube.com/vi/Hjptdii-DPI/0.jpg)](http://www.youtube.com/watch?v=Hjptdii-DPI)

今回は部員4名で絵チャしました。
実行環境としては、WindowsだったりMacだったりiPad miniだったり…ブラウザアプリなのでなんでもいけちゃいます。
マウスで描いてる人もいますよ〜！

（ちなみに緑色の髪の女の子は、弊社マスコットキャラクターの「らぼたん」です:green_heart:）

## 使い方

まず、誰か一人が https://magmastudio.io/ へアクセスし、__Try for free__ のボタンよりキャンバスに入ります。
アカウントなしでも始められますし、Twitter、Discord、Googleアカウントもしくはメールアドレスでアカウントを作成して始めることもできます。
アカウントを作るメリットとしては、ペン設定を保存してその後も使えることでしょうか。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408585/cf20d1ff-2ae3-e464-6be4-ef1cc14687f8.png)

スタートしたら真っ白なキャンバスが表示されます。
この画面のURLをメンバーにシェアすることで、簡単に絵チャを始めることができます！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408585/c7fc150b-a7be-5319-16aa-8f819d250d3c.png)

「pro」と描いてあるところは有料版で使えるようになります。

左下の黄色い丸からテキストチャットができますが、音声チャットはできないので
通話したい場合は別途zoomなどで繋いでおきます。

## 各種ツール紹介

ツール名は正式名称ではないのであしからず。
描いた絵のことを「オブジェクト」という表現で統一します。

画面左に縦に格納されたツールから。
主にオブジェクトを作成・操作するものです。
![magma_tool.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408585/b58aecb5-ae70-695f-1004-74d5b2b003dc.png)

続いて上のツール。キャンバスの操作に関するものが並んでいます。
ショートカットを使うと作業効率up↑↑ :coffee:
また、Undoは15回までという制限があります。ブラウザで動作してるので致し方なし。
![magma_tool2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408585/4a7fab2c-8c47-7023-5077-b2ea3ec4be68.png)

そして右のツール。
ここらへんは習うより慣れろですね。
![magma_tool3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408585/aa14a459-c8a9-b9c3-ae09-38aa29ca311c.png)

絵描きの方にはわかるかと思いますが、有料ソフトと同じようなUIで、遜色ない機能が備わっています。


# まとめ

Magma Studioを紹介いたしました。
お絵かきチャットだけでなく、一人で絵を描くときにも使える優れものです:sunglasses:

今まで使ってきた所感としては不満点は特にありませんが、欲を言えば日本語対応してくれると嬉しいですね。

### コロナ渦で…

今年の2月から完全リモート体制となり、社員同士のコミュニケーションが減りがちでしたが
新たなコミュニケーション手段としても一役買ってくれています:sparkles:

よかったら皆様も、気分転換に、コミュニケーションに、、
Magma Studioを導入して「お絵かきチャット」を始めてみてはいかがでしょうか。