![3万人以上のビジネスユーザーが使うスケジュール管理SaaSを支える技術スタック](https://town.biz/wp-content/uploads/2022/05/blog_tech-stack-1024x538.png)
Aipoの技術スタックをご紹介します。Aipoはチームのスケジュール共有を素早くかんたんにするBtoB向けのスケジュール管理SaaSです。出勤したらブラウザを立ち上げてAipoを開いて予定を確認する、という使われ方をするため平日の日中にアクセスが集中します。チャットによるメッセージ送信や予定時刻のリマインダー送信などリアルタイム性も求められます。そんなプロダクトの特性にあわせて最適な技術を選定し、改善を行っています。
カテゴリー | 技術スタック |
---|---|
プログラミング言語/ライブラリ | フロントエンド HTML, CSS, JavaScript, TypeScript, Vue.js |
サーバーサイド Java, Node.js |
|
インフラストラクチャー | AWS (EC2, RDB, S3, CloudFront, API Gateway, Route53, SES, SQS, SNS, etc.) |
ミドルウェア | Apache, Tomcat |
データベース | MySQL, DynamoDB, Redis, SimpleDB |
監視 | New Relic, Cloud Watch |
環境構築 | Docker, Beanstalk, Packer, Ansible |
CI/CD | Jenkins |
コード管理 | GitHub |
目次
技術の選び方
私たちは次のような方針で技術選定をしています。
プロダクトの成長につながるかどうか
技術はあくまで “手段” なので、プロダクトの成長につながるかどうかを最優先で考えて選定をしています。新しい発明は行わず、サービスの中核となるビジネスロジックに集中できる構成を心がけています。1,700社 30,000人以上が使う基盤となるため、スケーラビリティも考慮しています。最終的には大きく使うシーンを思い描きながらも、まずは小さく取り入れて検証してから全体に展開していく、という手法を取ることでインパクトを最小限にしています。
技術スタック
ここからは技術スタックをご紹介します。
サーバーサイド
![Java](https://town.biz/wp-content/uploads/2022/05/java-222x300.png)
![Node.js](https://town.biz/wp-content/uploads/2022/05/nodejs.png)
サーバーサイドはJavaを利用しています。リマインダーの配信など一部のバッチ処理ではLambda上でNode.jsを使用しています。どのエンジニアでも対応ができるよう、現時点では極力この2つの言語に集約しています。Javaを選んだ理由は大きく3つあります。
大規模開発でも処理の共通化がしやすい
Aipoにはカレンダー以外にもチャットや掲示板など数多くの機能があり、ファイル保存やデータベースへの書き込みなどの共通する処理、バリデーションルールやデータ登録後のメール配信、プッシュ通知といった機能ごとに異なる処理があります。Javaはオブジェクト指向に優れているため、共通する処理を「継承」や「オーバライド」することで共通部分を活かしながら個別の拡張を行いやすいという特長があります。
大規模開発でも実行速度が速い
大規模になっても実行速度が速いのもJavaのメリットの一つです。
開発者が増えても一定の品質を保つことができる
Aipoではエンジニアのインターンとして50人以上の学生を受け入れてきました。開発に携わるエンジニアの人数が増えても一定の品質を保つために、静的型付け言語であるJavaを選んでいます。
フロントエンド
![Cue.js](https://town.biz/wp-content/uploads/2022/05/logo-150x150.png)
![TypeScript](https://town.biz/wp-content/uploads/2022/05/ts-logo-128.png)
フロントエンドはVue.js / TypeScriptを利用しています。一部dojoも残っていますが、機能追加のタイミングでVue.jsに移行をしています。
インフラストラクチャー
![インフラストラクチャー](https://town.biz/wp-content/uploads/2022/05/AWS-Design-updated-2.png)
インフラにはAWSを使用しており、アプリケーションはEC2上のTomcatで動かしています。負荷状況に応じてスケールする設定になっています。アプリケーションサーバーには永続的なデータが残らない設計にすることで可用性を高めています。
セッション管理はDynamoDB、データベースはMySQL、ストレージにはS3を使用しています。
監視
![Cloud Watch](https://town.biz/wp-content/uploads/2022/05/Arch_Amazon-CloudWatch_64@5x-150x150.png)
![New Relic](https://town.biz/wp-content/uploads/2022/05/themes_custom_curio_assets_mediakit_new_relic_logo_vertical-300x243.png)
Cloud Watchを使って負荷状況の監視をしています。New Relicではデータベースのボトルネックの洗い出し、JVMの監視をしています。
また、ログイン監視ツールを自作してユーザーの使用感に近い監視を行っています。
開発環境
![GitHub](https://town.biz/wp-content/uploads/2022/05/GitHub-Mark-120px-plus.png)
![Docker](https://town.biz/wp-content/uploads/2022/05/vertical-logo-monochromatic-300x257.png)
ソースコードの管理にはGitHubを使用しています。開発環境にはDockerを使ってAWS上の構成を再現しています。
CI/CD
![Jenkins](https://town.biz/wp-content/uploads/2022/05/jenkins-1.png)
![Beanstalk](https://town.biz/wp-content/uploads/2022/05/Arch_AWS-Elastic-Beanstalk_64@5x-150x150.png)
CI/CDにはJenkinsを使用しており、GitHub上でマージするとビルド、テスト環境へのデプロイが自動で走るようになっています。また夜間にコードの静的解析(Findbugs, PMDなど)が走るようになっています。
本番環境へのデプロイはBeanstalkを使ってBlue/Green デプロイをしています。
今後の展望について
キューイングによる負荷分散対応
Aipoにはまだキューイングのしくみがないため、CSVデータ一括ダウンロードなどの重たい処理もリアルタイムで実行してレスポンスを返しています。ユーザーがストレスなく操作できるよう、負荷のかかる処理を順番に実行できるキューイングの導入を検討しています。
CSSライブラリの導入
Aipoはおもちゃのように使いやすいカレンダープラットフォームをめざしています。ユーザーが簡単に使えるためには統一感のあるUIと一貫したUXを効率よく設計できるCSSライブラリの導入が必要だと考えています。今のところVuetifyが最有力候補です。
まとめ
今回はAipoの技術スタックについて現時点の内容を簡単に紹介してみました。
それぞれの技術要素についても今後記事を書いていく予定です。
一緒に働く仲間を募集しています。
新卒採用・中途採用を問わず、年間を通して、さまざまな職種を募集しています。「すぐに仕事がしたい」「話を聞いてみたい」「オフィスを訪問してみたい」など、ご応募をお待ちしています。共に未来をカタチにする仲間を待っています。