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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Shu Kakihana
April 18, 2017
Programming
84
0
Share
RatingWatch
学校の授業で発表したやつの公開版です
Shu Kakihana
April 18, 2017
More Decks by Shu Kakihana
See All by Shu Kakihana
第28回高専プロコン競技部門に出場しました
kurokoji
0
77
Vimのはなし(LT)
kurokoji
1
140
競プロのおはなし
kurokoji
0
130
冴島清美が最近キてる
kurokoji
1
130
Q:忍野忍ですか? A:いいえ,工藤忍です
kurokoji
0
720
Other Decks in Programming
See All in Programming
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
seike460
PRO
2
210
Coding at the Speed of Thought: The New Era of Symfony Docker
dunglas
0
4.4k
How to stabilize UI tests using XCTest
akkeylab
0
150
Redox OS でのネームスペース管理と chroot の実現
isanethen
0
510
AI 開発合宿を通して得た学び
niftycorp
PRO
0
200
条件判定に名前、つけてますか? #phperkaigi #c
77web
2
930
AI時代のシステム設計:ドメインモデルで変更しやすさを守る設計戦略
masuda220
PRO
7
1.2k
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて!
k0kubun
3
2.8k
AI時代の脳疲弊と向き合う ~言語学としてのPHP~
sakuraikotone
1
1.8k
LM Linkで(非力な!)ノートPCでローカルLLM
seosoft
0
340
Strategy for Finding a Problem for OSS: With Real Examples
kibitan
0
130
年間50登壇、単著出版、雑誌寄稿、Podcast出演、YouTube、CM、カンファレンス主催……全部やってみたので面白さ等を比較してみよう / I’ve tried them all, so let’s compare how interesting they are.
nrslib
4
680
Featured
See All Featured
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
310
Technical Leadership for Architectural Decision Making
baasie
3
310
[SF Ruby Conf 2025] Rails X
palkan
2
890
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
320
Accessibility Awareness
sabderemane
0
92
Building the Perfect Custom Keyboard
takai
2
720
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
160
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
120
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.5k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
1k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
250
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