サービス

技能：エンジニア

技能：デザイナー

技能：ビジネス職

技能：バックオフィス

ジャンル

<h2 style="line-height:1.38; margin-top:24px; margin-bottom:5px">はじめに</h2>

<p>オンラインサロン開発部 開発グループ アーキテクトチームの塚原です。</p>

<p>DMMオンラインサロンでは現行のシステムにおける課題を解決し、ビジネス的な課題を抽出しつつリプレース・リアーキテクトを進める「neon」プロジェクトに中期的に取り組んでいます。</p>

<p>今回は私達DMMオンラインサロンが注力している「neon」プロジェクトで利用している技術スタックについて紹介します。</p>

<h2>neonプロジェクトについての紹介</h2>

<p><br />
現行のDMMオンラインサロンプロダクトのバックエンドは、PHPで作られているモノリスアーキテクチャのアプリケーションが3つ存在しています。<br />
これらが密結合し分散モノリスのような状態になっていて、変更容易性がなく障害の発生しやすいシステムがリードタイムを徐々に悪化させるようになってしまっていました。</p>

<p>これらのシステム課題を解決し、価値の高いプロダクトを提供するために、サロンオーナーに提供している「オーナー管理画面」と、そのバックエンドアプリケーションのリプレース・リアーキテクトを行っています。</p>

<p><img alt="" height="487" src="https://lh7-us.googleusercontent.com/GLrOQEbn95aSRfqOq8iHvL0GEb6Ye9MzzUF4GW0FWvWEgq3gNLsANUTKHbJDzHmJw9B77_SWRNeGGWvRZWqPnxDDnhr5ndNTcbd2i0BjOe42biYjmeZTXnJPtCwr_8jutMCowcg9uKqU4dAB8LfIxq0" width="1024" /></p>

<p>&nbsp;</p>

<p style="line-height:1.38; margin-top:16px; margin-bottom:16px">これらのうち、マイクロサービス+モジュラモノリスアーキテクチャを採用して作成されたバックエンドアプリケーションを「neon」と呼んでいて、neonの開発を行なっているプロジェクトを「neon」プロジェクトと呼称しています。</p>

<p style="line-height:1.38; margin-top:16px; margin-bottom:16px"><span style="font-size:11pt; font-variant:normal; white-space:pre-wrap"><span style="font-family:Arial,sans-serif"><span style="color:#000000"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none"><span style="border:none"><span style="display:inline-block"><span style="overflow:hidden"><span style="width:2048px"><span style="height:1111px"><img alt="" height="556" src="https://lh7-us.googleusercontent.com/TaAMCV1B6atJcE6qNRNh3xSLTuPhkL2Pc5NkYp3w7acmp6wur__5fh-MK3XjfTyaNsaVH8JuBBfDxEFcyRC8Bz14IDvggAuzMTFxsfcwNnQEt6Q4mvw6ZYw8tDSYNIYWQZfIwrkGGKCC-sszlMrqnzE" width="1024" /></span></span></span></span></span></span></span></span></span></span></span></p>

<p style="line-height:1.38; margin-top:16px; margin-bottom:16px">neonではマイクロサービス+モジュラモノリスのアーキテクチャスタイルを採用することで前述したシステム課題を解決し、ビジネスのスケールに耐え、類似サービスや機能の台頭など周辺環境の変化への迅速な対応ができるプロダクト基盤を目的として刷新を行っています。</p>

<p>詳しくは、以前チームリーダーの赤石が投稿した記事をご覧ください。</p>

<p>&nbsp;</p>

<div data-oembed-url="https://inside.dmm4all.top/articles/salon-neon/">
<div class="iframely-embed">
<div class="iframely-responsive" style="padding-bottom: 52.5%; padding-top: 120px;"><a data-iframely-url="//if-cdn.com/qh0hdid?consent=0" href="https://inside.dmm4all.top/articles/salon-neon/">https://inside.dmm.com/articles/salon-neon/</a></div>
</div>
<script async="" charset="utf-8" src="//if-cdn.com/embed.js"></script></div>

<p>&nbsp;</p>

<p style="line-height:1.38; margin-top:16px; margin-bottom:16px">本記事では、neon周辺で利用している技術スタックとその採用理由について紹介します。</p>

<h2>アプリケーション</h2>

<p>言語: Go<br />
IPC: gRPC<br />
IDL: Protocol Buffers</p>

<h3>Go</h3>

<p>neonのマイクロサービス・モジュラモノリスのアプリケーションではすべてGoを採用しています。<br />
Goの採用理由としては、全社的な技術戦略に加え、学習コストに対するパフォーマンスの高さや後方互換性の高さなどが挙げられます。<br />
現行のオンラインサロンプロダクトのバックエンドはほぼすべてPHPで開発されており、PHPからGoへ移行となりましたが、Goのシンプルな言語仕様のおかげでGo未経験の開発メンバーも問題なくキャッチアップして開発できています。</p>

<h3>gRPC</h3>

<p>マイクロサービス・モジュラモノリス間の通信プロトコルにはgRPC、シリアライズフォーマットにはProtocol Buffersを採用しています。<br />
基本的にクライアントコードを生成して利用することになるので、型システムの恩恵を享受でき、パフォーマンスの高い通信が可能になります。</p>

<p>また、Protocol Buffersは protoc-gen-docというドキュメント生成プラグインやBuf Schema Registry等を利用することで、簡単にドキュメント化することができます。</p>

<p>neonでは、protoc-gen-docと Facebookが開発しているOSSのドキュメントフレームワークである「<a href="https://docusaurus.io/">Docusaurus</a>」を利用してドキュメントを生成し、GitHubPagesでホスティングしています。</p>

<p>当初はBuf Schema Registryを利用していましたが、2023年に料金形態の変更があり<a href="https://buf.build/pricing#faqs">Typeベースの課金形態</a>に変更されました。<br />
利用継続する場合、当時利用していたType数で月額5万円ほどの金額になり、利用ケースに見合ったコスト感ではないと判断したため自前でホスティングしています。</p>

<p style="line-height:1.38; margin-top:16px; margin-bottom:16px">&nbsp;</p>

<h3 style="line-height: 1.38; margin-top: 16px; margin-bottom: 16px;">モノレポ</h3>

<p>マイクロサービス・モジュラモノリスのコードはモノレポで管理していて、構成は以下のようになっています。</p>

<p style="line-height:1.38; margin-top:16px; margin-bottom:16px"><br />
<span style="font-size:11pt; font-variant:normal; white-space:pre-wrap"><span style="font-family:Arial,sans-serif"><span style="color:#000000"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none"><span style="border:none"><span style="display:inline-block"><span style="overflow:hidden"><span style="width:391px"><span style="height:532px"><img alt="" height="532" src="https://lh7-us.googleusercontent.com/Sl2pwgpXS9Mk_2xBMsXosHflQAoaH12oZrquMx9Q3RKp5bn5sfImjF0EWSb8ZT8-MNhb_SvjHEyvx1g_rfO0K_cQfbslESplTlWuKeq84abgAilJGWzQBmPfSlxvE7r3vHWT3qsF4B5fPU0tu3jFkTc" width="391" /></span></span></span></span></span></span></span></span></span></span></span></p>

<p style="line-height:1.38; margin-top:16px; margin-bottom:16px">モノレポを採用している理由には、一般的にもメリットとして挙げられる以下のような点があります。</p>

<ul>
	<li aria-level="1">チーム規模的にサービスperチームのような構成にできないためモノレポの方がチームに合っていて開発効率が高くなると判断した</li>
	<li aria-level="1">コードベースを共通利用しやすい</li>
	<li aria-level="1">依存パッケージのバージョン管理が容易</li>
</ul>

<p>&nbsp;</p>

<p>しかしモノレポで開発を行なっている上で、以下のようなデメリットも見えてきました。</p>

<ul>
	<li aria-level="1">差分がある箇所のみCIを実行する等の仕組みを導入しないとCIにかかる時間が長くなってしまう
	<ul>
		<li aria-level="2">これはチーム内でも問題になっていて、改善を検討中です</li>
	</ul>
	</li>
	<li aria-level="1">同じ名前のパッケージ名が複数存在するため、importの補完がつらい時がある<br />
	<span style="font-size:11pt; font-variant:normal; white-space:pre-wrap"><span style="font-family:Arial,sans-serif"><span style="color:#000000"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none"><span style="border:none"><span style="display:inline-block"><span style="overflow:hidden"><span style="width:177px"><span style="height:268px"><img alt="" height="268" src="https://lh7-us.googleusercontent.com/KQ-9X1TAW3dVwROpdBYSEwy3Q1OTA6wp0joYGXcikh5AMYWdbjc48UCwHJM3tKeWeeZCpLRF2bFY8bR3U1LgGY6HaWOqUvsHwYpXjiQFnnHR-wJT4aZMS2gyH3ZAywVm6dTZ3nFSblTVrWBpWmYlWnw" width="177" /></span></span></span></span></span></span></span></span></span></span></span>
	<ul>
		<li aria-level="2" style="list-style-type:circle">goでは、internalパッケージを取り入れることで不要な参照を避けることができます</li>
	</ul>
	</li>
</ul>

<h2 style="line-height:1.38; margin-top:24px; margin-bottom:5px">インフラ</h2>

<p>neonのインフラには主にAWSを採用しています。<br />
現行プロダクトもAWS上で動作していることや、既存リソースとの通信性やリソース管理の観点を考慮し、AWSを採用しています。</p>

<h3>ECS Fargate</h3>

<p>マイクロサービス・モジュラモノリスのアプリケーションはECS Fargate上で動作していて、サービスメッシュとしてAppMeshを採用しています。<br />
EKSも検討しましたが現状のチーム構成だと管理コストを割くのが難しいと判断したため、現行プロダクトでも採用していて知見があるECS Fargate+AppMeshを採用しました。</p>

<h3>データストア</h3>

<p>データストアとしては Aurora MySQLを採用しています。<br />
Cloud Spannerや TiDBといったNewSQLも導入を検討していましたが、Aurora MySQLと比較した際に、当時のコスト感で数倍違ったことから現チームでの導入は難しいという結論になり、導入を見送りAurora MySQLを採用することにしました。</p>

<h2 style="line-height:1.38; margin-top:24px; margin-bottom:5px">分散トランザクション管理</h2>

<p>マイクロサービス・モジュラモノリス間の分散トランザクション管理として<a href="https://temporal.io/cloud"> Temporal Cloud</a>を採用しています。<br />
Temporalは Uberが開発している Cadenceをフォークして開発されているOSSで、Cadenceの元開発者が開発を行なっています。</p>

<p>分散トランザクション管理ツールの他の候補としては</p>

<ul>
	<li aria-level="1"><a href="https://aws.amazon.com/jp/step-functions/">AWS Step Functions</a></li>
	<li aria-level="1"><a href="https://github.com/uber/cadence">Cadence</a></li>
	<li aria-level="1">Temporal
	<ul>
		<li aria-level="2">Cloud</li>
		<li aria-level="2">セルフホスト</li>
	</ul>
	</li>
	<li aria-level="1"><a href="https://github.com/dtm-labs/dtm">DTM</a></li>
</ul>

<p style="line-height:1.38; margin-top:16px; margin-bottom:16px">等がありましたが、ワークフローをコード管理ができる点やから Temporal を採用しています。</p>

<p>また、TemporalはセルフホストではなくCloud版を利用しているのですが、AWS上にセルフホストする前提でコストを比較したところ、Temporal Cloudの方がかなり安価に利用することができ、かつTemporal社のテクニカルサポートを受けることができるため、Cloud版を利用しています。</p>

<p>Temporal に関しての詳細は割愛しますが、後日、別の記事として公開する予定です。</p>

<h2 style="line-height:1.38; margin-top:24px; margin-bottom:5px">認可基盤</h2>

<p>マイクロサービス・モジュラモノリス間の認可には、Googleが開発している<a href="https://research.google/pubs/zanzibar-googles-consistent-global-authorization-system/">Zanzibar</a>と呼ばれる、関係性ベースのアクセスコントロールを行う認可基盤にインスパイアされて開発されたOSSである、<a href="https://authzed.com/spicedb">SpiceDB</a>を採用しています。</p>

<p>DMMオンラインサロンでは、</p>

<ul>
	<li aria-level="1">サロンごとに投稿できる/できない、 コメントできる/できない等の権限設定ができる</li>
	<li aria-level="1">管理権限も存在している</li>
	<li aria-level="1">将来的にDiscordのような柔軟な権限設定ができるようにしたい</li>
</ul>

<p>という要件があり、柔軟な権限設定ができるようにRelationship-based access control (ReBAC)ベースの認可システムを採用しています。</p>

<p>SpiceDBをつかうと、細かい認可の制御が高いパフォーマンスで容易に利用できます。</p>

<pre>
<code>definition user {}

definition team {
  relation member: user
}

definition resource {
  relation reader: user | team#member
  permission view = reader
}</code></pre>

<p style="line-height:1.38">※ <a href="https://authzed.com/docs/spicedb/concepts/relationships">公式ドキュメント</a>から抜粋</p>

<p>このような形式のスキーマでリソースとユーザの関係性を定義し</p>

<pre>
<code>resource:hoge#view@user:fuga</code></pre>

<p style="line-height:1.38; margin-top:16px; margin-bottom:16px">リソース(resource:hoge)に対して、指定したユーザ(user:fuga)に権限(view権限)があるかをチェックすることができます。</p>

<p>詳細は割愛しますが、SpiceDBでは<a href="https://play.authzed.com/schema">Playground</a>も提供されているので気になった方は触ってみてください。</p>

<p>同様のサービスで要件を満たすものは他にもいくつかあり、<a href="https://auth0.com/jp/fine-grained-authorization" target="_blank">Auth0 FGA</a> やその他OSSも検討しましたが、検討当時はAuth0 FGAはGAされておらず、他のOSSもStable VersionではなかったためSpiceDBを採用しました。<br />
SpiceDBはLSPの追加(<a href="https://github.com/authzed/spicedb/pull/1854" target="_blank">https://github.com/authzed/spicedb/pull/1854</a>)等もあり、今後にも期待できるサービスです。</p>

<p>&nbsp;</p>

<h2 style="line-height:1.38; margin-top:24px; margin-bottom:5px">終わりに</h2>

<p>今回はneonプロジェクトの技術スタックについてご紹介させていただきました。</p>

<p>DMMオンラインサロンでは開発グループのメンバーを募集しています。<br />
比較的モダンの技術スタックを用いてのリプレースが気になるに方は、ぜひ今回の記事では語りきれなかったことをご紹介したいと思っているので、気軽に話を聞きに来てください。</p>

<p style="line-height:1.38; margin-top:16px; margin-bottom:16px">&nbsp;</p>

<div data-oembed-url="https://speakerdeck.com/onlinesalon/for-software-engineers">
<div>
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.1972%;"><iframe allowfullscreen="" scrolling="no" src="//if-cdn.com/3KHBOZi" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
</div>

<p>&nbsp;</p>


DMMオンラインサロン

コミュニティ

オンラインサロン

サーバサイド

ITインフラ

DMMオンラインサロンのビジネス基盤刷新プロジェクト「neon」の技術スタック

DMMオンラインサロンのビジネス基盤刷新プロジェクト「neon」の技術スタック

シェア

関連する求人

関連する記事

関連するサービス