Another works Developers Blog

<p>こんにちは、Tomです！</p>
<p>今回は弊社 <a href="https://anotherworks.co.jp/">Another works</a> と <a href="https://commmune.jp/">コミューン</a> さん2024/02/14(木)に共同開催したイベント、<a href="https://anotherworks.connpass.com/event/306056/">Developers Meetup エンジニア組織が考える採用戦略</a>のイベントレポートをお届けします！！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/3fd73809-d8de-431b-963b-f2aacad2256e/6cdee27831adcd0a76681a5b33ade0d9.png" alt="6cdee27831adcd0a76681a5b33ade0d9.png"></p>
<h2>■登壇内容</h2>
<ol>
<li>前原 夏樹 様（コミューン株式会社） / 採用組織の武器の見つけ方、作り方</li>
<li>塩原 基弘（株式会社Another works）/ 複業転職が採用のスタンダードになるかもしれない</li>
<li>上野 大貴 様（コミューン株式会社） / 選考プロセスを通じて会社の魅力を伝えきるテクニック</li>
<li>宮内 北斗（株式会社Another works） / Another worksがエンジニアイベントにハマる理由</li>
</ol>
<h2>前原 夏樹 様（コミューン株式会社） / 採用組織の武器の見つけ方、作り方</h2>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/5079e255-87fb-43f7-aed8-3b52de09ce10/1000007108.jpg" alt="1000007108.jpg"><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/72b8ba82-c993-4039-a5dd-25d8ed601403/1000007110.jpg" alt="1000007110.jpg"></p>
<h3>内容</h3>
<ul>
<li>採用組織の武器とは
<ul>
<li>採用活動における魅力づけのための道具</li>
</ul>
</li>
<li>求職者が見つからない原因
<ul>
<li>魅力を伝えきれていないから</li>
</ul>
</li>
<li>なにを武器とするか
<ul>
<li>やりがい
<ul>
<li>会社と自分の方向性の一致</li>
<li>企業のビジョン</li>
<li>エンジニアとしての課題の面白さ</li>
</ul>
</li>
<li>環境
<ul>
<li>開発者にとっての快適さ</li>
<li>組織文化</li>
<li>刺激を受けられる同僚</li>
</ul>
</li>
<li>待遇
<ul>
<li>会社が開発者に敬意を払い、価値を感じているか伝えるもの</li>
</ul>
</li>
</ul>
</li>
<li>もし武器が見つからなかったり、応募されなかったら
<ul>
<li>同じ課題感を持つ仲間を見つけて、経営層を巻き込んで武器をつくる</li>
</ul>
</li>
</ul>
<h3>レポート</h3>
<p>採用担当者が自社の「武器」を見つけ、いかにして採用に繋げるかに焦点を当てた登壇でした。<br>
採用活動における魅力づけの重要性、求職者に対して会社の独自性を伝えることの大切さを学ぶことができました。<br>
また応募がない、求職者が集まらなかった場合は経営課題として経営層を巻き込んで採用組織の「武器」を作るのは、企業の文化形成にもつながり良い採用戦略の強化へ繋がると感じました。</p>
<h2>塩原 基弘（株式会社Another works）/ 複業転職が採用のスタンダードになるかもしれない</h2>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/5e3eef5c-b288-4908-8f89-c76ba142dac0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882024-03-0619.43.19.png" alt="スクリーンショット2024-03-0619.43.19.png"><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/2028541c-1109-43c0-be76-b97f86a8d331/1000007111.jpg" alt="1000007111.jpg"></p>
<h3>内容</h3>
<ul>
<li>採用側のメリット
<ul>
<li>転職潜在層へのアプローチが可能</li>
<li>カルチャーマッチの判断が容易</li>
<li>オンボーディングコストの削減</li>
<li>社内エンジニアとの連携がスムーズ</li>
</ul>
</li>
<li>採用側のデメリット
<ul>
<li>転職までのリードタイムが長い</li>
<li>外注費用が発生する</li>
<li>マネジメント負担がかかる</li>
<li>運用難易度が高い</li>
</ul>
</li>
<li>求職者のメリット
<ul>
<li>入社後のギャップが少ない</li>
<li>転職活動のコスト軽減</li>
</ul>
</li>
<li>求職者のデメリット
<ul>
<li>選択肢の限定</li>
<li>転職までに時間がかかる</li>
</ul>
</li>
<li>複業転職採用のやり方
<ul>
<li>カジュアル面談後の選考以外の選択肢としての複業などアプローチを広げる</li>
<li>実際の事例として
<ul>
<li>AIアドバイザーの複業転職事例</li>
<li>エンジニアの複業転職事例</li>
</ul>
</li>
</ul>
</li>
<li>エンジニアのキャリア形成と複業転職について</li>
</ul>
<h3>レポート</h3>
<p>複業転職は通常の転職と比べ時間がかかってしまいますが、会社の表面的な部分ではなく企業文化や入社後のギャップを減らすことができる良い転職方法だと感じました。<br>
転職までに時間がかかってしまうものの、自分が本当に良いと思った会社や、メンバー、プロジェクトの中で働けるというのは何にも変えられないものだと思います。</p>
<p>企業としても積極的に転職活動をしていない潜在層へリーチを拡大でき、より高度な人材へのアプローチすることで、広い範囲へ採用活動をかけられます。<br>
複業転職の実際の事例としての紹介もあり、そのメリットの説得力がありました。</p>
<h2>上野 大貴 様（コミューン株式会社） / 選考プロセスを通じて会社の魅力を伝えきるテクニック</h2>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/091cf5dc-483f-4fe2-a86f-db8aaf9b9038/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882024-03-0619.44.58.png" alt="スクリーンショット2024-03-0619.44.58.png"><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/5d1cd6a2-fa7c-458e-a0ba-fdee0f313c3b/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882024-03-0619.45.08.png" alt="スクリーンショット2024-03-0619.45.08.png"></p>
<h3>内容</h3>
<ul>
<li>前提として
<ul>
<li>コミューンの開発部門は「チームコミューン」というTeamValueの下、専門性を伸ばすマネジメント方針</li>
<li>採用選考フローの中で候補者と会話する機会が限られている</li>
</ul>
</li>
<li>ゴールキック（アトラクト）は決められるやつが決めるべき
<ul>
<li>訴求活動はエンジニアリングマネージャー、採用マネージャーの仕事と捉えられがち</li>
<li>面接も貴重な候補者との会話の機会なので、ちゃんと訴求したい</li>
<li>面接の中でも訴求することを意識する</li>
<li>HiringManager以外もやる。面接時にやる。</li>
</ul>
</li>
<li>採用選考は個人の利と会社の利のマッチングであることを忘れない
<ul>
<li>活躍の是非の見極め、候補者への訴求の両立</li>
<li>面接を「候補者の合否を判断するだけの作業」と捉えない</li>
</ul>
</li>
<li>面接の事前整理
<ul>
<li>スキルマップの利用</li>
<li>指向性マップの利用</li>
<li>組織に不足している領域について能力・思考を整理する</li>
<li>会社が欲しい能力・候補者の強みになる能力を照らし合わせる</li>
</ul>
</li>
<li>具体的に候補者を評価しながら訴求するには
<ul>
<li>候補者にとって有意義な面接づくりを意識する</li>
<li>「この会社ならエンジニアとしていい刺激をうけられそう」と思ってもらう</li>
</ul>
</li>
</ul>
<h3>レポート</h3>
<p>選考プロセスでのアトラクトをどのようにするか、組織がどのような人材を必要としているか、という話でした。<br>
技術面接をエンジニア同士の情報交換の場とし、候補者の技術ポテンシャルや関心のある領域を知ることでまず選考として要件が満たされ、情報交換を通して候補者としても学びの場となるはずです。<br>
転職活動という多忙なスケジュールをこなす中で、面接をする前とした後で自身の知識や心持ちが変わるような会社はとても印象が良いですね。</p>
<h2>宮内 北斗（株式会社Another works） / Another worksがエンジニアイベントにハマる理由</h2>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/792f07f4-bfaa-4b43-a24d-539d1ea28661/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882024-03-0619.46.33.png" alt="スクリーンショット2024-03-0619.46.33.png"><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/bc586d50-3a06-4313-b834-d900ab27bdce/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882024-03-0619.46.42.png" alt="スクリーンショット2024-03-0619.46.42.png"></p>
<h3>内容</h3>
<ul>
<li>これまでのエンジニアイベントの運営・登壇実績
<ul>
<li>開催累計２２回</li>
<li>累計集客１３００人</li>
<li>実際にエンジニア採用に繋がっている</li>
</ul>
</li>
<li>イベントの狙いと役割
<ul>
<li>勉強会を主催している会社としての認知</li>
<li>イケてる取り組みをしている会社としての認知</li>
</ul>
</li>
<li>エンジニアイベントがハマるチーム
<ul>
<li>チームや開発体制に自信がある</li>
<li>知名度があまりない</li>
<li>エンジニアメンバーを採用に巻き込める</li>
</ul>
</li>
<li>採用マーケとしてのイベント施策の役割
<ul>
<li>認知や興味を持ってもらう入口として</li>
<li>他の採用施策の受け皿として</li>
</ul>
</li>
<li>イベントを活用したい人のステップ
<ul>
<li>イベントに登壇する</li>
<li>イベント共催に乗っかってみる</li>
<li>イベントを共催する</li>
</ul>
</li>
</ul>
<h3>レポート</h3>
<p>本イベントはエンジニアイベントですが「エンジニアイベントを採用のためにやってます！」という面白い登壇でした。<br>
Another worksは2年ほど前に社内イベントとしてイベントを開催してから少しずつ開催規模を大きくしてきました。<br>
弊社は開発チーム・開発体制に自信があり、今では大きな採用戦略のひとつとなっております！<br>
イベントを採用戦略へ組み込みたい！登壇してみたい！共催したい！とことがありましたら、是非Another worksへお声がけください！</p>
<hr>
<h2>■パネルディスカッション</h2>
<p>今回は登壇者４名によるパネルディスカッションを開催しました！<br>
リアルタイムにオーディエンスの方々からの質問を広いつつ、それぞれ登壇者の意見・見解を聞くことができる貴重な時間でした！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/91365a8d-965a-48da-b9f9-b3f24092f827/PXL_20240125_113113590.jpg" alt="PXL_20240125_113113590.jpg"><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/8aa0eb2e-6e71-4867-ab82-0dc56c7cd84c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882024-03-0619.48.20.png" alt="スクリーンショット2024-03-0619.48.20.png"></p>
<h2>■交流会</h2>
<p>オフラインイベントの良さは、セッションで気になったことを登壇者に直接その場で聴くことができることや、熱量が冷めないうちに交流会で議論できることにあるのではないでしょうか？</p>
<p>エンジニア採用に関する話題を中心に大変盛り上がりを見せておりました！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/d6dc7a77-d944-4f2e-ae13-f91500a62243/1000007138.jpg" alt="1000007138.jpg"></p>
<h2>■さいごに</h2>
<p>Another works では今後も学びと交流の場となるイベントを開催していく予定です！<br>
Connpassでグループメンバーになっていただけると開催通知が送られますので、以下より是非グループメンバー登録をよろしくお願いします！<br>
<a href="https://anotherworks.connpass.com/">Another works Connpass</a><br>
今回、オンライン・オフライン同時開催のイベントでした！<br>
オンラインの良さもありますが、オフライン参加できる方はぜひ会場の熱量を肌で感じていただきたいです！<br>
オフライン参加できる方はぜひ会場でお待ちしております！</p>
<p>コミューンのみなさん、ご参加いただいたみなさん、本当にありがとうございました！</p>


Another works × コミューン【Developers Meetup エンジニア組織が考える採用戦略】イベントレポート

<p>Another works でエンジニアをしているまっちと申します！</p>
<p>今回は、弊社 <strong><a href="https://anotherworks.co.jp/">Another works</a></strong> と <strong><a href="https://wantedlyinc.com/ja">ウォンテッドリー</a></strong> さんで2023/12/14(木)に共同開催したMeet up イベント、</p>
<p><a href="https://anotherworks.connpass.com/event/300288/">成長ベンチャーの開発生産性、なにやってる？ 【Developers Meetup】</a>の様子をお届けします！<br>
ウォンテッドリーさんのオフィスで開催された今回イベントには、オンラインとオフライン参加者合わせて40名程度の方に参加いただきました！</p>
<p>ウォンテッドリーさんの素敵な会場！<br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0b651753-0740-478b-8121-9e302da905d3/1000006955.jpg" alt="1000006955.jpg"><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/ae582312-f331-46a0-9dc6-2d59f042d619/1000006959.jpg" alt="1000006959.jpg"></p>
<h1>■ 開催の背景</h1>
<p>イベントのテーマは <strong>”成長ベンチャーの開発生産性”</strong> でした。</p>
<p>どの開発組織においても</p>
<ul>
<li>開発生産性の測定や向上に悩んでいる</li>
<li>メンバーが自主的に開発生産性の向上に向けて取り組む組織を作りたい</li>
<li>将来開発組織のマネジメントに興味がある</li>
</ul>
<p>このようなテーマは関心が高いものではないでしょうか？</p>
<p>そこで今回</p>
<ul>
<li><strong>2019年創業 “複業クラウド” を運営している Another works</strong></li>
<li><strong>2010年創業 “Wantedly Visit” をはじめ複数プロダクトを運営している ウォンテッドリーさん</strong></li>
</ul>
<p>それぞれ異なるフェーズとプロダクトを持つ2社でイベントを開催しました！</p>
<p>開発組織をより良くしたいと考える人にとって今回のイベントは、学びを持ち帰って現場に活かすことができる内容だったと思います！</p>
<p>参加されなかった方にも、当日の熱量を感じていただき、学びを共有できるようにイベントを振り返っていきます！</p>
<h1>■セッション内容</h1>
<ol>
<li><strong>要 徳幸 様（ウォンテッドリー株式会社）/ <a href="https://speakerdeck.com/baroqueworksdev/qi-ye-cheng-chang-noge-suteziniying-zita-sheng-chan-xing-nozui-shi-hua-zhan-lue">企業成長の各ステージに応じた生産性の最適化戦略</a></strong></li>
<li><strong>塩原 基弘（株式会社Another works） / <a href="https://drive.google.com/file/d/1wu37Am5KGM-DaiYQ7GN9LFxX4_mZqe1T/view">効果性と効率を意識した開発生産性の向上施策</a></strong></li>
<li><strong>市古 空 様（ウォンテッドリー株式会社） /  <a href="https://speakerdeck.com/igsr5/devops-guild">DevOps の社内浸透を目指してチームを立ち上げた話 / DevOps Guild</a></strong></li>
</ol>
<h2>1. 要 徳幸 様（ウォンテッドリー株式会社）/ <a href="https://speakerdeck.com/baroqueworksdev/qi-ye-cheng-chang-noge-suteziniying-zita-sheng-chan-xing-nozui-shi-hua-zhan-lue">企業成長の各ステージに応じた生産性の最適化戦略</a></h2>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/9dc2501c-9271-4151-a402-67219da99488/1000006973.jpg" alt="1000006973.jpg"></p>
<h3>◎内容</h3>
<p><strong>◯「開発」「生産性」とは？</strong></p>
<ul>
<li>みなさんの所属するチームの「開発」のスコープは？</li>
<li>生産性とは「Input &lt; Output」を成立させる活動</li>
<li>生産性には、変数が多々ある</li>
<li>事業モデル・企業ステージ・組織構成によって異なる</li>
</ul>
<p><strong>◯ ウォンテッドリーの取り組み</strong></p>
<ul>
<li>プロダクト開発の概観
<ul>
<li>開発組織が担当するのは「プロダクト開発」</li>
<li>市場リリースから収益化へのサイクル</li>
</ul>
</li>
<li>10年間の経験から明らかになった主要な課題
<ul>
<li>予想外の問い合わせ、バグ報告、インシデントの増加</li>
<li>負のスパイラルが発生する</li>
<li>短期集中型チームの課題と品質保証</li>
<li>10年分の Output が効率を下げてしまう状態に陥った</li>
</ul>
</li>
<li>最近の取り組みと進展
<ul>
<li>体制設計の見直しと品質向上チームの設置</li>
<li>品質向上と現開発チームの負担軽減</li>
</ul>
</li>
</ul>
<p><strong>◯ 企業ステージごとに変革しよう</strong></p>
<ul>
<li>ステージを超えて、時間差で影響を及ぼす</li>
<li>ステージごとに変革することが大事</li>
<li>開発だけではなく、全体の生産性から俯瞰的に探る</li>
</ul>
<h3>◎レポート</h3>
<p>ウォンテッドリーさん開発チームで実際に起きたインシデント対応などによる負の影響と、それに対する具体的な取り組みを紹介する話でした。</p>
<p>規模などは異なるかもしれないですが、Another works でもバグやインシデント対応により、本来やりたい新規の追加開発が思うようにできない苦しい時期がありました。</p>
<p>そのような時期はプロダクトロードマップに沿って予定通りの開発ができないです。また、思うようにやりたい開発ができないエンジニアにとってはモチベーションが低下することにもなりかねない原因にもなり得ます。</p>
<p>ベンチャー企業にとって多くないリソースをどの程度負債解消に投入すべきか、というのはどの開発チームにとっても悩ましいことだと思います。技術的負債に対してどう向き合っていくべきかを、フェーズごとに考えること大切であると、改めて実感しました。</p>
<h2>2. 塩原 基弘（株式会社Another works） / <a href="https://drive.google.com/file/d/1wu37Am5KGM-DaiYQ7GN9LFxX4_mZqe1T/view">効果性と効率を意識した開発生産性の向上施策</a></h2>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/142fb299-7326-487d-8ba4-4a7231621931/1000006974.jpg" alt="1000006974.jpg"></p>
<h3>◎内容</h3>
<p><strong>◯ 開発生産性と効果性と効率について</strong></p>
<ul>
<li>開発生産性とは？</li>
<li>開発プロセスについて</li>
<li>効果性と効率</li>
</ul>
<p><strong>◯ 効果性の向上に対する取り組み</strong></p>
<ul>
<li>プロダクトバックログを育てる会</li>
<li>15分リファインメント</li>
</ul>
<p><strong>◯ 効率の向上に対する取り組み</strong></p>
<ul>
<li>チームでタスク分解・見積もりを行う</li>
<li>チームでのタスク分解のやり方</li>
<li>ブランチ戦略の改善</li>
</ul>
<p><strong>◯ 開発生産性を支える組織的土台</strong></p>
<ul>
<li>自律型の組織を作るために</li>
</ul>
<h3>◎レポート</h3>
<p>”効果性”と”効率”という切り口で開発プロセスを見て、その”効果性”と”効率”を向上させることに対してどのようにアプローチを行なっているか、というお話。</p>
<p>“効果性”を上げるために行なっている毎日の「15分リファインメント」、”効率”を上げるための「チームでのタスク分解・見積もり」など具体的な取り組みが紹介されました。</p>
<p>このような取り組みは、持ち帰ってチームに還元しやすい内容だったのではないでしょうか？</p>
<p>「チームでのタスク分解・見積もり」は他のエンジニアの視点や知見が共有される場にもなっており、私としても好きな取り組みの一つです。</p>
<p>今後、その時々に合わせて改善施策を提案して行きたいです。</p>
<h2>3. 市古 空 様（ウォンテッドリー株式会社） /  <a href="https://speakerdeck.com/igsr5/devops-guild">DevOps の社内浸透を目指してチームを立ち上げた話 / DevOps Guild</a></h2>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0dbcd4bd-8964-43fc-971f-1b3fab0beaee/1000006976.jpg" alt="1000006976.jpg"></p>
<h3>◎内容</h3>
<p><strong>◯ DevOps Guild とは</strong></p>
<ul>
<li>知見が広がり続ける状態を作り出すチーム</li>
</ul>
<p><strong>◯ 生産性への多面的なアプローチ</strong></p>
<ul>
<li>いろんな向きから生産性をみてみよう
<ul>
<li>↓ 上から見る（経営 → メンバー）</li>
<li>↑ 下から見る（部下 → マネージャー）</li>
<li>→ 横から見る（ビジネスチーム → 開発チーム）</li>
</ul>
</li>
<li>生産性が低いとどうなる？（一方向のみのアプローチでは限界がある）
<ul>
<li>日々の開発のアウトプットが減少</li>
<li>技術的負債の増加</li>
<li>仕事のモチベーションが低下</li>
</ul>
</li>
</ul>
<p><strong>◯ DevOps Guild の設立と今後</strong></p>
<ul>
<li>直近の課題：他のチームにも知見や習慣を広げたい</li>
<li>組織のサービスメッシュ的存在</li>
</ul>
<p><strong>◯ まとめ</strong></p>
<ul>
<li>生産性改善は多面的なアプローチが重要</li>
<li>組織のサービスメッシュを作って課題発見・知見共有の起点としていく</li>
</ul>
<h3>◎レポート</h3>
<p>生産性の向上へ多面的にアプローチする組織 ”DevOps Guild” の設立と今後のお話でした。</p>
<p>直近の課題としてお話をされていた「有用な知見が広がりずらい」ということは、Another works の開発チームでも感じることがある話題です。</p>
<p>複数チームを抱えるウォンテッドリーさん。チーム間の知見をうまく共有できる環境が整えば、それだけ働くエンジニアにとっては嬉しいことばかりだと思いました。</p>
<p>取り組みの一つとして、開発ドキュメンテーションの改善にフォーカスをしていくとのことでした。</p>
<p>その<a href="https://docs.wantedly.dev/">開発ドキュメンテーション</a>は公開されておりますので、是非みなさんもご覧ください！</p>
<h1>■交流会</h1>
<p>オフラインイベントの良さは、セッションで気になったことを登壇者に直接その場で聴くことができることや、熱量冷めないうちに交流会で出会った方同士で議論できることにあるのではないでしょうか？</p>
<p>開発生産性向上への取り組みや、開発組織課題に対する話題を中心に大変盛り上がりを見せておりました！<br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/eb194493-948c-447d-b136-56d655d5ca0c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882023-12-2519.17.36.png" alt="スクリーンショット2023-12-2519.17.36.png"></p>
<h1>■さいごに</h1>
<p>Another works では今後も学びと交流の場となるイベントを開催していく予定です！</p>
<p>Connpassでグループメンバーになっていただけると開催通知が送られますので、以下より是非グループメンバー登録をよろしくお願いします！</p>
<p><a href="https://anotherworks.connpass.com/">Another works Connpass</a></p>
<p>今回、オンライン・オフライン同時開催のイベントでした！</p>
<p>オンラインの良さもありますが、オフライン参加できる方はぜひ会場の熱量を肌で感じていただきたいです！</p>
<p>オフライン参加できる方はぜひ会場でお待ちしております！</p>
<p>私としても、他社開発チームの組織作りの取り組みや開発の進め方などは気になることが多いです！</p>
<p>ぜひ次回のイベントで熱く議論や意見交換しましょう！<br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/05b6f982-8fba-4fa6-9b8e-673a0ba25a17/PXL_20231214_113558666.jpg" alt="PXL_20231214_113558666.jpg"></p>
<p>ウォンテッドリーのみなさん、ご参加いただいたみなさん、本当にありがとうございました！！</p>


Another works × ウォンテッドリー 成長ベンチャーの開発生産性、なにやってる？ 【Developers Meetup】

<p>こんにちは！<br>
Another works で AIエンジニア、データサイエンティストをやっているノブです！</p>
<p>今回は、弊社 <strong><a href="https://anotherworks.co.jp/">Another works</a> と <a href="https://smarthr.co.jp/">SmartHR</a>さん、<a href="https://stmn.co.jp/">スタメン</a>さん</strong>の３社合同で 2023/9/28(木) に開催したLT×交流会 <a href="https://anotherworks.connpass.com/event/294517/">Developers Meetup 急成長ベンチャーが向き合う「開発生産性」</a> のイベントレポートをお届けします！</p>
<h1>■ イベントの概要</h1>
<p>Another worksでは、他社のチームの取り組みについて知りたい、他社のエンジニアと交流を持ちたいと考えている方々を対象に定期的にイベントを開催しています！</p>
<p>SmartHRさんとイベントを共同開催するのは三度目です。<br>
これまでは弊社 Anotherworks とSmartHRさんの共同開催だったのですが、今回はスタメンさんも加わり３社合同で、より豪華なイベントとなりました！<br>
今回も SmartHRさんのイベントスペースをお借りしてイベントを開催しました。いつも素敵なスペースを本当にありがとうございます！</p>
<p>今回は「<strong>開発生産性</strong>」という初めてのテーマでまさに急成長ベンチャーが直面するテーマだっただけに、どのようなイベントになるのか楽しみでした！</p>
<p>19:00 の開場から受付には人がたくさんいらっしゃり、結果オフライン・オンライン合わせて 60名近い方々にご参加いただきました！<br>
会場では多くの温かい拍手や熱い視線が、X（旧：Twitter）上でも #AwEngineerMeetup のハッシュタグで盛り上がり、オンライン・オフライン共に大盛況でした！</p>
<p>ご参加いただいた皆様ありがとうございました！！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/f738415d-b50b-46f9-a4fb-9c3b8a020f9e/1000006155.jpg" alt="1000006155.jpg"></p>
<h1>■ LT登壇内容</h1>
<ol>
<li>株式会社スタメン フロントエンドエンジニア　かみお <strong>「レガシーフロントエンドをリプレイスしたら開発生産性が向上しました」</strong></li>
<li>株式会社Another works CTO 塩原 基弘 <strong>「創業5年目、組織変化と開発生産性向上の取り組み」</strong></li>
<li>株式会社SmartHR プロダクトエンジニアグループ マネージャー <strong>「開発生産性、上から見るか？下から見るか？」</strong></li>
</ol>
<h2>1.「レガシーフロントエンドをリプレイスしたら開発生産性が向上しました」</h2>
<p>かみお 株式会社スタメン フロントエンドエンジニア / <a href="https://speakerdeck.com/kamio/regasihurontoendowo-ripureisusitara-kai-fa-sheng-chan-xing-gaxiang-shang-simasita">登壇資料</a><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/dd87d0bd-13bb-4afd-981d-a7e3202a2020/1000006151.jpg" alt="1000006151.jpg"></p>
<p>内容</p>
<ul>
<li>以下課題を抱えていた<br>
　- 複数の開発環境でキャッチアップコストが高い<br>
　- OpenAPI がなくコミュニケーションコストが高い<br>
　- ディレクトリ構成に統一感がない<br>
　- テストがほとんどない</li>
<li>開発生産性を向上させたこと５選<br>
　- aspida x msw を使ったスキーマ駆動開発<br>
　- featureディレクトリ<br>
　- hygenを使ったテンプレート化<br>
　- コード規約でなく lint で修正<br>
　- README や wiki の充実</li>
<li>設計/選定したものをどのように継続させていくかを考えることが大事</li>
</ul>
<p>ひとことレポート</p>
<p>ドキュメントの充実や統一感を持たせること、キャッチアップコストを下げることはまさに「急成長ベンチャー」において重要なことだなと感じました。<br>
オンボーディングをする側もされる側も、これは正社員・複業メンバー関係なく非常に有効的な取り組みだなと感じました！</p>
<h2>2.「創業5年目、組織変化と開発生産性向上の取り組み」</h2>
<p>塩原 基弘 株式会社Another works CTO / <a href="https://drive.google.com/file/d/10ic1SpiYctn1KEvqQPBYXmrdOaNScNta/view">登壇資料</a><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/a28340b7-41a4-49b7-bae0-4731be3eb0c3/IMG_8057.jpg" alt="IMG_8057.jpg"></p>
<p>内容</p>
<ul>
<li>生産性が高い状態とは「少ないコストで大きな成果を出す」こと</li>
<li>開発プロセスと技術の改善で、開発生産性を向上させる</li>
<li>抱えていた課題<br>
　- リリース日が間延びし続ける<br>
　- プランニングの時間が長くて、疲弊する<br>
　　- 時間を意識しすぎて、中途半端な状態で開発に取り掛かる<br>
　- ユーザー価値や課題、解決方法で䛿なく、どうコーディングするかに考えが寄ってしまう<br>
　- 機能担当者に属人化する</li>
<li>開発プロセスの改善<br>
　- 要件定義会<br>
　- Dailyリファインメント &amp; プランニング</li>
<li>技術的な取り組み<br>
　- SQLを使うテストにおいて worker分、DBを立ち上げてそれぞれで通信を行う<br>
　- ESLint によるルールの自動化</li>
<li>まとめ<br>
　- プロセスの改善は組織形態や規模などで常に変わり続けるので改善し続けることが大事<br>
　- 技術的な改善は、投資しておくと長く効果を発揮する<br>
　- 生産性を向上させるのは成果を最大化するための手段である</li>
</ul>
<p>ひとことレポート</p>
<p>生産性とは？という振り返りができ、改めて「生産性」という言葉の定義を理解することができました。<br>
特に懇親会では「要件定義会」と「Dailyリファインメント」について質問させることが多く、やはり良い取り組みだなぁと改めて実感することができました！</p>
<h2>3.「開発生産性、上から見るか？下から見るか？」</h2>
<p>すがわら まさのり 株式会社SmartHR プロダクトエンジニアグループ マネージャー / <a href="https://speakerdeck.com/sugamasao/development-productivity-and-cognitive-science">登壇資料</a><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/48a93ab5-c7ac-4dab-95dd-f114a946b769/1000006171.jpg" alt="1000006171.jpg"></p>
<p>内容</p>
<ul>
<li>認知負荷が高い<br>
　- チーム横断のコミュニケーションコストが高くなる<br>
　- 一人の人間が扱える限界を超える<br>
　- コードを修正した時の影響調査が膨大</li>
<li>認知負荷には３種類の負荷がある</li>
<li>取り組み例<br>
　- 自チーム以外の PRを見る<br>
　- 気になるコードをリファクタリングする<br>
　- テックな雑談をする</li>
<li>まとめ<br>
　- 課題の輪郭をうまく捉えると解消方法をより適切に検討できる<br>
　- 課題の大きさや難易度によってボトムアップとトップダウンを使い分けると良い</li>
</ul>
<p>ひとことレポート</p>
<p>認知科学の観点から「認知負荷が高い」状態への解決策を発表いただき非常に興味深かったです。<br>
認知負荷には３種類あり、それぞれどのように解決すべきかという切り口が大変勉強になりました！</p>
<h1>■ 交流会</h1>
<p>交流会は、LT登壇者と当日お越しいただいたオーディエンスの方々で行いました。<br>
LTの内容についての深掘りや考え、技術の話、それぞれのチームの取り組み… など様々な話題で大変盛り上がりました！<br>
「明日から取り入れてみます！」と今日の学びを早速活かす宣言をしてくれている方もおり、私たちも非常に嬉しい気持ちになりました！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/196d58d4-893e-45d9-930a-9d92f439be1d/1000006176.jpg" alt="1000006176.jpg"></p>
<h1>■ 最後に</h1>
<p>Another works では今後も学びと交流の場となるイベントを開催していく予定です！</p>
<p>Connpassでグループメンバーになっていただけると開催通知が送られますので、以下より是非グループメンバー登録をよろしくお願いします！</p>
<p><a href="https://anotherworks.connpass.com/">Another works Connpass</a></p>
<p>なお今回のイベントの感想など #AwEngineerMeetup のハッシュタグ付きでツイートをして盛り上げていただけると嬉しいです！</p>
<p>SmartHRの皆様、スタメンの皆様、ご参加いただいた皆様、本当にありがとうございました！！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/19a56688-36ec-449a-a274-8e9c9e25852f/PXL_20230928_114503737.jpg" alt="PXL_20230928_114503737.jpg"></p>


Another works × SmartHR x スタメン【Developers Meetup 急成長ベンチャーが向き合う「開発生産性」】イベントレポート

<p>Another works でエンジニアをしているまっちと申します！</p>
<p>今回は、弊社 <strong><a href="https://anotherworks.co.jp/">Another works</a></strong> と <strong><a href="https://jobs.freee.co.jp/">freee</a></strong> さんで2023/8/22(火)に共同開催したMeet up イベント、</p>
<p><strong><a href="https://anotherworks.connpass.com/event/291678/">freee × Aw プロダクトの成長を支える強いエンジニア組織のつくりかた</a></strong> の様子をお届けします！</p>
<p>freee さんの大崎にあるオフィスで開催された今回イベントには、オンラインとオフライン参加者合わせて<strong>90名程度</strong>の方に参加いただきました！</p>
<p>freee さんの素敵な会場には、開発組織を良くしていきたいと考える方たちがたくさん！<br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/c8a0d71f-f9a5-4bec-b0ba-41d84b8c846e/1000005909(1).jpg" alt="1000005909(1).jpg"></p>
<h1>■ 開催の背景</h1>
<p>イベントのテーマは <strong>”プロダクトの成長を支える強いエンジニア組織のつくりかた”</strong> でした。</p>
<p>現在所属している開発組織に対して</p>
<ul>
<li><strong>組織の人数が増えてきて、漠然とした課題感がある</strong></li>
<li><strong>メンバーの主体性を発揮できるチームを作っていきたい</strong></li>
<li><strong>メンバーの成長を促すチーム作りをしたい</strong></li>
<li><strong>メンバーが意欲的に働くことができる環境を作りたい</strong></li>
</ul>
<p>などの課題を抱えている方も多いのではないでしょうか？</p>
<p><strong>どの開発組織も、似たような課題感を持っている</strong>と思います。</p>
<p>そこで今回</p>
<ul>
<li><strong>2019年創業 開発組織が10名程の Another works</strong></li>
<li><strong>2012年創業 開発組織が200名を超える freee さん</strong></li>
</ul>
<p>それぞれ異なるフェーズと開発組織を持つ2社がタッグを組みました。</p>
<p>異なる背景を持つ2社の経験から、</p>
<p>先述したような<strong>課題を解消するヒントとなる知見や経験を共有したい</strong>、そんな想いから今回のイベントを開催をする運びとなりました！</p>
<p>開発組織に対する課題感を持つ人にとって今回のイベントは、学びを持ち帰って現場に活かすことができる内容だったと思います！</p>
<p>参加されなかった方にも、当日の熱量を感じていただき、学びを共有できるようにイベントを振り返っていきます！</p>
<h1>■セッション内容</h1>
<ol>
<li>竹田 祥 様（freee 株式会社） / <a href="https://speakerdeck.com/freee/key-points-for-creating-a-development-organization">Engineerサクセスという組織を作って1年間やってみて感じた開発組織作りのポイント</a></li>
<li>塩原 基弘（株式会社Another works） / <a href="https://drive.google.com/file/d/1pUdW5lCP7R-x0QNb67WSksNbMTGY2D90/view">オーナーシップが生まれる組織の作り方</a></li>
<li>野本 篤則 様（freee 株式会社） / <a href="https://speakerdeck.com/freee/creating-an-organization-in-which-hr-and-engineers-collaborate-with-each-other">人事とエンジニアで協業しながら進める組織作りのポイント</a></li>
</ol>
<h2>1. 竹田 祥 様 / <strong><a href="https://speakerdeck.com/freee/key-points-for-creating-a-development-organization">Engineerサクセスという組織を作って1年間やってみて感じた開発組織作りのポイント</a></strong></h2>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/d01bce2b-1c79-4a5f-b7c4-2bcb18c1dbae/1000005912(1).jpg" alt="1000005912(1).jpg"></p>
<h3>◎内容</h3>
<p>◯<strong>プロダクト開発と組織作りは非常に良く似ている</strong></p>
<ul>
<li>ユーザ理解　調査・分析
<ul>
<li>ユーザ=エンジニア、チームメンバー、組織と考え、ユーザ理解に手を抜かない</li>
</ul>
</li>
<li>要求定義
<ul>
<li>本当に必要としているものは？逆に求めていないものは？、をユーザ理解をもとにしっかり仮説立てて考える</li>
</ul>
</li>
<li>設計・実装
<ul>
<li>スモールスタートする。プロダクトと同じで、実際にやってみないとわからないことが多い。</li>
</ul>
</li>
<li>評価
<ul>
<li>ユーザ理解と一緒で定量と定性、両面を使って評価する</li>
<li>評価をしっかり受け止め、しっかりアップデートする</li>
</ul>
</li>
<li>まとめ</li>
</ul>
<p>良いプロダクトを作れる集団は良い組織も作れるはず</p>
<p>◯<strong>データドリブンと人情ドリブンを行き来する</strong></p>
<ul>
<li>相手は人なので、定量、定性両方のバランスが大事</li>
</ul>
<p>◯<strong>楽なショートカットは基本ない</strong></p>
<ul>
<li>この部分もプロダクト開発と一緒。人、組織に真摯に向き合い続けるしかない</li>
<li>起点は「ユーザ理解　調査・分析」</li>
</ul>
<h3>◎レポート</h3>
<p>freee さんには ”開発組織を成功に導く” ための組織である ”Engineer サクセスチーム”があります。2022年7月に発足し、エンジニア組織を成功に導くために尽力してきた経験から得た知見をお話いただきました。<br>
Engineer サクセスチームは、ユーザーを成功に導く職種である ”カスタマーサクセス” を参考につくられたそうです。</p>
<p><strong>プロダクト開発の場面では一般的な考え方として「小さくはじめて少しずつ改善していく」というものがあります。その考え方を、組織で施策を実施するときにも適用できる</strong>、という話がありました。</p>
<p>この考え方は、組織の大小問わず、組織でなにか取り組みを行うときは常に気をつけたいことだと思います。</p>
<p>私も数百人を超える企業に所属していたので、人事施策など、組織に対する施策は最初から大きくなりがち、という話には納得です。</p>
<p>LTの冒頭、Engineer サクセスチームを立ち上げて「プロダクトマネージャーをやっていたときとは比にならないくらい人と組織に向き合った」という竹田さんの言葉が内容に説得力をもたらしていました。</p>
<h2>2. 塩原 基弘（株式会社Another works） / <a href="https://drive.google.com/file/d/1pUdW5lCP7R-x0QNb67WSksNbMTGY2D90/view">オーナーシップが生まれる組織の作り方</a></h2>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/006e2829-b4c1-457b-9351-2a53eaf290f6/1000005921(1).jpg" alt="1000005921(1).jpg"></p>
<h3>◎内容</h3>
<p>◯<strong>Another works での取り組み事例の紹介</strong></p>
<ul>
<li>徹底したドキュメント化</li>
<li>Sprint 振り返りレポート</li>
<li>毎週の「Sentryエラー監視対応会」、「npm ライブラリアップデート会」の実施</li>
<li>要件定義会</li>
<li>毎週 Sprint タスクとは別に、やりたいことを実施する時間を設ける（プロダクトの OSS化に近い取り組み）</li>
</ul>
<p>◯<strong>オーナーシップとは</strong></p>
<ul>
<li>一つのことに対してオーナーとしての意識を持つ</li>
<li>それぞれがオーナーシップを発揮できる場所を持つ</li>
<li>人数は関係ない：人数が少なくても意識しなければオーナーシップ精神は薄れる</li>
</ul>
<p>◯<strong>全体へのオーナーシップを育てる組織づくりの取り組み</strong></p>
<ul>
<li>採用にとにかく巻き込む：自分たちの仲間は自分たちが集める</li>
<li>全員で毎日QAを実施する：プロダクト全体を触る習慣をつける</li>
<li>役割を常に明確にする：MTG、イベントなど常に役割を明確にアサインする</li>
</ul>
<p>◯<strong>まとめ</strong></p>
<ul>
<li>オーナーシップと組織規模はあまり関係ない</li>
<li>オーナーシップ精神は伝染する</li>
</ul>
<h3>◎レポート</h3>
<p>Another works 開発チームでの、個々人がオーナーシップを発揮するための取り組みや仕組みづくりの紹介でした。</p>
<p>オーナーシップというワードに対して、「責任を持たされる」「主体性がないとできない」と感じて重圧に感じてしまう人もいると思います。しかし、オーナーシップを発揮できる場所があるということは、「そのとき」「その領域」で「その人」が主体的に働きかけることで輝ける機会にもなるはずです。</p>
<p><strong>Another works 開発チームにはそのようなオーナーシップ精神を促す文化があります。</strong></p>
<p>塩原の登壇内容にもあったようにオーナーシップ精神は伝染します。私自身オーナーシップを発揮出来る領域を増やしていき、オーナーシップ精神を伝染させる存在になっていきたいです。</p>
<h2>3. 野本 篤則 様（freee 株式会社） / <a href="https://speakerdeck.com/freee/creating-an-organization-in-which-hr-and-engineers-collaborate-with-each-other">人事とエンジニアで協業しながら進める組織作りのポイント</a></h2>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/8843dae0-6a9d-4d24-ac54-0fc93d0861e6/1000005926(1).jpg" alt="1000005926(1).jpg"></p>
<h3>◎内容抜粋</h3>
<p>◯ <strong>人事とエンジニアが一緒に eng サクセスチームを立ち上げた背景</strong></p>
<ul>
<li>
<p>eng サクセスチームとは？</p>
<p>開発メンバーの「成功」につながることだけを考え、実行し続ける専任チーム</p>
</li>
<li>
<p>会社組織全体が大きくなり開発側と人事側で協働して変化と課題に対応する必要がでてきた</p>
</li>
</ul>
<p>◯ <strong>組織作りでぶち当たった壁</strong></p>
<ul>
<li>何から手を付ければ良いか、わからない
<ul>
<li>課題仮説・優先順位が立てられず、悩み、迷った。</li>
<li>「成功」とは？</li>
<li>エンジニアのモチベーションや悩みや困りごとはなんだろう？</li>
</ul>
</li>
</ul>
<p>◯ <strong>どうやって向き合ってきたか</strong></p>
<ul>
<li>アクション：一次情報を徹底的に泥臭く収集した（ユーザ理解に徹した）</li>
<li>結果：開発現場の情報と組織データを組み合わせて、本質的な課題探求・実行・検証に繋げた</li>
</ul>
<p>◯ <strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong>開発組織作りのポイントのまとめ</strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></p>
<ul>
<li>一次情報を意識的に収集することが大事。筋の良い課題仮説に繋がっていく。</li>
<li>人事の持つ組織データをうまく活用することによって、客観的な仮説検証が可能となる。よい打ち手の立案〜改善サイクルに繋がっていく。</li>
<li>開発現場の定性情報（感性）と、組織・人材の定量情報（論理）を組み合わせて使うことが本質的な組織課題の探求と解決につながる。</li>
</ul>
<h3>◎レポート</h3>
<p>セッション１の竹田さんと共に “Engineer サクセスチーム” で人事の立場として活動してきた野本さん。</p>
<p>野本さんのLTは “Engineer サクセスチーム” 立ち上げの苦悩と具体的にどのようなことをしてきたのか、を紹介する内容でした。</p>
<p>エンジニア組織成功のために、当初なにをしたらいいのかわからない状況だったそうです。</p>
<p>まずは人と組織を理解するために、現場のエンジニアと愚直に1on1を実施したという話がありました。200名を超えるエンジニアがいる freee さん、愚直に泥臭く人と組織に向き合ってきたことが伺えます。</p>
<p>そして、<strong>「1on1で集めた定性的な情報」と「人事の持つ人材・組織の定量的な情報」を組み合わせて、本質的な課題を見つけ解決策を考える、というアプローチは freee さんならでは</strong>の取り組みだと感じました。</p>
<p>エンジニア組織を良くしていきたいと考えている方はもちろん、人事や組織開発に携わっている方であれば学びの多い内容でした！</p>
<h1>■交流会</h1>
<p>オフラインイベントの良さは、セッションで気になったことを登壇者に直接その場で聴くことができることや、熱量が冷めないうちに交流会で議論できることにあるのではないでしょうか？</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/f0a8a4b5-6d65-4841-8fcf-ef1174d86679/1000005933.jpg" alt="1000005933.jpg"></p>
<p>開発組織の話題を中心に非常に登壇者、オーディエンスともに大変盛り上がりました！</p>
<p>終了時間のアナウンス後も、その場を立ち去らない人もいるくらいに熱く語っている方もチラホラ（笑）</p>
<h1>■さいごに</h1>
<p>Another works では今後も学びと交流の場となるイベントを開催していく予定です！</p>
<p>Connpassでグループメンバーになっていただけると開催通知が送られますので、以下より是非グループメンバー登録をよろしくお願いします！</p>
<p><a href="https://anotherworks.connpass.com/">Another works Connpass</a></p>
<p>今回はオンライン・オフライン同時開催のイベントでした！</p>
<p><strong>オンラインの良さもありますが、オフライン参加できる方はぜひ会場の熱量を肌で感じていただきたいです！</strong><br>
オフライン参加できる方はぜひ会場でお待ちしております！</p>
<p>個人的に、他社開発チームの組織作りの取り組みや開発の進め方などは気になることが多いです！<br>
ぜひ次回のイベントで熱く議論や意見交換しましょう！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/e0990278-6adb-402a-93b3-bac0c6627755/IMG_0501.JPG.jpg" alt="IMG_0501.JPG.jpg"></p>
<p>freee のみなさん、ご参加いただいたみなさん、本当にありがとうございました！！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/186ed5ac-b9f6-4ff8-8ed9-b7c0c1178632/PXL_20230822_125815600(1)(1).jpg" alt="PXL_20230822_125815600(1)(1).jpg"></p>


Another works × freee【DEVELOPER MEETUP! プロダクトの成長を支える強いエンジニア組織のつくりかた】イベントレポート

<p>こんにちは！<br>
Another works で AIエンジニア、データサイエンティストをやっているノブです！</p>
<p>今回は、弊社 <strong><a href="https://anotherworks.co.jp/">Another works</a> と <a href="https://smarthr.co.jp/">SmartHR</a></strong> さんで 2023/7/25(火) に開催したLT×交流会 <a href="https://anotherworks.connpass.com/event/288878/">顧客に価値を届けるプロダクト志向なエンジニアリング</a> のイベントレポートをお届けします！</p>
<h1>■ イベントの概要</h1>
<p>Another worksでは、他者のチームの取り組みについて知りたい、他社のエンジニアと交流を持ちたいと考えている方々を対象に定期的にイベントを開催しています！</p>
<p>SmartHRさんとオフラインでイベントを共催するのは二度目です。<br>
<a href="https://anotherworks.connpass.com/event/278310/">前回</a>同様、SmartHRさんのイベントスペースをお借りしてイベントを開催しました！（いつも素敵なスペースを本当にありがとうございます）</p>
<p>前回は「FRONT-END DEEP DIVE」とフロントエンドにフォーカスしたイベントだったのですが、今回は「<strong>エンジニアリング</strong>」とテーマを変えての開催に、どんなイベントになるのか楽しみな反面、緊張感もありました。</p>
<p>そんな不安を払拭するかのように 19:00 の開場から受付には人がたくさんいらっしゃり、結果オフライン・オンライン合わせて 60名を超える方にご参加いただきました！<br>
会場では多くの温かい拍手や熱い視線が、X（旧：Twitter）上でも #AwEngineerMeetup のハッシュタグで盛り上がり、オンライン・オフライン共に大盛況でした！</p>
<p>ご参加いただいた皆様ありがとうございました！！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/3b78addf-b92c-43d5-a99e-ac0a206163f9/F14HjMqaMAACeH-.jpeg" alt="F14HjMqaMAACeH-.jpeg"></p>
<h1>■ LT登壇内容</h1>
<ol>
<li>株式会社SmartHR プロダクトエンジニアグループ 高倉 拓也様 <strong>「スプリントゴールと仲良くしたい」</strong></li>
<li>株式会社Another works CTO 塩原 基弘 <strong>「エンジニアが要件定義に上手く絡むには」</strong></li>
<li>株式会社SmartHR プロダクトエンジニア 根岸 勇弥 <strong>「ミッションから紐解く、フィーチャーチームへの意識改革」</strong></li>
<li>株式会社Another works PdM 宮内 北斗 <strong>「エンジニアリングがどうプロダクトの企画に活きるのか」</strong></li>
</ol>
<h2>1.「スプリントゴールと仲良くしたい」</h2>
<p>高倉 拓也 株式会社SmartHR プロダクトエンジニアグループ / <a href="https://speakerdeck.com/tkkrtky/supurintogorutozhong-liang-kusitai">登壇資料</a><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/f64aecd4-4ce1-4433-ae4f-9c1470dbf9e7/part1.jpeg" alt="part1.jpeg"></p>
<p>内容</p>
<ul>
<li>LeSSを導入していると各チームで触る機能が異なり共通のスプリントゴールを設定するのが難しい</li>
<li>スプリントゴールが先にあって、それをもとにプロダクトバックログアイテムを選択する方法を１チームで試してみた</li>
<li>プランニングのタイミングで顧客価値を設定</li>
<li>得られた効果
<ul>
<li>コミュニケーションや意思決定の面で恩恵を受けることができた</li>
<li>顧客の価値について考える習慣ができた</li>
</ul>
</li>
</ul>
<p>ひとことレポート</p>
<p>チームの中で「共通の言葉」がある姿が、非常に良いなと感じました！<br>
細かな方向性の違いも「共通の言葉」によって正せそうですね。</p>
<h2>2.「エンジニアが要件定義に上手く絡むには」</h2>
<p>塩原 基弘 株式会社Another works CTO / <a href="https://drive.google.com/file/d/19S2UO-8usmiqndc-Oy9bEqb4z7bJ9gBg/view?usp=sharing">登壇資料</a></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/3e5e7293-1533-4436-b1ad-7d6d39ea3f0d/part2.jpeg" alt="part2.jpeg"></p>
<p>内容</p>
<ul>
<li>「要求定義」と「要件定義」
<ul>
<li>要求定義：誰のどの課題を解決するか（What）なぜその課題を解決するのか、課題であるのか？（Why）</li>
<li>要件定義：どういう手段で解決するのか？（How）</li>
</ul>
</li>
<li>要求定義が終わった段階で、それを元に要件定義書を Pdm・デザイナー・エンジニア含め４人くらいで同期的に作成する「要件定義会」を導入してみた
<ul>
<li>エンジニアの役割：課題解決手法の立案、コストの見積もり</li>
</ul>
</li>
<li>要件定義に積極的になるにはどうすれば良いか
<ul>
<li>意見を出すのが難しい時はピンポイントで考えてみる</li>
<li>定期的にサービスを触る癖をつける</li>
</ul>
</li>
</ul>
<p>ひとことレポート</p>
<p>「エンジニアのみなさん、要件定義は好きですか？」の問いから始まった本セッションでは、弊社チームの取り組みである「要件定義会」や「毎朝QA」が紹介され、改めてその開催意味を理解しながら聞いていました。<br>
それぞれの専門領域を活かして異なる提案が出てくる要件定義会は、施策の質・スピード共にアプローチできる良い方法だなと感じました！</p>
<h2>3.「ミッションから紐解く、フィーチャーチームへの意識改革」</h2>
<p>根岸 勇弥 株式会社SmartHR プロダクトエンジニア / <a href="https://speakerdeck.com/negi_andleek/mitusiyonkaraniu-jie-ku-huitiyatimuhenoyi-shi-gai-ge">登壇資料</a><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/eaf75e14-e925-4f02-a1e3-b7c71d1a6a7d/part3.jpeg" alt="part3.jpeg"></p>
<p>内容</p>
<ul>
<li>課題：組織の拡大に伴い分業化が進み、顧客価値を中心にチームで働くのが難しい</li>
<li>顧客中心の機能を実現する、安定した長期存続することを目的としたフィーチャーチーム誕生
<ul>
<li>フィーチャーリードを通じてプロダクトエンジニアも使用について考えるようになった</li>
<li>課題解決のために、第三の案を考えられるようになった</li>
</ul>
</li>
<li>チームとして、プロダクトに責任を持つことは大事</li>
<li>チームの意識・体質を改善するには時間がかかるが、良いプロダクトを作ろうという共通認識を持っているのは悪いことではない</li>
</ul>
<p>ひとことレポート</p>
<p>顧客価値に徹底したフィーチャーチームとても格好良いなと思いました！<br>
こういったチームを筆頭にメンバー全員が顧客価値志向なエンジニアになった時には色んな Howが出てきて楽しみだなと感じました！</p>
<h2>4.「エンジニアリングがどうプロダクトの企画に活きるのか」</h2>
<p>宮内 北斗 株式会社Another works PdM / <a href="https://drive.google.com/file/d/1ZkvglS4P0x4lPAz8-XI0xOGdw85skMqi/view?usp=sharing">登壇資料</a><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/fcec7c8f-889b-4470-b129-f2b7f5432c3a/part4.jpeg" alt="part4.jpeg"></p>
<p>内容</p>
<ul>
<li>元エンジニアが PdMをやってよかったと思ったこと
<ul>
<li>エンジニア、デザイナーとコミュニケーションが取りやすい</li>
<li>課題に対する解決策の具体性や実現性が高い</li>
</ul>
</li>
<li>エンジニアとして施策の価値向上に貢献できること
<ul>
<li>要件定義のブラッシュアップ
<ul>
<li>ユースケース漏れ許さないマン</li>
<li>そもそもマン（本当に必要か？）</li>
<li>シンプルis正義マン</li>
</ul>
</li>
</ul>
</li>
</ul>
<p>ひとことレポート</p>
<p>エンジニア出身の PdM だからこそ思う、エンジニア知識があってよかったと思うこと、エンジニアに頼りたいことが聞けました！<br>
個人的には「ユースケース漏れ許さないマン」を尊敬しており、目指してみようと思いました！</p>
<h1>■ 交流会</h1>
<p>交流会は、LT登壇者と当日お越しいただいたオーディエンスの方々で行いました。<br>
LTの内容についての深掘りや考え、技術の話、それぞれのチームの取り組み… など様々な話題で大変盛り上がりました！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/498a611f-afb9-46c9-85ed-5a7f265b86f6/PXL_20230725_122252457.MP.jpg" alt="PXL_20230725_122252457.MP.jpg"></p>
<h1>■ 最後に</h1>
<p>Another works では今後も学びと交流の場となるイベントを開催していく予定です！</p>
<p>Connpassでグループメンバーになっていただけると開催通知が送られますので、以下より是非グループメンバー登録をよろしくお願いします！</p>
<p><a href="https://anotherworks.connpass.com/">Another works Connpass</a></p>
<p>なお今回のイベントの感想など #AwEngineerMeetup のハッシュタグ付きでツイートをして盛り上げていただけると嬉しいです！</p>
<p>SmartHRの皆様、ご参加いただいた皆様、本当にありがとうございました！！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/d2a0f35a-c394-4c7c-99ce-44a24007e91f/PXL_20230725_114625834.MP.jpg" alt="PXL_20230725_114625834.MP.jpg"></p>


Another works × SmartHR【顧客に価値を届けるプロダクト志向なエンジニアリング】イベントレポート

<p>こんにちは！Another works エンジニアのまっちです！</p>
<p>今回は、弊社 <strong><a href="https://anotherworks.co.jp/">Another works</a> と <a href="https://www.hrbrain.co.jp/about/">HRBrain</a></strong> さんで 2023/6/28(水) に開催したLT×交流会 <a href="https://anotherworks.connpass.com/event/285380/">プロダクト開発を支える技術</a> のイベントレポートをお届けします！</p>
<h1>■ イベントの概要</h1>
<p>今回は 3/30(木)に開催した <a href="https://anotherworks.connpass.com/event/276673/">Front-end Meetup 2023</a> に引き続き HRBrain さんオフィスをお借りして共催イベントを開催！</p>
<p>弊社イベントはこれまで、フロントエンドをテーマに数多く開催してきました。</p>
<p>今回は “プロダクト開発を支える技術” と、いつもと異なるテーマの開催だったのでドキドキでした！</p>
<p>そのようななか、オフライン、オンライン合わせて40名ほどの方にご参加いただきました！！</p>
<p>ありがとうございます！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/1eedf2d8-3275-40ad-bf00-3a03fa00fe79/PXL_20230628_103202096.jpg" alt="PXL_20230628_103202096.jpg"></p>
<h1>■ LT登壇内容</h1>
<ol>
<li><strong><a href="https://twitter.com/bellwood4486">鈴木 善晴</a> 氏 株式会社HRBrain テックリード： 「マイクロサービスのローカル開発環境をTiltを使って2年運用して得た知見」</strong></li>
<li><strong><a href="https://twitter.com/MotohiroSiobara">塩原 基弘</a> 株式会社Another works 取締役CTO：「施策のPDCAを回すためのデータ分析基盤」</strong></li>
<li><strong><a href="https://twitter.com/ingtk8">稲垣 隆徳</a> 氏 株式会社HRBrain テックリード：「ChatGPTとPythonを用いた高速なデータ可視化プロトタイピング」</strong></li>
</ol>
<h2>1.「マイクロサービスのローカル開発環境をTiltを使って2年運用して得た知見」</h2>
<p><strong><a href="https://twitter.com/bellwood4486">鈴木 善晴</a> 株式会社HRBrain テックリード / <a href="https://speakerdeck.com/bellwood4486/maikurosahisunorokarukai-fa-huan-jing-wotiltwoshi-tute2nian-yun-yong-sitede-tazhi-jian">登壇資料</a></strong><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/3ac01b79-3fe6-42a2-8c27-3dc50bec4b49/PXL_20230628_104529498.jpg" alt="PXL_20230628_104529498.jpg"><br>
<strong>内容</strong></p>
<ul>
<li>Tiltベースの弊社の開発体験の紹介</li>
<li>Tilt導入の工夫や得られた知見</li>
</ul>
<p><strong>ひとことレポート</strong></p>
<p>Tilt を利用することにより、マイクロサービス構成を気にさせない開発体験はいいなと感じました！</p>
<p>開発環境改善は日々の業務をするなかで優先順位付けが難しくなかなか着手し辛い側面があります。</p>
<p>その文脈ででた話で、開発体験の悪さから生じる憤りをエネルギーに変換することを「怒り駆動開発」という言葉で表現されていて、個人的にツボでした。笑</p>
<p>HRBrain さんのサービスも開発チームも成長し続けるなかでの生の話が聞けて非常に学びあるお話でした！</p>
<h2>2.「施策のPDCAを回すためのデータ分析基盤」</h2>
<p><strong><a href="https://twitter.com/MotohiroSiobara">塩原 基弘</a> 株式会社Another works 取締役CTO / <a href="https://drive.google.com/file/d/10rXQj6jqELGQixIMAUSPjI6n1V51-z24/view">登壇資料</a></strong><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/3661c92f-0a59-4d8f-946b-a24e2d6b26f8/PXL_20230628_110608327.MP.jpg" alt="PXL_20230628_110608327.MP.jpg"></p>
<p><strong>内容</strong></p>
<ul>
<li>分析基盤の概要</li>
<li>ログデータを BigQuery に取り込む</li>
<li>分析用ログを Cloudwatch に吐き出す</li>
<li>まとめ
<ul>
<li>データの活用は後からでもできるけど、基盤の構築は早い方がいい</li>
<li>厳密であることはコミュニケーションをシンプルにする</li>
<li>厳密さを保ちつつ、コストを下げることはセットでやるべき</li>
</ul>
</li>
</ul>
<p><strong>ひとことレポート</strong></p>
<p>データ分析においてデータサイエンティスト、PdM、実装者と関係者が多い故にコミュニケーションが繁雑になってしまう。この現状に対して ALL TypeScript で対応しているなどの工夫の部分が「なるほど」と改めて勉強になりました！</p>
<h2>3.「ChatGPTとPythonを用いた高速なデータ可視化プロトタイピング」</h2>
<p><strong><a href="https://twitter.com/ingtk8">稲垣 隆徳</a> 株式会社HRBrain テックリード / <a href="https://speakerdeck.com/ingtk/chatgpttopythonwoyong-ita-gao-su-nadetake-shi-hua-purototaipingu">登壇資料</a></strong><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/c0f257bc-a899-4c88-9250-c171d4cc1421/PXL_20230628_111936489.MP.jpg" alt="PXL_20230628_111936489.MP.jpg"><br>
<strong>内容</strong></p>
<ul>
<li>バックエンドエンジニアのプロトタイピングへの関わり方
<ul>
<li>なぜプロトタイピングをやるのか</li>
<li>プロトタイピングの課題</li>
</ul>
</li>
<li>データ可視化アプリケーションを爆速で作る</li>
</ul>
<p><strong>ひとことレポ</strong></p>
<p>最近弊社 Another works でも最近プロトタイピングを取り入れて開発をしていたのでタイムリーでした。実際に動くものを見せることでコミュニケーションが円滑になるという話は非常に納得でした！</p>
<p>あと個人的に “LLM アイデアソン” を実施したというのが非常にうらやましかったです。うちでもやりたい。。。</p>
<h1>■ 交流会</h1>
<p>交流会にはLT登壇者も参加しました。</p>
<p>LT内容についての話や、技術の深い話、普段の開発におけるあれこれ、など最後まで大変盛り上がり、話題の尽きない時間でした！<br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/1ab56a86-21d7-4291-899a-bd7838bcac67/PXL_20230628_115818845.jpg" alt="PXL_20230628_115818845.jpg"></p>
<h1>■ さいごに</h1>
<p>Another works では今後も学びと交流の場となるイベントを開催していく予定です！</p>
<p>Connpassでグループメンバーになっていただけると開催通知が送られますので、以下より是非グループメンバー登録をよろしくお願いします！</p>
<p><a href="https://anotherworks.connpass.com/">Another works Connpass</a></p>
<p>なお今回のイベントの感想など <strong>#AwEngineerMeetup</strong> のハッシュタグ付きでツイートをして盛り上げていただけると嬉しいです！</p>
<p>HRBrain のみなさま、ご参加いただいたみなさまありがとうございました！<br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/bf64f452-ca3e-453e-b33d-08cbdcae37ec/PXL_20230628_113759123.MP(1).jpg" alt="PXL_20230628_113759123.MP(1).jpg"></p>


Another works × HRBrain 【プロダクト開発を支える技術】イベントレポート

<p>こんにちは、はけまるです！</p>
<p>2023/06/22に弊社が主催した、豪華5社によるフロントエンドイベント「<strong><a href="https://anotherworks.connpass.com/event/285095/">Front-end Deep Dive Online</a></strong>」についてのレポートを書かせていただきます！</p>
<p>ご参加いただいた5社☆</p>
<ul>
<li>株式会社クラスメソッド</li>
<li>株式会社ゆめみ</li>
<li>株式会社SmartHR</li>
<li>株式会社HRBrain</li>
<li>株式会社Another works</li>
</ul>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/a1f7f4d1-9e46-43e4-ba53-b92c77410235/24a4bfb7671904855fa97ae3594dcfe3.png" alt="24a4bfb7671904855fa97ae3594dcfe3.png"></p>
<h1>目次</h1>
<ul>
<li>イベントの概要</li>
<li>LT登壇内容
<ol>
<li>「巨大tableのパフォーマンスを改善する」</li>
<li>「フロントエンド開発エクササイズ」</li>
<li>「改善活動に戦略と秩序を持たせる」</li>
<li>「HRBrainの生態系を支えるフロントエンドチームの取り組み」</li>
<li>「頑張りすぎない、開発生産性を上げるフロントエンドテスト戦略」</li>
</ol>
</li>
<li>おわりに</li>
</ul>
<h1>イベントの概要</h1>
<p>Another worksでは、技術力を磨きたい、あるいは他社のチームの取り組みについて知りたいと考えている方々向けに定期的にイベントを開催しています！</p>
<p>今回は、各社のCTOやテックリード、エンジニアリングマネジャー、フロントエンドエンジニアの方々に技術や生産性、チームの成長、実装時の考え方など様々なテーマで登壇いただきました！</p>
<p>参加人数は120名を超え、 <strong>#AwEngineerMeetup</strong> のハッシュタグでたくさんの方にTweetしていただけました！</p>
<h1>LT登壇内容</h1>
<ol>
<li>株式会社クラスメソッド 高橋 ゆうき様：<strong>「巨大tableのパフォーマンスを改善する」</strong></li>
<li>株式会社ゆめみ スー様：<strong>「フロントエンド開発エクササイズ」</strong></li>
<li>株式会社SmartHR 山本 裕太様：<strong>「改善活動に戦略と秩序を持たせる」</strong></li>
<li>株式会社HRBrain 山口 祐司様：<strong>「HRBrainの生態系を支えるフロントエンドチームの取り組み」</strong></li>
<li>株式会社Another works 塩原 基弘：<strong>「頑張りすぎない、開発生産性を上げるフロントエンドテスト戦略」</strong></li>
</ol>
<h2>1.「巨大tableのパフォーマンスを改善する」</h2>
<p>株式会社クラスメソッド <a href="https://twitter.com/hbsnow">高橋 ゆうき様</a></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/24088843-fe84-4dfe-b8ca-324c27cecf1e/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882023-07-0419.31.40.png" alt="スクリーンショット2023-07-0419.31.40.png"></p>
<h3>内容</h3>
<ul>
<li>巨大テーブルのパフォーマンス改善に立ち向かう</li>
<li>requestIdleCallbackにより、CPUに余裕があるときに順次表示するDeferコンポーネント</li>
<li>IntersectionObserverで最下部まで到達したら以降のコンテンツを読み込む</li>
<li>uiがブロックされるとき、useTransitionが使える</li>
</ul>
<p>サンプルサイトは<a href="https://hbsnow-sandbox.github.io/react-heavy-table/">こちら</a>！</p>
<h3>はけまるレポート</h3>
<p>requestIdleCallbackやIntersectionObserverは聞いたことはありましたが、実際に使ったことは初めてだったのでとても勉強になりました！<br>
「最初に思い浮かんだ方法が唯一の解決方法とは限らない」という考え方はプロダクト開発者としてとても大切にしていきたいです！</p>
<h2>2.「フロントエンド開発エクササイズ」」</h2>
<p>株式会社ゆめみ <a href="https://twitter.com/TakamasaSuzuki6">スー様</a></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/787100aa-58ad-45a5-934c-83a78031b52d/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882023-07-0320.20.45.png" alt="スクリーンショット2023-07-0320.20.45.png"></p>
<h3>内容</h3>
<ul>
<li>より良いコードを書くためのガイドラインをエクササイズ形式で伝授</li>
<li>エクササイズ項目はこちら！
<ul>
<li>classNameプロパティ禁止</li>
<li>optionalプロパティ禁止</li>
<li>プロパティは最大3つ</li>
<li>exportするものは全体でユニークな名前にする</li>
<li>スナップショットテストの導入役割ごとにファイルを分ける</li>
</ul>
</li>
</ul>
<h3>はけまるレポート</h3>
<p>すーさんの話す「じゃあやめましょう」がとても聞き心地がよく、癖になりました！笑<br>
特にoptionalプロパティを使いすぎると条件分岐が増えてつらい思いをしたことがあるので、共感しました。すぐに実践できる内容も多く、今後の実装時に意識していきたいと思います！</p>
<h2>3.「改善活動に戦略と秩序を持たせる」</h2>
<p>株式会社SmartHR <a href="https://twitter.com/YtYmmt">山本 裕太様</a></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0a0def6b-94a0-4a5e-b07b-e83e546d8d59/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882023-07-0320.27.32.png" alt="スクリーンショット2023-07-0320.27.32.png"></p>
<h3>内容</h3>
<ul>
<li>フロントエンドエンジニアの横串チームにおける、改善活動の課題と、実際に行った施策のお話</li>
<li>大規模スクラム（LeSS）で開発する組織の中で、チーム外の活動に対し、いかにメンバーが戦略を理解し、活動を自分ごと化できるようにしていったかのアプローチを解説</li>
<li>「横串会」を改善するために実際にやったこと
<ul>
<li>目的の言語化</li>
<li>課題の発散から収束（洗い出し→現状理解→優先度づけ）</li>
<li>課題の可視化（zatsuバックログの作成）</li>
</ul>
</li>
</ul>
<h3>はけまるレポート</h3>
<p>サイドワーク的な側面と明確な行動目的、どちらも兼ね備えた「横串会」が、とても魅力的でした！<br>
サイドワーク的な側面が強すぎると、成果があまり出ないことが多く、やるからにはしっかり目的を持って行動することが大切だと再認識。<br>
フロントエンドやエンジニアはもちろん、様々な職種で使える考え方を学ぶことができ、とても有意義な内容でした！</p>
<h2>4.「HRBrainの生態系を支えるフロントエンドチームの取り組み」</h2>
<p>株式会社HRBrain <a href="https://twitter.com/yug1224">山口 祐司様</a></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0a26e2fb-ed4a-4638-b52e-5c26b7747eba/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882023-07-0419.33.36.png" alt="スクリーンショット2023-07-0419.33.36.png"></p>
<h3>内容</h3>
<ul>
<li>マルチプロダクト×フロントエンドの不を改善する
<ul>
<li>デザインシステムとUIコンポーネントライブラリ</li>
</ul>
</li>
<li>活躍人材の再現性を高めるための改善
<ul>
<li>フロントエンドオフィスアワー</li>
<li>コミュニケーションの可視化</li>
</ul>
</li>
</ul>
<h3>はけまるレポート</h3>
<p>メンバーが活躍できるようにするために様々なアプローチがあることを知り、視野が広がりました！特にコミュニケーション量の可視化でこんなことがわかるのかと、とても驚きました。笑<br>
フロントエンドオフィスアワーで実施されていたTypeChallenge、昔ひとりで挑戦して数問で挫折したので、弊社メンバーでもやってみたいな〜</p>
<h2>5.「頑張りすぎない、開発生産性を上げるフロントエンドテスト戦略」</h2>
<p>株式会社Another works <a href="https://twitter.com/MotohiroSiobara">塩原 基弘</a></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/112a2445-bced-4540-afec-cfe516b2ba7b/IMG_9111585945BA-1.jpeg" alt="IMG_9111585945BA-1.jpeg"></p>
<h3>内容</h3>
<ul>
<li>開発生産性を向上させるという目的でテストを書くことで安定性と開発の効率化を促す直近の取り組みについて</li>
<li>テストは小さく始める（あれもこれも手を出さない）</li>
<li>取り組み事例
<ul>
<li>playwrightを利用したクロスブラウザQAを動画で行う</li>
<li>PR差分に対してのカバレッジレポートを導入</li>
<li>バグが発生したときにみんなで集まって、テストを書く</li>
</ul>
</li>
</ul>
<h3>はけまるレポート</h3>
<p>テストはあと回しにしがちなので、最初は小さくはじめ、重要かつ簡単な部分から始めることで導入がよりしやすくなるというのはとても共感しました！<br>
また、複数の主要ブラウザをすべてQAするのは難しいので動画を取ってくれるplaywriteはとても便利ですね〜<br>
今後はテストをうまく使って楽をしていきたいと思います！</p>
<h1>LT後交流会</h1>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/88bfb9a0-d20b-4569-aeab-438bf08a4a59/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882023-07-0419.54.39.png" alt="スクリーンショット2023-07-0419.54.39.png"></p>
<p>LT後は登壇者のメンバーで意見交流会を実施！<br>
横串会やテストについてなど各社の開発体制によって様々な意見があり、とても勉強になりました〜！</p>
<h1>おわりに</h1>
<p>Another worksでは7月, 8月と毎月イベントを開催していく予定です！<br>
 <strong>#AwEngineerMeetup</strong> のハッシュタグ付きでツイートで一緒に盛り上げいただけると嬉しいです！<br>
<a href="https://anotherworks.connpass.com/">Connpass</a>でグループメンバーになっていただけると開催通知が送られますので、以下より是非グループメンバー登録をよろしくお願いします！</p>


2023/06/22 Front-end Deep Dive Online イベントレポート

<p>こんにちは、まっちです！今回は、弊社 <strong><a href="https://anotherworks.co.jp/">Another works</a></strong> と <strong><a href="https://smarthr.co.jp/">SmartHR</a></strong> さんで 2023/4/18(火) に開催したLT×交流会 <a href="https://anotherworks.connpass.com/event/278310/">FRONT-END DEEP DIVE</a> のイベントレポートをお届けします！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/c2cf104b-c0fa-48b4-947b-9a33302cc782/IMG_5373.jpg" alt="IMG_5373.jpg" title="会場"></p>
<h1>目次</h1>
<ul>
<li>イベントの概要</li>
<li>LT登壇内容
<ul>
<li>1.「Web Components を使ったウィジェット埋め込みの話」</li>
<li>2.「Next13新機能 App Routerにどう向き合うか？」</li>
<li>3.「元フロントエンドエンジニアからみたデザイナーとの協業と実態」</li>
</ul>
</li>
<li>交流会</li>
<li>さいごに</li>
</ul>
<h1>イベントの概要</h1>
<p>これまで8回ほど Another works が開催してきたフロントエンドLTイベント！<br>
今回は SmartHR さんにご協力いただき、オフィスをお借りして共催イベントを開催しました！</p>
<p>オフライン約60名、オンライン約80人と<strong>フロントエンドに DEEP DIVE したい</strong>たくさんの方に参加をいただきました！</p>
<p>SmartHR さんにお借りした会場すごすぎる。</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/51784638-a29c-42b7-8026-511c75f0417e/IMG_5382.jpg" alt="IMG_5382.jpg" title="会場の様子"></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/7df13b33-7a93-45af-a962-3ffdedb96caa/IMG_5420.jpg" alt="IMG_5420.jpg" title="受付でお渡しした案内"></p>
<h1>LT登壇内容</h1>
<p><strong>1. <a href="https://twitter.com/nabeliwo">nabeliwo</a> 株式会社SmartHR フロントエンドエンジニア： 「Web Components を使ったウィジェット埋め込みの話」</strong></p>
<p><strong>2. <a href="https://twitter.com/MotohiroSiobara">sol</a> 株式会社Another works 取締役CTO：「Next13新機能 App Routerにどう向き合うか？」</strong></p>
<p><strong>3. <a href="https://twitter.com/uknmr">uknmr</a> 株式会社SmartHR プロダクトデザイナー：「元フロントエンドエンジニアからみたデザイナーとの協業と実態」</strong></p>
<h2>1.「Web Components を使ったウィジェット埋め込みの話」</h2>
<p><strong><a href="https://twitter.com/nabeliwo">nabeliwo</a> 株式会社SmartHR フロントエンドエンジニア / <a href="https://speakerdeck.com/nabeliwo/embedding-widgets-using-web-components">登壇資料</a></strong></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/e910abad-a3b9-4a49-b01e-14fe95a7d3b4/IMG_5401.jpg" alt="IMG_5401.jpg"></p>
<h3>内容</h3>
<ul>
<li>Web Components ってそもそもなんだっけのおさらい</li>
<li>Platform 事業で Web Compnents を採用した話</li>
<li>なぜ Web Components を採用したのか</li>
<li>実際に使ってみてどうだったか</li>
<li>今後の Platform 事業の技術的な展望</li>
</ul>
<h3>ひとことレポ</h3>
<p>現状の SmartHR さんが抱えている複雑さ（haml + jQuery,  React でそれぞれ動いている、など）にどう向き合っているのか、というリアルを知れる話でした。同じような悩みを抱える人、今後プロダクトを長く運用することを考えている人にとっては勉強になる内容だったのではないでしょうか？そして、SmartHR さん の Platform 事業における展望もあり、今後の開発が楽しみになる内容でした！</p>
<h2>2.「Next13新機能 App Routerにどう向き合うか？」</h2>
<p><strong><a href="https://twitter.com/MotohiroSiobara">sol</a> 株式会社Another works 取締役CTO / <a href="https://drive.google.com/file/d/1zcO7QymmyTF5m64elzubvoJFOTjwnklh/view">登壇資料</a></strong></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/baf7b5ed-49ce-4044-82b0-4ae75579b265/IMG_5404.jpg" alt="IMG_5404.jpg"></p>
<h3>内容</h3>
<ul>
<li>どのように機能を開発しているか？
<ul>
<li>心構え</li>
</ul>
</li>
<li>App Router とは？
<ul>
<li>今のプロダクトに App Router を導入すべきかどうか</li>
<li>導入メリット</li>
<li>実際に試してみる</li>
</ul>
</li>
<li>Server Components とは？
<ul>
<li>経営者目線で Server Components のメリットを見てみる</li>
</ul>
</li>
<li>今後やりたいこと</li>
</ul>
<h3>ひとことレポ</h3>
<p>多くのプロダクトで利用されている Next.js の新機能である App Router の導入メリット、懸念点に関する話でした。また、「検証までのスピード向上」や、「セキュリティリスクの軽減」ができるという内容がありました。その点を「経営者目線で考える」と嬉しいことが多い、という話があり、取締役でありながらエンジニアでもある sol さんならではの考え方で興味深いものでした！</p>
<h2>3.「元フロントエンドエンジニアからみたデザイナーとの協業と実態」</h2>
<p><strong><a href="https://twitter.com/uknmr">uknmr</a> 株式会社SmartHR プロダクトデザイナー / <a href="https://docs.google.com/presentation/d/1k8RoNRXAMNazayzIGs14BZcVFeADVYvL2GxbaSeAGwM/edit#slide=id.p">登壇資料</a></strong></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/90816bb7-7f84-4b52-8963-95beef6d2d56/IMG_5414.jpg" alt="IMG_5414.jpg"></p>
<h2>内容</h2>
<ul>
<li>自己紹介と職歴紹介</li>
<li>SmartHR のプロダクトデザイナー</li>
<li>デザイナーとの協業あるある?</li>
<li>実際の働き方 1</li>
<li>実際の働き方 2</li>
</ul>
<h2>ひとことレポ</h2>
<p>「コミュニケーションを蜜に取りながら改善しながらプロダクトをつくっていくスタイル」がユニークでした（気になる方はぜひ登壇資料をご覧ください！）。そして、SmartHR さんのスタイルは下記部分が前提となっている、という話がありました。</p>
<ul>
<li>良いプロダクトをつくる気持ちがある</li>
<li>本質的なプロダクトをやっていく環境がある</li>
<li>本気で SmartHR が日本の労働を変えていけると信じている</li>
</ul>
<p>そういった環境、人たちと働くことができる SmartHR さんの開発環境は魅力的に思います！</p>
<h1>交流会</h1>
<p>交流会にはLT登壇者も参加しました。LT内容についての話や、フロントエンドの深い話、普段の開発におけるあれこれ、など最後まで大変盛り上がり、話題の尽きない時間でした！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/33252b84-6d19-431d-aa4a-167ccc498cbe/PXL_20230418_122355664.jpg" alt="PXL_20230418_122355664.jpg" title="交流会の様子"></p>
<h1>さいごに</h1>
<p>Another works では今後も学びと交流の場となるイベントを開催していく予定です！</p>
<p>Connpassでグループメンバーになっていただけると開催通知が送られますので、以下より是非グループメンバー登録をよろしくお願いします！<br>
<a href="https://anotherworks.connpass.com/">Another works Connpass</a></p>
<p>なお今回のイベントの感想など <strong>#AwEngineerMeetup</strong> のハッシュタグ付きでツイートをして盛り上げていただけると嬉しいです！</p>
<p>SmartHR のみなさま、ご参加いただいたみなさまありがとうございました！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/47ff651f-11c9-4e2b-bb0a-aeabe89b1868/PXL_20230418_115508340.jpg" alt="PXL_20230418_115508340.jpg" title="参加いただいたみなさまでの集合写真"></p>


Another works × SmartHR 【FRONT-END DEEP DIVE】イベントレポート

<p>こんにちは、まっちです！<br>
今回は、弊社 <strong>Another works と HRBrain</strong> 様で 2023/3/30(木) に開催したLT×交流会 <a href="https://anotherworks.connpass.com/event/276673/">Front-end Meetup 2023</a>のイベントレポートをお届けします！</p>
<p>オフライン約50名、オンライン約70人と多くの方に参加のお申込みをいただきました！</p>
<h1>イベントの概要</h1>
<p>これまで7回ほどAnother worksが開催してきたフロントエンドLTイベント！今回はHRBrain様にご協力いただき、初めて共催イベントを開催しました！<br>
HRBrain様のオフィスをお借りして実施しました。また、オフラインだけではなくオンラインでも参加できるように準備しました！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/2e8c6028-8fcc-4db0-a468-d24dccb2b620%2FIMG_5343.jpg" alt="IMG_5343.jpg" title="受付の様子"></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/d1d6ee66-ba60-4e77-a03a-ed1218361b7f%2FPXL_20230330_111105845.jpg" alt="PXL_20230330_111105845.jpg" title="たくさんの方にお集まりいただきました"></p>
<p>イベントの前半では、<br>
各社のCTOやテックリードがアーキテクチャやUIライブラリ開発などのフロントエンドの深い部分に触れるLTを実施。<br>
後半は、オフライン参加の方限定で交流会を実施し、技術や、開発における話や情報交換の場を設けました！</p>
<h1>LT登壇内容</h1>
<ol>
<li>㈱ HRBrain CTO 鈴木 悠大： 「SaaSフロントエンド開発の現場で求められる技術」</li>
<li>㈱ Another works CTO 塩原 基弘：「複業クラウドのフロントエンドに関する全てを公開します！」</li>
<li>㈱ HRBrain SubTL 岩本 佳吾：「HRTech SaaSで開発している共通UIライブラリについて」</li>
</ol>
<h2>1. 「SaaSフロントエンド開発の現場で求められる技術」</h2>
<p>㈱ HRBrain CTO 鈴木 悠大 / <a href="https://www.figma.com/proto/4JTZKEkxziVdWxXS3kPxjU/Front-end-Meetup-2023?node-id=1-2&amp;scaling=contain">登壇資料</a></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/d4589254-09ce-416c-b870-e34af59b534e%2FIMG_8014.jpg" alt="IMG_8014.jpg"></p>
<h3>内容</h3>
<ul>
<li>HRBrainの実例を基に、企業向けSaaS開発で求められるフロントエンドの特長と、それを解決するために使用している技術について</li>
<li>企業向けSaaSの世の中のイメージ
<ul>
<li>堅実なアプリケーション作りが求められるため、面白さに欠ける印象があるかもしれない</li>
</ul>
</li>
<li>企業向けSaaSの特徴
<ul>
<li>カスタマイズ性が求められがち</li>
<li>データ入力が多くなりがち</li>
<li>データの可視化が求められがち</li>
</ul>
</li>
<li>まとめ
<ul>
<li>SaaSフロントエンドでは情報量が多く、見せ方や扱いにフロントエンド力が重要</li>
<li>技術がなくても基本要件は満たせるが、使いやすさに大きく影響する</li>
<li>顧客に向き合うとSaaSのフロントエンドは楽しい</li>
</ul>
</li>
</ul>
<h3>ひとことレポ</h3>
<p>顧客とフロントエンドの技術に向き合って開発をする楽しさが伝わってきました。<br>
HRBrainさんのフロントエンド開発の魅力が感じられる登壇内容でした！</p>
<h2>2. 「複業クラウドのフロントエンドに関する全てを公開します！」</h2>
<p>㈱ Another works CTO 塩原 基弘 / <a href="https://docs.google.com/presentation/d/1mkzER_urMPXyYchzVyGcOc6mER_K2MwBK-exHvAvgG8/edit#slide=id.g22331a12ada_0_0">登壇資料</a></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/6650f1d3-2c27-460a-ace8-99f25e24e21f%2FIMG_8019.jpg" alt="IMG_8019.jpg"></p>
<h3>内容</h3>
<ul>
<li>複業クラウドというプロダクトについて
<ul>
<li>コンテキストの違い</li>
<li>機能は一見シンプルだけど意外と複雑になりがち</li>
</ul>
</li>
<li>どのように機能を開発しているか？
<ul>
<li>成果を意識する</li>
<li>とにかくドキュメンテーション</li>
<li>事象や課題を意識した上で開発を行う</li>
</ul>
</li>
<li>フロントエンドの設計について
<ul>
<li>設計思想
<ul>
<li>共通化よりも多少の重複を許容する</li>
<li>楽に考え捨てやすくする</li>
<li>利用可能な範囲をなるべく限定的にする</li>
</ul>
</li>
<li>コンポーネント設計</li>
<li>ディレクトリ設計</li>
</ul>
</li>
<li>DX(Developer Experience)の取り組み
<ul>
<li>コーディング規約とそれを守れる仕組み</li>
<li>バンドルサイズレポート</li>
</ul>
</li>
<li>失敗事例の紹介
<ul>
<li>フロントエンド設計を各リポジトリーオーナーに任せる</li>
<li>フロントエンドにクリーンアーキテクチャの概念を導入</li>
<li>Atomic Designの失敗</li>
</ul>
</li>
<li>今後やりたいこと
<ul>
<li>フロントエンドのさらなる開発生産性の向上！！</li>
<li>高速でベータ版をリリースして検証できる仕組み</li>
</ul>
</li>
</ul>
<h3>ひとことレポ</h3>
<ul>
<li>フロントエンドにクリーンアーキテクチャの概念を導入</li>
<li>Atomic Designの失敗</li>
</ul>
<p>などの失敗事例の紹介では共感されている方も多くいたようで、フロントエンドの辛いところはどの開発現場でも似たような部分があるのだな、と改めて感じました！</p>
<h2>3. 「HRTech SaaSで開発している共通UIライブラリについて」</h2>
<p>㈱ HRBrain SubTL 岩本 佳吾 / <a href="https://speakerdeck.com/shippokun/hrtech-saastekai-fa-siteirugong-tong-uiraihurarinituite">登壇資料</a></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/1180a16d-941f-4524-8944-f7254df21492%2FIMG_6684.jpeg" alt="IMG_6684.jpeg"></p>
<h3>内容</h3>
<ul>
<li>HRBrainでのUIライブラリの立ち位置</li>
<li>運用体制・これまでの開発</li>
<li>採用技術
<ul>
<li>一部コンポーネントの紹介</li>
</ul>
</li>
<li>運用していく中での課題感と対策</li>
<li>UIライブラリを開発していく中で難しい部分としくじり</li>
<li>まとめと今後
<ul>
<li>貢献しやすい状態を作り出すことで継続的な改善をする</li>
<li>UIライブラリとプロダクトの責務を定義することで迷わない開発を</li>
</ul>
</li>
</ul>
<h3>ひとことレポ</h3>
<p>エンジニアだけでなくデザイナーもコントリビュートを狙っている、というのが良い文化だと感じました。<br>
エンジニアとデザイナーの協調、相互理解の助けにもなっていそうですね！</p>
<h1>交流会</h1>
<p>交流会にはLT登壇者も参加しました。<br>
LT内容についての話や、普段の開発におけるあれこれ、興味関心のある技術の話など最後まで大変盛り上がり、話題の尽きない時間となりました！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/dd3bcc30-863b-4c52-94c0-575e0a0ef219%2FIMG_0030.jpg" alt="IMG_0030.jpg" title="交流会の様子"><br>
<img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/9774d1b1-39e1-4fcb-8ff9-972e98875e7a%2FIMG_0031.jpg" alt="IMG_0031.jpg" title="交流会の様子"></p>
<h1>さいごに</h1>
<p>Another works では今後も学びと交流の場となるイベントを開催していく予定です！</p>
<p>Connpassでグループメンバーになっていただけると開催通知が送られますので、以下より是非グループメンバー登録をよろしくお願いします！<br>
<a href="https://anotherworks.connpass.com/">Another works Connpass</a></p>
<p>なお今回のイベントの感想など <code>#AwEngineerMeetup</code> のハッシュタグ付きでツイートをして盛り上げていただけると嬉しいです！</p>
<p>HRBrain のみなさま、ご参加いただいたみなさまありがとうございました！</p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/1039305d-1a01-4c6e-bc11-b469a55bedb0%2FPXL_20230330_114304938.MP.jpg" alt="PXL_20230330_114304938.MP.jpg" title="集合写真"></p>
<p><img src="https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/b3d515a2-8879-4ca2-94e8-b54cfdc39a60%2FPXL_20230330_125214161.MP.jpg" alt="PXL_20230330_125214161.MP.jpg" title="運営メンバーでパシャリ"></p>


#Meetup

Another works × コミューン【Developers Meetup エンジニア組織が考える採用戦略】イベントレポート

Another works × ウォンテッドリー成長ベンチャーの開発生産性、なにやってる？【Developers Meetup】

Another works × SmartHR x スタメン【Developers Meetup 急成長ベンチャーが向き合う「開発生産性」】イベントレポート

Another works × freee【DEVELOPER MEETUP! プロダクトの成長を支える強いエンジニア組織のつくりかた】イベントレポート

Another works × SmartHR【顧客に価値を届けるプロダクト志向なエンジニアリング】イベントレポート

Another works × HRBrain 【プロダクト開発を支える技術】イベントレポート

2023/06/22 Front-end Deep Dive Online イベントレポート

Another works × SmartHR 【FRONT-END DEEP DIVE】イベントレポート

Another works / HRBrain【Front-end Meetup 2023 】イベントレポート

#Meetup

Another works × コミューン【Developers Meetup エンジニア組織が考える採用戦略】イベントレポート

Another works × ウォンテッドリー 成長ベンチャーの開発生産性、なにやってる？ 【Developers Meetup】

Another works × SmartHR x スタメン【Developers Meetup 急成長ベンチャーが向き合う「開発生産性」】イベントレポート

Another works × freee【DEVELOPER MEETUP! プロダクトの成長を支える強いエンジニア組織のつくりかた】イベントレポート

Another works × SmartHR【顧客に価値を届けるプロダクト志向なエンジニアリング】イベントレポート

Another works × HRBrain 【プロダクト開発を支える技術】イベントレポート

2023/06/22 Front-end Deep Dive Online イベントレポート

Another works × SmartHR 【FRONT-END DEEP DIVE】イベントレポート

Another works / HRBrain【Front-end Meetup 2023 】イベントレポート

Another works × ウォンテッドリー成長ベンチャーの開発生産性、なにやってる？【Developers Meetup】