サービス

技能：エンジニア

技能：デザイナー

技能：ビジネス職

技能：バックオフィス

ジャンル

<p>こんにちは！<br />
フロントエンド開発部の@yu_kgrです。<br />
普段は管轄しているチームの管理やディレクション等を行っています。</p>

<p>皆さんに弊社内で行っているイベントをもっと知ってもらえればと思い、筆を取らせて頂きました。石川の南町事業所で月１回ペースで開催している、社内向けのゆるい勉強会&nbsp;<strong>南町ビアバッシュ</strong>&nbsp;の開催レポートをお届けします！</p>

<h2 id="南町ビアバッシュとは">南町ビアバッシュとは？</h2>

<p><img alt="beerbash" height="668" src="https://image.dmm-corp.com/l6zwsrxd9bvh27gbiimiammpc7gb" width="1000" /></p>

<h4 id="知らない人のために">知らない人のために</h4>

<p>「そもそもビアバッシュってなんやねん。」という方のために簡単に説明すると</p>

<p><strong>BeerBash</strong>&nbsp;という名前の通り<br />
<strong>beer（ビール） ＋ bash（にぎやかなパーティーをする、どんちゃん騒ぎ）</strong>という意味。</p>

<p>南町ビアバッシュは、ライトニングトーク（略してLT）を聞きながらワイワイ楽しく交流するスタイルの勉強会です。</p>

<h4 id="コンセプトテーマ">コンセプト＆テーマ</h4>

<p>LT会や勉強会いうと、つい堅苦しくなり参加しづらくなるため</p>

<p>「ビールやピザを楽しみながらの会なら、初めての人も気軽に参加できるのでは&hellip;！」</p>

<p>という思いから、このスタイルで継続して開催しています。</p>

<p>LTのテーマはお約束として「<strong>業務の役に立つ情報</strong>」。 発表者が学んで来た事や業務を通して得た知識や経験、気づいた事を共有してもらい、参加するだけで「<strong>ウマいモノを食べて飲んで</strong>」「<strong>新しい知識が得られる</strong>」 という、1粒で2度美味しいイベントです。</p>

<h2 id="イベントの様子">イベントの様子</h2>

<p id="まずは乾杯"><strong>まずは乾杯！</strong></p>

<p>様々な会社で開催されるビアバッシュでは、ある程度の発表が終わってから落ち着いたタイミングで乾杯をして交流を図るケースが多いですが、南町ビアバッシュでは、初LTの登壇者＆初参加の方の緊張をほぐすため、開始と同時に乾杯！</p>

<p><img alt="kanpai" height="500" src="https://image.dmm-corp.com/fqc02zngxd3ayrci5zposr57lbd1" width="800" /></p>

<p>運営チームがみんなお酒大好きっていうのもありますが（笑）各自ビールとピザを嗜みながらイベントが進んでいきます。</p>

<p><img alt="pizzabeer" height="500" src="https://image.dmm-corp.com/e2f3ivk6ad9yc5y3vxe6ne1l48zv" width="800" /></p>

<p id="多彩なLT"><strong>多彩なLT</strong></p>

<ul>
	<li>ベテランエンジニアのとってもためになる話</li>
	<li>若手デザイナーの最近経験した苦労話＆どのように解決していったか</li>
	<li>管理職メンバーによる熱いチームビルディング論</li>
</ul>

<p>などなど、部署や入社歴を問わない様々なメンバーによるLTが繰り広げられています。</p>

<p><img alt="lt" height="500" src="https://image.dmm-corp.com/4h29x58z01e1acp98nvx4095lpnu" width="800" /></p>

<p>十人十色の発表があり、毎回参加者は良い刺激を受けています。</p>

<p><img alt="funniki" height="500" src="https://image.dmm-corp.com/p1v2yj2hr54i9xy4x5tafx1ui4qe" width="800" /></p>

<h2 id="発表されたライトニングトーク">発表されたライトニングトーク</h2>

<p>ここで、いくつか実際に発表されたLTの資料をご紹介します。</p>

<h3 id="数値に騙されない錯視デザイン調整">数値に騙されない！？「錯視」デザイン調整</h3>

<div data-oembed-url="https://speakerdeck.com/satokoyamamoto/yamamoto-satoko">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.1972%;"><iframe allowfullscreen="" scrolling="no" src="//if-cdn.com/oFvVyMA" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
</div>

<p>デザイナーによる、目視で調整する大切さをクイズを交えて紹介したLTや</p>

<h3 id="プレゼン資料の作り方">プレゼン資料の作り方</h3>

<div data-oembed-url="https://speakerdeck.com/yamamoro/purezenzi-liao-wozuo-ruqian-ni">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.1972%;"><iframe allowfullscreen="" scrolling="no" src="//if-cdn.com/C6o3gtO" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
</div>

<p>今後、登壇をする方や、業務にも役立つプレゼンテーション資料作成のコツを伝えるLT。</p>

<h3 id="EnzymeでReactコンポーネントのテストを書いてみよう">EnzymeでReactコンポーネントのテストを書いてみよう</h3>

<div data-oembed-url="https://speakerdeck.com/kentarom/enzymetereactkonhonentofalsetesutowoshu-itemiyou">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 74.9296%;"><iframe allowfullscreen="" scrolling="no" src="//if-cdn.com/4ZpOyAG" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
</div>

<p>技術系の内容として、ReactのコンポーネントテストについてのLTなど幅広い分野のLTが目白押しです！</p>

<p>なお、こちらの内容は弊社のエンジニアブログで記事化されているので、興味がある方は目を通してもらえればと思います！</p>

<p>EnzymeでReactコンポーネントのテストを書こう</p>

<p><a href="http://labotech.dmm4all.top/entry/2017/03/07/180449" target="_blank">リンク切れ｜labotech.dmm.com</a></p>

<p>このような形で様々な分野の情報共有が行われており、登壇するしないに関わらず自身の専門外の情報を得ることが出来るのも、南町ビアバッシュの魅力の一つです。</p>

<h2 id="まとめ">まとめ</h2>

<p><img alt="sankasya" height="500" src="https://image.dmm-corp.com/dumz48ewmbxyhni1igbiadoro0le" width="800" /></p>

<p>&nbsp;</p>

<p>はじめはデザイナーのみの参加だった南町ビアバッシュですが、数回の開催を経て「デザイナー」「エンジニア」「マーケター」「データアドミニスター」などの職域を問わず参加者が増えてきて、 職域や部署を超えた交流の場として成長してきました！</p>

<p>最近では、初めて参加された方から、</p>

<ul>
	<li>もっと固い感じの勉強会だと思っていたが、とてもゆるい感じで参加しやすかった。次回はぜひ登壇してみたい。</li>
	<li>各々のチームで色々なコンテキストがある事がわかり、仕事を進める上で勉強になった。</li>
</ul>

<p>等のフィードバックがあり、運営側は「頑張った甲斐があったな〜」と感じています。 引き続き、ベテラン・ルーキー問わず気軽に参加出来て、みんなが学びを得られる場を大切にして作り上げていきたいと思います！</p>

<h2 id="告知">告知</h2>

<p>こんな感じで開催している南町ビアバッシュ。<br />
一緒に盛り上げてくれる、イキの良い仲間を募集しております！</p>

<p>ご興味がある方は</p>

<p><a href="https://dmm.snar.jp/" target="_blank">DMM.com Group 新卒採用</a>や、<a href="https://dmm-corp.com/recruit/" target="_blank">DMM.com Group 中途採用</a></p>

<p>よりエントリーして頂ければと思います！</p>


社内向けイベント「南町ビアバッシュ」を開催した話。

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

facebook

twitter

DMM TV

DMMブックス

DMM pictures

DMM GAMES

DMMオンクレ

DMMスクラッチ

DMMくじ

DMM Factory

ぷらさぷ ～＋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

モーショングラフィック

プロダクトデザイン

社内向けイベント「南町ビアバッシュ」を開催した話。

シェア