builderscon tokyo 2018 エイミー・グェン @amyngyn Chromeデベロッパー ツールのハック Using Chrome Developer Tools to hack your way into concerts

builderscon tokyo 2018 エイミー・グェン @amyngyn 説明 ● テイラースウィフトのファンサイトは コンサートのチケットを売っている。 ● PVを最も見る人はまずコンサートチケットを 買うができます。 ● 私たちは最高のファンですとファンサイトに思わせます。 ● これは本当の物語！

builderscon tokyo 2018 エイミー・グェン @amyngyn

builderscon tokyo 2018 エイミー・グェン @amyngyn もっと早く見るができますか? ● YouTube IFrame Player API ● Consoleを開けて： var data = { event: 'command', func: 'setPlaybackRate', args: [2, true] }; var message = JSON.stringify(data); $("#player")[0].contentWindow.postMessage(message, '*');

builderscon tokyo 2018 エイミー・グェン @amyngyn

builderscon tokyo 2018 エイミー・グェン @amyngyn

builderscon tokyo 2018 エイミー・グェン @amyngyn

builderscon tokyo 2018 エイミー・グェン @amyngyn Replay XHR

builderscon tokyo 2018 エイミー・グェン @amyngyn Copy as cURL

builderscon tokyo 2018 エイミー・グェン @amyngyn 1. Server から ID を取得する 2. /start に HTTP request を 送って。 3. /count に HTTP request を 送って。 4. 繰り返す！ 答え

builderscon tokyo 2018 エイミー・グェン @amyngyn Can we protect our websites?

builderscon tokyo 2018 エイミー・グェン @amyngyn Can we protect our websites? CAPTCHA

builderscon tokyo 2018 エイミー・グェン @amyngyn Can we protect our websites? Randomized DOM

builderscon tokyo 2018 エイミー・グェン @amyngyn Can we protect our websites? Validation

builderscon tokyo 2018 エイミー・グェン @amyngyn Can we protect our websites? Shadow banning

builderscon tokyo 2018 エイミー・グェン @amyngyn エンディング ● shadow ban されませんでした。 ● 計画通り！ ● 。。。けど高すぎ。 ● インターンシップを申し出た？

builderscon tokyo 2018 エイミー・グェン @amyngyn 結論 ● Tools ○ Execute code in the console ○ Filter network requests by type ○ Replay XHR requests ○ Copy requests as cURL ● Mentality ○ Perseverance ○ Curiosity ○ Resourcefulness

builderscon tokyo 2018 エイミー・グェン @amyngyn ありがとうございます！ ● ホームページ： amynguyen.net ● ツイッター： @amyngyn ● Slides: speakerdeck.com/amyngyn ● Code: github.com/amyngyn/swifties ● 英語ブログポスト： medium.com/@amyngyn ● Stripe Japan: stripe.com/jobs#location=tokyo