<h2 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" data-line="1" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h2>
<p data-line="3" class="code-line">フロントエンドエンジニア組織の部署内<sup class="footnote-ref"><a href="#fn-4b1f-1" id="fnref-4b1f-1">[1]</a></sup>で毎週読み合わせ会を開催している。開始してから1年半が経ち、執筆時点では開催回数は70回を超えた<sup class="footnote-ref"><a href="#fn-4b1f-2" id="fnref-4b1f-2">[2]</a></sup>。</p>
<h3 id="%E3%81%8D%E3%81%A3%E3%81%8B%E3%81%91" data-line="8" class="code-line">
<a class="header-anchor-link" href="#%E3%81%8D%E3%81%A3%E3%81%8B%E3%81%91" aria-hidden="true"></a> きっかけ</h3>
<p data-line="10" class="code-line">毎週、それまでは個人で<a href="https://jser.info/" target="_blank" rel="nofollow noopener noreferrer">JSer.info</a>を読んでいたのだが、ほかのメンバーとの実務に関する会話の中で「（この話題は）JSer.infoでも取り上げられていたなー」などと思う場面もあり、いっそのこと「皆でパブリックに読む機会を作るのが良いでは…」と考え、読み合わせ会を開始することにした<sup class="footnote-ref"><a href="#fn-4b1f-3" id="fnref-4b1f-3">[3]</a></sup>。</p>
<h2 id="%E8%AA%AD%E3%81%BF%E5%90%88%E3%82%8F%E3%81%9B%E4%BC%9A%E3%81%A8%E3%81%AF" data-line="14" class="code-line">
<a class="header-anchor-link" href="#%E8%AA%AD%E3%81%BF%E5%90%88%E3%82%8F%E3%81%9B%E4%BC%9A%E3%81%A8%E3%81%AF" aria-hidden="true"></a> 読み合わせ会とは</h2>
<p data-line="16" class="code-line">大まかには以下のような形式で実施している。</p>
<ul data-line="18" class="code-line">
<li data-line="18" class="code-line">
<strong>開催方法：</strong> Slackのハドルを利用<br>
所属部署のrandomチャンネルで実施</li>
<li data-line="20" class="code-line">
<strong>開催頻度と時間：</strong> 毎週1回、1時間程度</li>
<li data-line="21" class="code-line">
<strong>ファシリテーター：</strong> 筆者（主催者）</li>
<li data-line="22" class="code-line">
<strong>参加者：</strong> 任意参加（出欠報告不要）・聞き専OK・発言自由<br>
部署外や業務委託のメンバーが参加することもある</li>
<li data-line="24" class="code-line">
<strong>形式：</strong> 画面共有しながら記事の内容を読み上げつつ所感を共有していく</li>
</ul>
<h3 id="%E8%AA%AD%E3%81%BF%E5%90%88%E3%82%8F%E3%81%9B%E4%BC%9A%E3%81%A7%E5%88%A9%E7%94%A8%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88" data-line="26" class="code-line">
<a class="header-anchor-link" href="#%E8%AA%AD%E3%81%BF%E5%90%88%E3%82%8F%E3%81%9B%E4%BC%9A%E3%81%A7%E5%88%A9%E7%94%A8%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88" aria-hidden="true"></a> 読み合わせ会で利用しているサイト</h3>
<p data-line="28" class="code-line">読み合わせ会の中で利用させていただいているサイト（記事）は以下の通り。</p>
<ul data-line="30" class="code-line">
<li data-line="30" class="code-line"><a href="https://jser.info/" target="_blank" rel="nofollow noopener noreferrer">JSer.info</a></li>
<li data-line="31" class="code-line"><a href="https://zenn.dev/p/cybozu_frontend" target="_blank">Cybozu Frontend Weekly</a></li>
</ul>
<p data-line="33" class="code-line">最初の1年はJSer.infoのみを読み合わせていたが、徐々に所属部署の担当サービスに関わりの薄い文脈のトッピクスの読み合わせは薄めにして、Cybozu Frontend Weeklyも合わせて読むようにした。</p>
<p data-line="35" class="code-line">トレンドによってJSer.infoとCybozu Frontend Weeklyでトピックスが重複することもあるが、それぞれの記事での視点や異なった補足があることもあり、参加者一同学びになっている（毎週ありがとうございます🙇‍♀）。</p>
<h3 id="%E4%B8%8B%E6%BA%96%E5%82%99" data-line="37" class="code-line">
<a class="header-anchor-link" href="#%E4%B8%8B%E6%BA%96%E5%82%99" aria-hidden="true"></a> 下準備</h3>
<p data-line="39" class="code-line">開始時間の1時間ほど前に以下のような感じで本日のお品書きを共有する。</p>
<blockquote data-line="41" class="code-line">
<p data-line="41" class="code-line"><strong>@here</strong> 本日、n回目の読み合わせ会を実施します。<br>
xx:xxからこのチャンネルのハドルで実施です。誰でも参加自由、聞き専OKです。よろしくお願いします！</p>
<ul data-line="44" class="code-line">
<li data-line="44" class="code-line">
<strong>JSer.info:</strong>
<ul data-line="45" class="code-line">
<li data-line="45" class="code-line">2024-08-25のJS: WebdriverIO v9、Node v22.7.0(TS <code>enum</code>と<code>namespace</code>の対応)、Deno 1.46(Last 1.x)</li>
</ul>
</li>
<li data-line="46" class="code-line">
<strong>Cybozu Frontend Weekly:</strong>
<ul data-line="47" class="code-line">
<li data-line="47" class="code-line">新たなWebブラウザ「Verso」など: Cybozu Frontend Weekly (2024-08-20号)</li>
</ul>
</li>
</ul>
</blockquote>
<p data-line="49" class="code-line">両サイトの更新がなかったり、業務都合などによりスキップすることもある。開催可否は主催者のさじ加減によるところが大きい。</p>
<h3 id="%E9%80%B2%E8%A1%8C" data-line="51" class="code-line">
<a class="header-anchor-link" href="#%E9%80%B2%E8%A1%8C" aria-hidden="true"></a> 進行</h3>
<p data-line="53" class="code-line">ファシリテーターがサイトを画面共有し、記事の各トピックスを読み上げる。進行中、ファシリテーター自身の知見や所感を述べる。それに合わせて参加メンバーも自由に意見や知見を発言したり、一緒に会話をしながら進めていく。直接発言せずにSlackのコメントで反応をしてくれる参加者も少なくない。</p>
<p data-line="55" class="code-line">ファシリテーターである自分だけではなく、メンバーからの経験なども共有する場となっているため、当然ながら一人で読むよりも学びが多いように感じている。</p>
<details><summary>読み合わせ会は勉強会なのか？</summary><div class="details-content">
<p data-line="59" class="code-line">主催としては「勉強会ではない」と考えて実施している。</p>
<p data-line="61" class="code-line">読み合わせ会を始めようと考えた当初、世間一般で「勉強会」という形式にハードルを感じて参加を見送る人もいると知った時期だった。そこで、あえて「勉強会」という形式とはせず、義務感が生じないような気軽に参加できる場をコンセプトとして会を作ることにした。</p>
<p data-line="63" class="code-line">そのため、参加は自由として出欠連絡も求めておらず、また読み合わせの下準備なども不要としている。</p>
</div></details>
<h3 id="%E5%8F%82%E5%8A%A0%E8%80%85%E6%95%B0" data-line="67" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E5%8A%A0%E8%80%85%E6%95%B0" aria-hidden="true"></a> 参加者数</h3>
<p data-line="69" class="code-line">当初の参加者はだいたい3〜4名だったが、徐々に増えていき、現在は多いときには10名を超えることもある。現在でも少なくとも3〜4名は参加してくれている。</p>
<p data-line="71" class="code-line">なるべく定例ミーティングの被らないような時間帯に設定しているが、急遽ミーティングなどが入ることもあり毎週の参加者数は変動する。</p>
<details><summary>進行方法</summary><div class="details-content">
<p data-line="75" class="code-line">開始当初はあまり意識していなかったが、参加人数が増えるにつれてファシリテーターとして進行の間や参加者への語りかけなどを意識した進行をするようになった。</p>
<p data-line="77" class="code-line">参加者数や参加者のキャラによって、進行方法が変わってくる。</p>
<ul data-line="79" class="code-line">
<li data-line="79" class="code-line">レスポンスの多い参加者がいる場合、トピックスで補足や意見が飛び交うことが多く、タイムスケジュールを意識しないと時間内に収まらなくなる</li>
<li data-line="80" class="code-line">参加者が少なかったりレスポンスの少ない場合、基本的にファシリテーターだけがずっと喋り続けることになるため、ペース配分を考えないとファシリテーターの息が続かなくなる</li>
</ul>
<p data-line="82" class="code-line">例えば、最初は『参加者数が少なく発言も少ない』状態でも、途中から参加者が増え『参加者数が多く発言も多い』状態になることがある。その際は、参加者の状況を見ながら進行方法を柔軟に変え、時間配分を調整していくことがあり、ファシリテーターとしての勉強になることも多くあると実感している。</p>
</div></details>
<h2 id="%E4%BB%8A%E5%BE%8C%E3%81%AE%E5%B1%95%E6%9C%9B" data-line="86" class="code-line">
<a class="header-anchor-link" href="#%E4%BB%8A%E5%BE%8C%E3%81%AE%E5%B1%95%E6%9C%9B" aria-hidden="true"></a> 今後の展望</h2>
<p data-line="88" class="code-line">今後も特に大きな変更は考えておらず、主催・参加者が義務感を持たないという軸を保ちながら、今後もゆるく続けていきたい。参加者からのフィードバックがあれば柔軟に取り入れたり、トピックスの取り上げ方に工夫を加えることは考えている。</p>
<section class="footnotes">
<span class="footnotes-title">脚注</span>
<ol class="footnotes-list">
<li id="fn-4b1f-1" class="footnote-item">
<p data-line="5" class="code-line">ZOZOTOWN開発本部のフロントエンドエンジニアを中心にしているが、他部署や業務委託メンバーも参加している（詳細は後述） <a href="#fnref-4b1f-1" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn-4b1f-2" class="footnote-item">
<p data-line="6" class="code-line">2025年4月2日に開催100回達成 <a href="#fnref-4b1f-2" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn-4b1f-3" class="footnote-item">
<p data-line="12" class="code-line">初回は2023年1月17日に実施 <a href="#fnref-4b1f-3" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>


週1社内でJSer.infoとCybozu Frontend Weeklyの読み合わせ会をしている話

読み合わせ会で利用しているサイト

Discussion