2

More than 5 years have passed since last update.

@tbpgr(てぃーびー)

Sinatra + Heroku で Qiita 戦闘力を測る Web アプリケーションを作成してみる

Posted at 2015-03-14

概要

Sinatra + Heroku で Qiita 戦闘力を測る Web アプリケーションを作成してみます

仕様

UseCase

ユーザー名を入力し、「Analyze」を押すと Qiita 戦闘力、レーダーチャート、ツイートボタンが表示される
QiitaScouter は処理が遅いので、「Analyze」を押してから結果が表示されるまで Loading アイコンを表示する

heroku への公開

$ heroku create qiita-scouter-app
$ git push heroku master
$ heroku ps:scale web=1
# 動作確認
$ heroku open

完成

qiita-scouter-app

初期表示

読み込み中

結果表示

ツイートボタン押下

補足

Google Web Font を利用
Font Awesome を利用
- 目のアイコン
- loading
ズルイグレーを利用
ズルイ角丸を利用
- input text
- input button
Chart.js を利用

外部資料

2

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

2