サービス

技能：エンジニア

技能：デザイナー

技能：ビジネス職

技能：バックオフィス

ジャンル

<p>こんにちは。Think! FrontEnd運営の赤石(<a href="https://twitter.com/isytter" target="_blank">@isy</a>)です。オンラインサロン事業部所属で、普段はフロントエンドを主に開発しています。</p>

<p>今回は、6/25(木)に開催した「<a href="https://dmm.connpass.com/event/177895/" target="_blank">Think! FrontEnd by DMM #01</a>」について、開催経緯や登壇内容を紹介したいと思います！</p>

<h2>Think ! FrontEnd とは？</h2>

<p>「Think! FrontEnd by DMM」は、DMM Group のフロントエンドおよび JavaScript における開発現場の【今】を話しながら、皆で改めてフロントエンドや JavaScript のことを考えようという趣旨で立ち上げたコミュニティです。</p>

<p>今回が第1回目の開催で、しかもオンラインとなりましたが、以前に弊社で開催されたGoの勉強会である<a href="https://inside.dmm.com/entry/2020/05/20/dmmgo-2" target="_blank">DMM.go #2</a>のオンライン配信を参考に「YouTube Live x Zoom x Slido」での配信を行いました。</p>

<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/d2ravwRTxEc?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%" width="640"></iframe></div>

<h2>千葉 弘太郎「オープニング・DMM.com のフロントエンドの今/今後」</h2>

<p>まず初めは、Think! FrontEnd運営でCTO室の千葉さん(@ur_uha)によるオープニングです！<br />
本イベントの開催趣旨やDMMのフロントエンドの今と今後について話していただきました。</p>

<div data-oembed-url="https://speakerdeck.com/uruha/think-frontend-number-01">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.1972%;"><iframe allowfullscreen="" scrolling="no" src="//if-cdn.com/ZKvv1bv" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
</div>

<hr />
<h2>赤石 博紀「React + Redux: Re-Architecture」</h2>

<p>2人目に私が登壇し、ReactプロダクトのTypeScript・Hooks化、Redux Re-Architectureに関する内容をお話させていただきました！</p>

<div data-oembed-url="https://speakerdeck.com/isy/react-plus-redux-re-architecture-think-frontend-by-dmm">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.1972%;"><iframe allowfullscreen="" scrolling="no" src="//if-cdn.com/TreBvYH" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
</div>

<hr />
<h2>上井 慎之介「DMM百万長者のフロントエンドアーキテクチャ、そしてその次へ&hellip;」</h2>

<p>続いて、&quot;21世紀のWebシンデレラ&quot;こと上井さんが登壇しました。<br />
フロントエンドの勉強会では珍しいフロントエンドのインフラアーキテクチャについての内容でした！</p>

<div data-oembed-url="https://speakerdeck.com/kamatte/dmmbai-mo-chang-zhe-falsehurontoendo-kuraudoakitekutiya">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.1972%;"><iframe allowfullscreen="" scrolling="no" src="//if-cdn.com/BSnYlcA" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
</div>

<hr />
<h2>高山 潤也「気がついたら JAMstack になってた話」</h2>

<p>最後は、テクノロジー本部 開発推進部の高山さん(<a href="https://twitter.com/junya_takayama" target="_blank">@junya_takayama</a>)の登壇です。<br />
最近よく聞くようになったJamstackなサイトのお話でした。</p>

<div data-oembed-url="https://speakerdeck.com/junya_takayama/qi-gatuitarajamstackninatutetahua">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.1972%;"><iframe allowfullscreen="" scrolling="no" src="//if-cdn.com/RoLTdPb" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
</div>

<h2>おわりに</h2>

<p>今回が初めての開催でオンラインとなりましたが、500人以上の方に応募いただき無事終えることができました。また懇親会では地方の方ともお話ができて、オンライン開催ならではの楽しみ方も見つけることができました。</p>

<p>途中、通信環境等のトラブルで上手く配信できない場面があったので、そういった改善すべき点は改善し、次回の開催に生かしていきたいと思います。</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>


Think! FrontEnd #1を開催しました！

プラットフォーム開発本部

facebook

twitter

DMM TV

DMMブックス

DMM pictures

DMM GAMES

DMMオンクレ

DMMスクラッチ

DMMくじ

DMM Factory

DMM FILMS

ぷらさぷ ～＋SURPRISE～

DMMオンラインサロン

DMMいろいろレンタル

DMM DVD／CDレンタル

DMM通販

DMMオンラインクリニック

デジタルコミック事業

DMMチャットブースト

DMM英会話

DMM FX

DMMかりゆし水族館

ベルリング

ハッシャダイソーシャル

ヤンキーインターン

シント=トロイデンVV

DMM 地方創生

DMM.make 3Dプリント

DMM.make PRODUCTS

Seamoon Protcol by DMM Crypto

DMMバヌーシー

DMM EV ON

DMM WEBCAMP

DMMぱちタウン

DMM競輪

Waitinglist

Algoage

DMMポイントクラブ

社会課題

エンターテインメント

動画

電子書籍

アニメ

ゲーム

アプリゲーム

コミュニティ

オンラインサロン

PCゲーム

通販

オンラインイベント

ビジネスソリューション

教育

英会話

水族館

ハードウェア・プロダクト

救急車両

消防車両

モノづくり施設

サッカー

スポーツ

地方創生

VR体験

Web3

生成AI

研究開発

アプリ

ブロックチェーン

プラットフォーム

横断開発

社会インフラ

アミューズメント

ダイバーシティ

同人

サーバサイド

バックエンド

フロントエンド

ネットワーク

セキュリティ

ITインフラ

配信基盤

ペイメント

Android

データベース

ビッグデータ

データ分析

機械学習（ML）

MLOps

VR開発

フルスタック

プロトタイピング

グラフィックデザイン

イラスト作成

3DCG

モーショングラフィック

Think! FrontEnd #1を開催しました！

シェア