<p>実装の参考の当たり</p>
<h2 id="%E5%89%8D%E5%8F%A3%E4%B8%8A%3A-%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3%E3%82%BD%E3%83%BC%E3%82%B9%E3%81%AE%E5%AE%9F%E8%A3%85%E3%82%92%E8%AA%AD%E3%82%82%E3%81%86">
<a class="header-anchor-link" href="#%E5%89%8D%E5%8F%A3%E4%B8%8A%3A-%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3%E3%82%BD%E3%83%BC%E3%82%B9%E3%81%AE%E5%AE%9F%E8%A3%85%E3%82%92%E8%AA%AD%E3%82%82%E3%81%86" aria-hidden="true"></a> 前口上: オープンソースの実装を読もう</h2>
<p>普段Web開発をしているとこの書き方は普通か、実装の方向性はよさそうか不安になることがあります。そういった際、同じリポジトリの既存実装や会社の他のリポジトリ、技術ブログや本、過去の経験、他のメンバーの意見などを参考にしつつ当たりをつけるわけですが、リファレンスが増えるに越したことはないです。</p>
<p><strong>有名な言語、フレームワークではオープンソースのWebサービスがGitHub、GitLab上などにあがっていることがあり、参考になります</strong>。</p>
<p>それぞれライセンスがあり、とりわけGPL汚染などは要注意ですが、収集した一覧が溜まってきたのでまとめておきます。ある程度有名なものメインでスクリプト言語+Go。</p>
<h2 id="ruby">
<a class="header-anchor-link" href="#ruby" aria-hidden="true"></a> Ruby</h2>
<p>Ruby on Railsは有名なので採用しているWebサービスが多数あります。</p>
<h3 id="redmine">
<a class="header-anchor-link" href="#redmine" aria-hidden="true"></a> <a href="https://www.redmine.org" target="_blank" rel="nofollow noopener noreferrer">Redmine</a>
</h3>
<p>イシュー、プロジェクト管理ソフトのRedmine。</p>
<p>Rails製では一番有名なんじゃないでしょうか。最近はクラウドのSaaSを使う企業も増えてきているので、自力でホストするケースは少なくなっているかもしれません。</p>
<p>MySQL/PostgreSQL/Microsoft SQL Server/SQLite 3(本番非推奨)互換でDBの種類を問わないつくり。</p>
<h3 id="mastodon">
<a class="header-anchor-link" href="#mastodon" aria-hidden="true"></a> <a href="https://github.com/mastodon/mastodon" target="_blank" rel="nofollow noopener noreferrer">Mastodon</a>
</h3>
<p>SNS、マイクロブログサービスのMastodon。Twitter買収の混乱から一時期ユーザーがぐっと伸びたりしましたね。</p>
<p>DBはPostgreSQLでSidekiqをかなり活用している。他言語でActivityPubの取り回しを見るのにも参考になります。</p>
<p>AGPL。</p>
<h3 id="forem">
<a class="header-anchor-link" href="#forem" aria-hidden="true"></a> <a href="https://github.com/forem/forem" target="_blank" rel="nofollow noopener noreferrer">Forem</a>
</h3>
<p>dev.toの中身で有名なForem。</p>
<p>DBはPostgreSQL。Railsリポジトリはフロントエンドのやる気がないことも多いですが、ForemはReactでStorybookを使ってCypressでテストしているのでまあまあモダン。</p>
<p>モニタリングのツールが入っていたり、dev.toに内部実装の解説記事があがっていることもあるので、負荷対策面では参考になる部分も多いかもしれません。</p>
<p>AGPL。</p>
<h3 id="discourse">
<a class="header-anchor-link" href="#discourse" aria-hidden="true"></a> <a href="https://github.com/discourse/discourse" target="_blank" rel="nofollow noopener noreferrer">Discourse</a>
</h3>
<p>討論フォーラムのDiscourse。</p>
<p>DBはPostgreSQL。フロントがEmber.js 。ReactやVueと比べると採用事例減ってきている気もしますね。</p>
<p>DiscourseにはTrust Levelsという概念があり、信用スコアの実装見てみると面白いかもしれないです。</p>
<h3 id="gitlab">
<a class="header-anchor-link" href="#gitlab" aria-hidden="true"></a> <a href="https://gitlab.com/gitlab-org/gitlab" target="_blank" rel="nofollow noopener noreferrer">GitLab</a>
</h3>
<p>GitホスティングのGitLab。上場企業で時価総額が3600億円。</p>
<p>DBは昔はMySQLもサポートしていたがPostgreSQL限定に移行。Rubyの他にGit操作にGitalyを使っている関係でGoも必要になっている。</p>
<p>オープンソースのRailsリポジトリの中ではかなり巨大でElasticsearchやGraphQLを使っている部分は設計の参考になるかもしれない。フロントはVue(2023/05現在2系)でStorybookもある。</p>
<h2 id="php">
<a class="header-anchor-link" href="#php" aria-hidden="true"></a> PHP</h2>
<p>PHPだとLaravelが最近は人気ですが、LaravelのベースのSymfonyの方が実例は多いですね。ただモジュール製の高いフレームワークも多いのでつまみ食いも多い。</p>
<p>LAMPスタックというくらいDBはMySQL一択。CMS、Wiki、EC構築などに強み。</p>
<h3 id="wordpress">
<a class="header-anchor-link" href="#wordpress" aria-hidden="true"></a> <a href="https://wordpress.org" target="_blank" rel="nofollow noopener noreferrer">WordPress</a>
</h3>
<p>WordPressは世界で一番使われるブログ構築ソフト。MVCフレームワークに載っているわけではないですがPHP製で一番有名なんじゃないでしょうか。</p>
<p>エンジニアで自作ブログだと最近はStatic Site Generatorの方が人気があるイメージがありますが、非エンジニアで自力ホストだと第一選択肢になると思います。</p>
<p>WordPress5.0から搭載のブロックエディタGutenbergではReactを使っているようです。</p>
<h3 id="magento">
<a class="header-anchor-link" href="#magento" aria-hidden="true"></a> <a href="https://github.com/magento/magento2" target="_blank" rel="nofollow noopener noreferrer">Magento</a>
</h3>
<p>ECプラットフォームのMagento。2018年にAdobeが買収。</p>
<p>Laminas Project(旧Zend Framework)の上にできている。</p>
<h3 id="ec-cube">
<a class="header-anchor-link" href="#ec-cube" aria-hidden="true"></a> <a href="https://github.com/EC-CUBE/ec-cube" target="_blank" rel="nofollow noopener noreferrer">EC-CUBE</a>
</h3>
<p>日本製のEC構築ソフト。Symfony製。</p>
<h3 id="drupal">
<a class="header-anchor-link" href="#drupal" aria-hidden="true"></a> <a href="https://www.drupal.org" target="_blank" rel="nofollow noopener noreferrer">Drupal</a>
</h3>
<p>CMSのDrupal。依存にSymfony。</p>
<p>フロントはjQueryでBackbone.jsを使っていて、CKEditorを使用している。</p>
<h3 id="joomla">
<a class="header-anchor-link" href="#joomla" aria-hidden="true"></a> <a href="https://github.com/joomla/joomla-cms" target="_blank" rel="nofollow noopener noreferrer">Joomla</a>
</h3>
<p>CMSのJoomla。依存にSymfonyがありますがjoomla/applicationを見るに独自フレームワーク成分も多いですね。</p>
<h3 id="concrete5">
<a class="header-anchor-link" href="#concrete5" aria-hidden="true"></a> <a href="https://www.concretecms.com" target="_blank" rel="nofollow noopener noreferrer">Concrete5</a>
</h3>
<p>CMSのConcrete5 。Laminas Project(旧Zend Framework)の上にできつつLaravelをつまみ食いしている。</p>
<p>フロントはVueを使っている箇所がある。</p>
<h3 id="mediawiki">
<a class="header-anchor-link" href="#mediawiki" aria-hidden="true"></a> <a href="https://github.com/wikimedia/mediawiki" target="_blank" rel="nofollow noopener noreferrer">MediaWiki</a>
</h3>
<p>WikiソフトのMediaWiki。Wikipediaで使われていることで有名。</p>
<h3 id="pukiwiki">
<a class="header-anchor-link" href="#pukiwiki" aria-hidden="true"></a> <a href="https://pukiwiki.osdn.jp" target="_blank" rel="nofollow noopener noreferrer">PukiWiki</a>
</h3>
<p>WikiソフトのPukiWiki。</p>
<h2 id="python">
<a class="header-anchor-link" href="#python" aria-hidden="true"></a> Python</h2>
<h3 id="airflow">
<a class="header-anchor-link" href="#airflow" aria-hidden="true"></a> <a href="https://github.com/apache/airflow" target="_blank" rel="nofollow noopener noreferrer">Airflow</a>
</h3>
<p>ワークフロー管理のApache Airflow。</p>
<p>Flask製でORMはSQLAlchemy。Djangoのプロジェクトでも組み込みのORMでなくSQLAlchemyを使っている会社はありますね。</p>
<p>DBはPostgreSQL/MySQL/MSSQL(実験的)/SQLiteをサポート。</p>
<h3 id="zulip">
<a class="header-anchor-link" href="#zulip" aria-hidden="true"></a> <a href="https://github.com/zulip/zulip/" target="_blank" rel="nofollow noopener noreferrer">Zulip</a>
</h3>
<p>チャットアプリのZulip。コミュニティーSlackの制限が増えた関係でZulipに移行した例はあります。</p>
<p>Dropboxに買収された後にオープンソース化された異色の歴史。</p>
<p>Django製で組み込みのORMを使用。フロントはzodを使用しているがjQueryとhandlebars。</p>
<h2 id="node.js">
<a class="header-anchor-link" href="#node.js" aria-hidden="true"></a> node.js</h2>
<p>歴史的にはNoSQL(特にMongoDB)と密結合したスタックが強み。ただ最近はRDBベースのものも増えてきている。</p>
<p>APIの型以外は共用しない方がいい説はありますが、クライアントとサーバーで言語が統一できるのでモノリポの知見も多いです。</p>
<h3 id="ghost">
<a class="header-anchor-link" href="#ghost" aria-hidden="true"></a> <a href="https://github.com/TryGhost/Ghost" target="_blank" rel="nofollow noopener noreferrer">Ghost</a>
</h3>
<p>ブログ用CMSのGhost。</p>
<p>一時期WordPressの代替最有力と言われていた時期があります。細かくモジュールが切られてモノリポ構成。</p>
<p>Express製でDBはMySQL。Knex.js経由で使用。AdminのフロントはEmber.jsにReact。</p>
<h3 id="strapi">
<a class="header-anchor-link" href="#strapi" aria-hidden="true"></a> <a href="https://github.com/strapi/strapi" target="_blank" rel="nofollow noopener noreferrer">Strapi</a>
</h3>
<p>Headless CMSのStrapi。</p>
<p>Koa製。モノリポ管理ツールのNxを使用している。DBはKnex.js経由でMySQL/MariaDB/PostgreSQL/SQLiteをサポート。</p>
<p>AdminのフロントはReact+Redux。</p>
<h3 id="misskey">
<a class="header-anchor-link" href="#misskey" aria-hidden="true"></a> <a href="https://github.com/misskey-dev/misskey" target="_blank" rel="nofollow noopener noreferrer">Misskey</a>
</h3>
<p>SNS、マイクロブログのMisskey。</p>
<p>JavaScript製が多い中TypeScript製。NestJS on FastifyでTypeORMを使用。DBはPostgreSQL。</p>
<p>フロントはVue3を使用。Storybookもある。</p>
<p>AGPL。</p>
<h3 id="growi">
<a class="header-anchor-link" href="#growi" aria-hidden="true"></a> <a href="https://github.com/weseek/growi/tree/master" target="_blank" rel="nofollow noopener noreferrer">GROWI</a>
</h3>
<p>WikiソフトのGROWI。</p>
<p>コードの半分がTypeScriptでDBはMongoDB。Viteを使用。</p>
<p>フロントはReactを使用。</p>
<h3 id="%E4%BB%96%E3%81%AEnode.js%E5%8F%82%E8%80%83%E5%AE%9F%E8%A3%85">
<a class="header-anchor-link" href="#%E4%BB%96%E3%81%AEnode.js%E5%8F%82%E8%80%83%E5%AE%9F%E8%A3%85" aria-hidden="true"></a> 他のnode.js参考実装</h3>
<p>他にもnode.jsは参考実装が多数ありますが、必ずしもTypeScriptに移行できているわけではないです。</p>
<ul>
<li>
<a href="https://github.com/Unleash/unleash" target="_blank" rel="nofollow noopener noreferrer">Unleash</a>: フィーチャーフラグ管理</li>
<li>
<a href="https://github.com/apitable/apitable/tree/develop" target="_blank" rel="nofollow noopener noreferrer">APITable</a>: ローコードプラットフォーム</li>
<li>
<a href="https://github.com/jgraph/drawio/tree/dev" target="_blank" rel="nofollow noopener noreferrer">draw.io</a>: 図作成</li>
<li>
<a href="https://github.com/overleaf/overleaf" target="_blank" rel="nofollow noopener noreferrer">Overleaf</a>: LaTeXエディタ</li>
<li>
<a href="https://github.com/RocketChat/Rocket.Chat" target="_blank" rel="nofollow noopener noreferrer">Rocket.Chat </a>: チャットツール</li>
</ul>
<h2 id="go">
<a class="header-anchor-link" href="#go" aria-hidden="true"></a> Go</h2>
<p>Goの強みの一つはマイクロサービスでProtocol Buffers+gRPCですが、誰かにインストールしてもらう前提だとモノリスの方が有利で参考実装が少ないのがつらいところ。</p>
<h3 id="grafana">
<a class="header-anchor-link" href="#grafana" aria-hidden="true"></a> <a href="https://github.com/grafana/grafana" target="_blank" rel="nofollow noopener noreferrer">Grafana</a>
</h3>
<p>モニタリングツールのGrafana。</p>
<p>DBはSQLite、MySQL、PostgreSQLをサポート。Managedサービス用にパブリッククラウドのパッケージが結構依存に入っていますね。</p>
<p>フロントはLernaを使って管理。TypeScriptでAngularとReact。</p>
<h3 id="mattermost">
<a class="header-anchor-link" href="#mattermost" aria-hidden="true"></a> <a href="https://github.com/mattermost/mattermost-server" target="_blank" rel="nofollow noopener noreferrer">Mattermost</a>
</h3>
<p>チャットプラットフォームのMattermost。</p>
<p>DBはMySQLとPostgreSQLをサポート。Goのフレームワークはnet/httpで十分派も結構いますね。</p>
<p>フロントはReact。</p>
<h2 id="%E6%9C%80%E5%BE%8C%E3%81%AB">
<a class="header-anchor-link" href="#%E6%9C%80%E5%BE%8C%E3%81%AB" aria-hidden="true"></a> 最後に</h2>
<p>他にもあれば&amp;間違いあれば教えて下さい。RustやJVM、C#系も気になるところ。</p>


アーキテクトがチェックすべきオープンソースのWebサービス一覧

前口上: オープンソースの実装を読もう

Discussion