Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
RatingWatch
Search
Shu Kakihana
April 18, 2017
Programming
0
65
RatingWatch
学校の授業で発表したやつの公開版です
Shu Kakihana
April 18, 2017
Tweet
Share
More Decks by Shu Kakihana
See All by Shu Kakihana
第28回高専プロコン競技部門に出場しました
kurokoji
0
65
Vimのはなし(LT)
kurokoji
1
120
競プロのおはなし
kurokoji
0
110
冴島清美が最近キてる
kurokoji
1
100
Q:忍野忍ですか? A:いいえ,工藤忍です
kurokoji
0
670
Other Decks in Programming
See All in Programming
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
970
2 週間で Twitter Bot を作ってみた
contour_gara
0
620
SIMD Parallel Programming with the Vector API
josepaumard
0
190
try! Swift Tokyo 2024 参加報告 / try! Swift Tokyo 2024 Report
hironytic
0
210
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
7
1k
Apache Hive 4 on Treasure Data
ryukobayashi
0
350
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
230
AWS CDKコントリビュートTIPS / aws-cdk-contribution-tips
gotok365
3
230
Let's learn code review
riofujimon
2
510
Java 22 Overview
kishida
1
190
PHP8.3の機能を振り返る / Review of PHP 8.3 features
seike460
PRO
1
110
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.7k
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
Six Lessons from altMBA
skipperchong
21
3k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.9k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
79
43k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
30
6k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.6k
Building a Scalable Design System with Sketch
lauravandoore
456
32k
Rails Girls Zürich Keynote
gr2m
91
13k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Transcript
RatingWatch Kurokoji,mito,Luz,nemusou
競技プログラミング ご存知ですか?
数学的な問題などを プログラミングによって正確に解く
情報オリンピックがその一例
他にどんなの?
AtCoder • AtCoder(https://atcoder.jp/) • 大体週一回にコンテストが開かれる(日本語/英語) • コンテストの結果によってレートが変動する
None
競プロerは勝負の世界に生きている • 世界中で競プロは行われている • 順位やレートで他の人よりも上に行くために日々精進
競プロerは勝負の世界に生きている • 世界中で競プロは行われている • 順位やレートで他の人よりも上に行くために日々精進 ➢ ライバルとレート比較すればさらに向上心が…?
RatingWatch
機能 • AtCoderでの今までのレート,現在レート等取得 • 最大二人まで同時にグラフ表示可能 • 今こいつに勝ってる,負けてるというのがひと目でわかる • Tweet機能実装済み
実演
楽したところ • Bootstrap というCSSフレームワークを使うといい感じになった • Chart.js を用いたグラフ表示 • jquery.xdomainajax.js を用いたスクレイピング
大変だったこと • AtCoderにはUser情報を取得できる公式APIが存在しない • そこでUserのページからJSONを抽出した(スクレイピング) • Jquery.xdomainajax.js を使用して抽出を試みるも,<script>タグ の部分が取得できなかった •
コードを見ると<script>タグの部分だけ削除するようにされていた • 該当部分を削除すると取得できた • 非同期処理なので色々と大変 • 2人のグラフ表示
最後に • 視覚的に刺激があるのでJavascript面白い • だけど非同期処理の闇めっちゃ深そう • もしかしたらWebに公開するかも(追記:公開しました) • https://kurokoji.github.io/RatingWatch