RatingWatch

学校の授業で発表したやつの公開版です

Transcript

1. RatingWatch Kurokoji,mito,Luz,nemusou
2. 競技プログラミング ご存知ですか?
3. 数学的な問題などを プログラミングによって正確に解く
4. 情報オリンピックがその一例
5. 他にどんなの?
6. AtCoder • AtCoder(https://atcoder.jp/) • 大体週一回にコンテストが開かれる(日本語/英語) • コンテストの結果によってレートが変動する
8. 競プロerは勝負の世界に生きている • 世界中で競プロは行われている • 順位やレートで他の人よりも上に行くために日々精進
9. 競プロerは勝負の世界に生きている • 世界中で競プロは行われている • 順位やレートで他の人よりも上に行くために日々精進 ➢ ライバルとレート比較すればさらに向上心が…?
10. RatingWatch
11. 機能 • AtCoderでの今までのレート，現在レート等取得 • 最大二人まで同時にグラフ表示可能 • 今こいつに勝ってる，負けてるというのがひと目でわかる • Tweet機能実装済み
12. 実演
13. 楽したところ • Bootstrap というCSSフレームワークを使うといい感じになった • Chart.js を用いたグラフ表示 • jquery.xdomainajax.js を用いたスクレイピング
14. 大変だったこと • AtCoderにはUser情報を取得できる公式APIが存在しない • そこでUserのページからJSONを抽出した(スクレイピング) • Jquery.xdomainajax.js を使用して抽出を試みるも，<script>タグ の部分が取得できなかった • コードを見ると<script>タグの部分だけ削除するようにされていた • 該当部分を削除すると取得できた • 非同期処理なので色々と大変 • 2人のグラフ表示
15. 最後に • 視覚的に刺激があるのでJavascript面白い • だけど非同期処理の闇めっちゃ深そう • もしかしたらWebに公開するかも(追記:公開しました) • https://kurokoji.github.io/RatingWatch