サービス

ジャンル

職種：エンジニア

職種：ビジネス職

職種：デザイナー

職種：バックオフィス

職種：その他職種

技術

<h2>はじめに</h2>

<p>こんにちは。DMM.go主催の石垣雅人(<a href="https://twitter.com/i35_267" target="_blank">@i35_267</a>)です。 普段はDMMのサービスで利用されるプラットフォーム基盤のプロダクトオーナーをしております。</p>

<p>さて今回は、5/15（金）にDMM GroupにおけるGoの勉強会として開催した「<a href="https://dmm.connpass.com/event/165864/" target="_blank">DMM.go #2</a>」について、当日の様子や登壇内容をお伝えしたいと思います！</p>

<p>また、初めてのオンライン開催だったため、どういった流れで実現したかのノウハウについても御紹介していければと思います。</p>

<p><img alt="" height="270" src="https://image.dmm-corp.com/w1k2jr184phphbuchnbdon1rgdya" width="660" /></p>

<h2>当日の様子</h2>

<p>まだ、当日参加できなかった方はYouTube Liveのアーカイブもまだございますので、ご興味あればご覧ください。</p>

<div class="youtube-embed-wrapper" style="position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden"><iframe allowfullscreen="" frameborder="0" height="480" src="https://www.youtube-nocookie.com/embed/7DQGBtIORDw?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%" width="640"></iframe></div>

<h2>オンライン開催の流れ</h2>

<p>では、どういった構成でオンライン開催を実現したかを述べていきます。<br />
構成としては、「YouTube Live x Zoom x Slido」です。</p>

<p><img alt="" height="467" src="https://image.dmm-corp.com/mufm263g6ol5xqtt9ft1kpnofsne" width="800" /></p>

<p>配信の方法としては、YouTube Liveを採用しました。<br />
オンライン開催ということでたくさんの方に視聴してもらうことを前提に設計していましたが、他の選択肢としては<a href="https://support.zoom.us/hc/ja/articles/200917029-%E3%82%A6%E3%82%A7%E3%83%93%E3%83%8A%E3%83%BC%E5%85%A5%E9%96%80" target="_blank">Zoom ウェビナー</a>を使って参加者だけに配信URLを配布するといったやり方も考えました。しかし、弊社で取得しているライセンスの関係上、Zoom ウェビナーでは500名以上の参加が難しかったことから、参加人数のスケール面を考えて、今回はYouTube Liveを採用しました。</p>

<p>YouTube Liveの配信方法としては、Zoomを使うことで比較的簡単に配信が可能になります。用意が必要なのは以下の2つです。</p>

<ul>
	<li>Zoomの有償アカウント</li>
	<li>YouTube Live用のGoogleアカウントと配信用チャンネル</li>
</ul>

<p>また、今回はZoom ウェビナーを使わずに通常のZoom経由でのYouTube Liveを行いました。</p>

<p>そして、当日の質問事項などは、Slidoを利用しました。登壇中に参加者から質問を投稿してもらい、登壇後のQ&amp;Aの時間に登壇者が回答するという流れで行いました。</p>

<h2>登壇時の流れと注意点</h2>

<p>上記の構成の際でイベントを行なった場合の登壇の流れについて御紹介していきます。<br />
とても大事になるのは、<strong>音声の切り替え</strong>と<strong>画面の切り替え</strong>のタイミングです。<br />
今回の構成でのオンライン開催の場合、少なくともYouTubeとZoomの画面と音声が同時に存在することになりますが、基本的にYouTubeの音声については<strong>全員オフ</strong>を心がけました。理由としてはZoomとYouTubeの音声のタイムラグがあることから、両方の音声を付けていると混乱するためです。</p>

<p>さらに登壇時には、「今、誰の画面が共有されるべきで、誰の音声が聞こえるべきか」や、逆に「誰の画面と誰の音声が共有されているべきではないか」を注意する必要があります。 特に音声については、登壇者以外の声が入っていてはいけないため注意する必要があります。画面 / 音声の操作は、基本登壇するメンバー自身で行うようにしました。<br />
流れとしては以下のようにとてもシンプルです。</p>

<ul>
	<li>登壇する人以外は、音声をオフ</li>
	<li>登壇する人は、画面を共有（前の人から上書きする形）し、音声をオンにする</li>
</ul>

<p>図解すると下図のような形です。</p>

<p><img alt="" height="500" src="https://image.dmm-corp.com/dhb9fuzgbm96w0gyemc07abmbgh1" width="800" /></p>

<p>参考<br />
<a href="https://note.com/akinama/n/na49e07649d9d" target="_blank">ZoomとYouTubeを利用したオンラインイベント開催について｜あきなま｜note</a></p>

<p>懇親会ツールは、Spatial.chatを採用<br />
そして、今回もうひとつのコンテンツとして、Spatial.chatオンライン上で懇親会を行いました。</p>

<p>特にアカウント登録などは不要で、URLを踏めば誰でも参加が可能になります。Spatil.chatの使い方として下の2つで説明できます。</p>

<ul>
	<li>アイコン同士が近づくと声が聞こえるようになります。</li>
	<li>逆にアイコン同士が遠ざかると声が聞こえなくなる。</li>
</ul>

<p><img alt="" height="450" src="https://image.dmm-corp.com/1982l76p6dm48q6shxs1gwih55xw" width="800" /></p>

<p>これによって、よりリアルな現場と同じような環境をオンライン上で再現できます。 また、仕様としてブラウザ画面や動画も共有できるため、今回は登壇者ごとにテーブルを用意することで発表時では聞けなかったことを詳しく聞ける場を用意しました。</p>

<p>リアルでもよくある「あそこのテーブルにはこの人がいる」といった情報や「少し近づいてどんなことを話しているのか聞く」といったことが可能になります。</p>

<h3><strong>反省点</strong></h3>

<p>一方、今回は特に問題もなくイベントも終了しましたが、一方で反省点もありました。</p>

<ol>
	<li>ツールが多くなるため運営側の操作が複雑になる</li>
	<li>参加者の勉強会に関するコメントが分散する</li>
</ol>

<p>1つ目のツールについては今回、YouTube / Zoom / Slido / Spatial.chatの4つがありました。それぞれで必要となる操作やタイミングが違ったため、リハーサルをしっかり行わないと混乱する可能性がそもそもありました。 また、2つ目にも繋がってきますが、参加者側から見てもYouTubeのコメントやSlidoでの質問、Twitterのハッシュタグでのつぶやきなど、感想やコメント、質問を異なるツール場で行わなければならず、その集約ができていない状態でした。</p>

<p>これらの反省点については、ツールごとのメリデメ両方があるため、イベントの趣旨やコンテンツによって適切なツール選択を行うのが良いかと思います。</p>

<p>以上が、オンライン開催のノウハウでした。 この後は、イベントレポートを紹介していきますが、今回は、DMM GroupのうちDMM.com、EXNOA（DMM GAMES）から合計3名の方に登壇していただきました。<br />
では１人ずつ紹介していきます。</p>

<h2>本田 雄亮「Goa使ってAPIサーバ開発してみた」</h2>

<p>トップバッターは、DMM.goの主催者の1人でもあるDMM.comの本田さん（<a href="https://twitter.com/yyh_gl" target="_blank">@yyh_gl</a>）です！<br />
Goaを使ったAPI開発とドキュメントとコードの乖離をいかになくすかのお話でした！</p>

<div data-oembed-url="https://speakerdeck.com/yyh_gl/develop-api-server-by-goa">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 74.9296%;"><iframe allowfullscreen="" scrolling="no" src="//if-cdn.com/iiXs9CV" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
</div>

<hr />
<h2>岡崎 翔悟「Goとクリーンアーキテクチャ」</h2>

<p>続いては、EXNOAから岡崎さんの登壇です。<br />
Goでどのようにクリーンアーキテクチャの思想を活用しているかについてのお話でした！</p>

<div data-oembed-url="https://speakerdeck.com/jyashin/gotokurinakitekutiya-dmm-dot-go-number-2">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.1972%;"><iframe allowfullscreen="" scrolling="no" src="//if-cdn.com/dvBFZMr" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
</div>

<hr />
<h2>潮平 諒也「2万rpsを処理する行動ログ収集システムをGoで作った話」</h2>

<p>最後は、DMM.comから潮平さんの登壇です。<br />
DMMの行動ログ収集システムをGoで作り2万rpsを処理したお話でした！</p>

<div data-oembed-url="https://speakerdeck.com/shiohira/2mo-rpswochu-li-suru-xing-dong-rogushou-ji-sisutemuwogodezuo-tutahua-dmm-dot-go-number-2">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.1972%;"><iframe allowfullscreen="" scrolling="no" src="//if-cdn.com/5TbN5qC" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
</div>

<hr />
<h2>おわりに</h2>

<p>DMM.go #2と題して、オンライン開催をしましたが、400人以上に御応募いただき、おかげさまで大盛況のうちに終えることができました。 この勉強会は今後も数ヶ月おきに継続開催する予定です。Goコミュニティーの貴重な場として、次回もぜひご応募していただければと思います！</p>

<p>最後にDMM Groupでは一緒に働いてくれる仲間を募集しています。ご興味のある方はぜひ下記募集ページを御確認ください！</p>

<div data-oembed-url="https://dmm-corp.com/recruit/">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 52.5%; padding-top: 120px;"><iframe allowfullscreen="" src="//if-cdn.com/lYoH0j6?app=1" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
<script async="" charset="utf-8" src="//if-cdn.com/embed.js"></script>
</div>

<div data-oembed-url="https://dmmgames.co.jp/recruit/">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 52.5%; padding-top: 120px;"><iframe allowfullscreen="" src="//if-cdn.com/njiCDKP?app=1" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
<script async="" charset="utf-8" src="//if-cdn.com/embed.js"></script>
</div>

<p>&nbsp;</p>


DMM.go #2をオンライン開催しました！〜オンライン開催のノウハウもご紹介〜

シェア