技術選定＆全体のアーキテクチャ

[tocoteron]

全体のアーキテクチャ

[tocoteron]

全体としての方針

利用者がプロダクトを利用する際にアクセスのしやすさや導入の楽さを考え、Webサービスにする。

フロントエンド

今のところリストにエンジニアを追加するといった動的にDOMが書き換わる処理が存在するため、SPAのReactやVue.jsが良さそうだと思っている。
JSの型が無いのは補完が効かなくて生産性が落ちるのでTypeScriptを使いたい。
Reactの方がVue.jsよりもTypeScriptとの相性が良い。

結論

• React + TypeScript + Material-UI + Reacharts

バックエンド

以下の項目を満たすものが良い

• GitHub APIを簡単に叩けるライブラリがある
  • go-github (https://github.com/google/go-github)
• Web API(REST)を簡単に作成できるライブラリがある
  • echo (https://github.com/labstack/echo)
• パッケージ管理システムがある
• 静的型付けである

結論

• Go + go-github + echo

DB

どの人事がどのエンジニアを分析対象にしているか、といったようなデータの関係性を持つ必要があるのでNoSQLじゃなくてRDBにしたほうが幸せになれそう。
無料で使えるRDBMSの中では、MySQLとPostgreSQLが有名。

ドキュメントや記事がMySQLの方が多そうなのでMySQLを利用する。

結論

• MySQL

[tocoteron]

使えそうなライブラリ等

期間がかなり短いことや、オレオレ実装のバグやセキュリティ面での問題を防ぎたいため、できるだけ信頼性のありそうな既存のライブラリを利用していく。

GitHub連携周り

Firebaseを使うと簡単にログインできるということがわかった
https://firebase.google.com/docs/auth?hl=ja

GitHub API周り

公式がライブラリ一覧のまとめページを公開していた
https://developer.github.com/v3/libraries/

UI周り

マテリアルデザインに従ったUIのライブラリ
めちゃくちゃドキュメントがしっかりしてる。
https://material-ui.com/

Reactでチャートを簡単に書けるライブラリ
https://github.com/recharts/recharts