Pixiv ISUCONの結果描画用のポータルページ
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
images
src
.babelrc
.gitignore
README.md
package.json
webpack.config.babel.js

README.md

ISUCON 結果描画用ポータルページ

本リポジトリでできること

Firebaseをデータストアとして利用して、保存したデータを描画するためのポータルページです。 以下のようなグラフをリアルタイムで描画します。

Portalイメージ

使い方

本リポジトリを git clone したのち、 npm install で関連モジュールをインストールしてください。 その後、 src/app.js にある以下の行をご自身のFirebaseアカウントに変更してください。

const baseUrl = 'https://XXXX.firebaseio.com/'; 

変更が完了したら、 webpack コマンドにて、ビルドすれば dist 配下に成果物が出力されます。 dist配下に出力された、html/js を任意のWebサーバにデプロイいただければそのままご利用いただけます。

備考

データスキーマ

Firebaseは、以下のJSON形式でデータが保存されていることを前提としています。 JSONのPOST先URLは、 https://XXXX.firebaseio.com/teams/:チーム名.json になります。

{  
  "pass":true,
  "score":18000,
  "success":1434,
  "fail":0,
  "messages":[],
  "timestamp":{  
    ".sv":"timestamp"
  }
}

ベンチマーカが走りきった後に、上記JSONをFirebaseへHTTP Postで渡すようにしてください。

Firebaseの設定

Firebase側の.readは認証が無い前提で利用しています。

もし認証を追記される場合は、公式ドキュメント を参考に、 Firebase接続部分のコードの変更が必要です。