サービス

ジャンル

職種：エンジニア

職種：ビジネス職

職種：デザイナー

職種：バックオフィス

職種：その他職種

技術

<h2>はじめに</h2>

<p>こんにちは！動画配信開発部プレミアムグループ所属、フロントエンドエンジニアの大坂（@yud0uhu）です。<br />
2月中旬に弊社オフィスにて株式会社PR TIMESとの２社合同勉強会を実施しました！<br />
（Xハッシュタグ&nbsp;<a href="https://twitter.com/search?q=%23dmm_prtimes_%E5%8B%89%E5%BC%B7%E4%BC%9A&amp;src=typed_query&amp;f=live" target="_blank">#dmm_prtimes_勉強会</a>&nbsp; / PR TIMESの開催ブログは<a href="https://developers.prtimes.jp/2024/03/05/lt-dmm-prtimes/" target="_blank">こちら</a>）<br />
本記事では合同勉強会の開催を通じて、私が弊社側で初主体となって企画～開催まで行った体験やそこで得たことをお話します。</p>

<div data-oembed-url="https://developers.prtimes.jp/2024/03/05/lt-dmm-prtimes/">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%; padding-top: 120px;"><iframe allowfullscreen="" src="//if-cdn.com/KaIYVMp?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>

<h2>開催経緯　</h2>

<p>そもそもの開催経緯は、今年１月に開催された「<a href="https://phpcon.hokkaido.jp/" target="_blank">PHPカンファレンス北海道2024</a>」の懇親会でPR TIMESの方々とお話したことがきっかけで、そこからトントン拍子で開催まで至りました。<br />
また当時私が所属するグループ内で&ldquo;アウトプット需要の高まり&rdquo;を感じられる機会がたびたびあり、私としてもそこに応えるようなかたちで「何か還元できないか？」という熱意が芽生えてきました。そこで上長にも相談してみたところ、「ぜひ進めてみて」と心強い後押しがありました。<br />
「PHPカンファレンス北海道2024」で直接お会いできたPR TIMESの江間（@app1e_s）さん、私と同じ23卒フロントエンドエンジニアの桐澤（@kiririLee）さんがその後の企画～開催まで一緒に進めてくださいました。</p>

<h2>今回の開催テーマ</h2>

<p>今回の合同勉強会では、あえて「<strong>フロントエンド</strong>」という広いテーマを扱いました。<br />
主にライトニングトーク（以下、LT）を展開していく上でスコープは絞りすぎず、各社の取り組みや知見をカジュアルに持ち寄れる場にしたい！という思いのもとで登壇者を募集しました。</p>

<p><img alt="オープニングスライド" height="450" src="https://image.dmm-corp.com/06wpe0sf6fxlzhj08fxz37jmocqo" width="800" /></p>

<ul>
</ul>

<h2>開催準備～参加者募集まで</h2>

<p>今回は、社内の<a href="https://inside.dmm4all.top/articles/dmm-tech-welfare/" target="_blank">技術者向けサポート制度「DMM Tech Empowerment」</a>の一つでもある、勉強会・コミュニティ支援を利用しました。これを利用することで、開催に合わせて社内から開催フローのサポートや懇親会運営の補助が受けられます。</p>

<p></p>

<div data-oembed-url="https://dmm-corp.com/recruit/benefits/tech-empowerment/">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 52.5%; padding-top: 120px;"><iframe allowfullscreen="" src="//if-cdn.com/Y7EOeNb?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>

<p>実際のところ、当初は合同勉強会の開催準備をどのように進めていくべきか、初めてのことで分からない点もありました。今回の開催場所が弊社オフィス内のスペースであったため、普段はあまり意識することがないオフィスビル周辺に関する情報や、このような勉強会の運営に必要な情報や手順も今回把握できました。<br />
また社内の技術広報担当からも開催に向けてアドバイスをもらい、開催までスムーズに準備を進められました。<br />
&nbsp;</p>

<p>当初は参加者も順調に集まるかどうかドキドキしていたものの、喜ばしいことに、飛び入り参加者を含め20名以上に参加いただきました。押さえていた開催場所が埋め尽くされるほどで、その光景を見て非常にうれしかったです。<br />
また登壇者に関しても、当日は両社から合計7名がLT会でスピーカーとなって参加いただき、多種多彩なテーマで非常に内容の濃い話を展開してくださいました。弊社からは下記をテーマとしたLTがありました。</p>

<ul>
	<li>Next.js 13（App Router）でCSRとSSR両対応のアプリを作りたい</li>
	<li>内定者アルバイトの話</li>
	<li>動画配信のフロントエンド</li>
</ul>

<h2>当時のLT会の様子</h2>

<p>弊社の参加メンバーの中から3名のエンジニアがLT会に登壇してくれました！<br />
同所属の日高さんは、「Next.js 13（App Router）でCSRとSSR両対応のアプリを作りたい」をテーマにお話してくださいました。</p>

<p><img alt="日高さんのLT" height="602" src="https://image.dmm-corp.com/8jh5khbtqkib37gigx6vxsnpggkn" width="800" /></p>

<p>登壇内容（資料）については残念ながら「非公開」ですが、「マル秘」なアプリケーション開発の裏側について濃厚な内容を発表されていました。</p>

<p>App Router環境でユーザ向けとボット向けでSSR、CSRを切り替えるための課題、それに対する何通りかの具体的なアプローチについて、実環境に適用して判明した辛みとともに解説されていました。App Routerの実践的な採用事例のお話を聞ける機会はまだそれほど多くないため、私としても非常に学びが多いお話でした。<br />
同所属の宮尾さんは、「大規模サービス開発のアルバイトで学んだこと」と題してお話してくださいました。</p>

<p><img alt="宮尾さんのLT" height="602" src="https://image.dmm-corp.com/3bami3cwv30h6icsndva6qerdpb0" width="800" /></p>

<p>宮尾さんは現在内定者アルバイトとして従事していて、今年4月に弊社へ入社予定ですが、今回力強くLT会に登壇してくれました。</p>

<p>大規模サービスに携わることで、SEO観点やサーバー負荷、多様なユーザーのユースケース、BEとの連携・仕様の認識統一など開発時の視点が広がったというお話をされていました。</p>

<p>広告用コンポーネントの実装、デイリーのワーク、振り返りで得た学びなどが言語化されていて、技術的にも、そしてチームのメンバーとしても大きく成長していった宮尾さんの姿を発表の最中にも感じ取ることができました。</p>

<p>私自身も昨年は内定者アルバイトを経験していたので、懐かしい気持ちになりながら発表を聴いていました。<br />
（登壇資料：<a data-sk="tooltip_parent" data-stringify-link="https://speakerdeck.com/eiganken/da-gui-mo-sabisukai-fa-noarubaitodede-taxue-bitocheng-chang" delay="150" href="https://speakerdeck.com/eiganken/da-gui-mo-sabisukai-fa-noarubaitodede-taxue-bitocheng-chang" rel="noopener noreferrer" target="_blank">https://speakerdeck.com/eiganken/da-gui-mo-sabisukai-fa-noarubaitodede-taxue-bitocheng-chang</a>&nbsp;）</p>

<p>配信基盤グループに所属する今西さんは、「動画配信のフロントエンド」をテーマに、ユーザーフレンドリーな配信サービスを支えるフロントエンド技術の裏側をお話してくださいました。</p>

<p>videoタグを例に、ユーザーに安定して動画を視聴してもらうための技術や、著作権（DRM）を深掘りして解説した上で、<a href="https://tv.dmm4all.top/vod/" target="_blank">DMM TV</a>を支える動画プレイヤーライブラリの紹介がありました。私も普段お世話になっているプレイヤーライブラリを支える技術について、&quot;そもそも〜&quot; といった前提話もあり、わかりやすく聴けて非常に学びとなりました。</p>

<p><img alt="今西さんのLT" height="602" src="https://image.dmm-corp.com/kevbz2nbb3vh3891v1dhsr7iwbor" width="800" /></p>

<p>（登壇資料：<a data-sk="tooltip_parent" data-stringify-link="https://speakerdeck.com/nisshii0313/dong-hua-pei-xin-nohurontoentotutehe-yatuteruno" delay="150" href="https://speakerdeck.com/nisshii0313/dong-hua-pei-xin-nohurontoentotutehe-yatuteruno" rel="noopener noreferrer" target="_blank">https://speakerdeck.com/nisshii0313/dong-hua-pei-xin-nohurontoentotutehe-yatuteruno</a>）</p>

<h2>合同勉強会のメリット</h2>

<p>今回の開催では、外部への開催告知や配信はしないというクローズドな開催だっただけに、各社から実務に少し踏み込んだ内容の濃い発表も聞くことができ、とても新鮮でした。</p>

<p>開催目的であった「各社の取り組みや知見をカジュアルに持ち寄れる場を作る」は、今後も継続して行なっていきたいと考えているため、ここで得た経験やフィードバックを糧に、次回以降も同じような雰囲気で業界同士の横断的な交流を促進するイベントができたらうれしいです。</p>

<p>実は今回「各社のテックブログ記事」をお題にしたパネルディスカッション企画も用意していたのですが、懇親会が予想以上の盛り上がりを見せたため、幻の企画となったという裏話もあります。<br />
LTの会はもちろん、その後の懇親会や二次会まで大盛況でした！</p>

<p></p>

<p></p>

<h2>振り返り</h2>

<p>合同勉強会後に、参加してくださった方の中から「自社でも使っている技術について他社さんの知見が聞けてよかった」「普段メディア側で利用しているPR TIMESの方とお話ができて楽しかった」など、ポジティブなフィードバックをいただけました！</p>

<p>今回は一緒に勉強会を運営してくださったPR TIMESの桐澤さん、江間さんをはじめ、周りの多くの方にフォローしていただきながら開催・運営することができました。<br />
私自身、ここで繋がった縁を大切に次へ繋げていけたら良いなと思っています。今後もこのような会を継続して開催していきたいです！</p>

<p></p>

<p></p>

<p></p>

2024年2月16日に実施した、株式会社PR TIMESとの合同フロントエンド勉強会の振り返りです。

イベント

社内制度

PR TIMES×dmm4all.top合同フロントエンド勉強会を開催しました！

PR TIMES×dmm4all.top合同フロントエンド勉強会を開催しました！

シェア

関連する記事