Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Twitter の OAuth 2.0 を使ってみた #ゆるWeb札幌

Avatar for Kihara, Takuya Kihara, Takuya PRO
February 28, 2022
Technology
0
230

Twitter の OAuth 2.0 を使ってみた #ゆるWeb札幌

Twitter OAuth 2.0 を使ってみたお話です。
YouTube: https://www.youtube.com/watch?v=-9Gr5tmmF7k&t=6526s

Avatar for Kihara, Takuya

Kihara, Takuya PRO

February 28, 2022
Tweet

More Decks by Kihara, Takuya

See All by Kihara, Takuya
5年目から始める Vue3 サイト改善 #frontendo
Avatar for Kihara, Takuya tacck
PRO
3
220
Amazon Q Developer CLI でゲームと Amplify アプリを作ってみた #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
28
ゆるWeb勉強会@札幌 #30 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
6
Flutter を始めよう！ - Flutter の開発現場から
Avatar for Kihara, Takuya tacck
PRO
0
140
GitHub Actions で Flutter アプリの CI/CD をやってます #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
160
ゆるWeb勉強会@札幌 #29 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
140
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
Avatar for Kihara, Takuya tacck
PRO
1
460
はじめまして GoLang #cm_sapporo_study
Avatar for Kihara, Takuya tacck
PRO
0
130
ゆるWeb勉強会@札幌 #28 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
88

Other Decks in Technology

See All in Technology
テストを軸にした生き残り術
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
0
210
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
Avatar for nwiizo nwiizo
7
850
現場で効くClaude Code ─ 最新動向と企業導入
Avatar for TakaakiKakei takaakikakei
1
250
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
130
AWSで始める実践Dagster入門
Avatar for キタガワ kitagawaz
1
620
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
150
S3アクセス制御の設計ポイント
Avatar for tommy tommy0124
3
200
「何となくテストする」を卒業するためにプロダクトが動く仕組みを理解しよう
Avatar for kawabeaver kawabeaver
0
420
自作JSエンジンに推しプロポーザルを実装したい！
Avatar for Saji sajikix
1
180
Rustから学ぶ 非同期処理の仕組み
Avatar for skanehira skanehira
1
140
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
6
380k
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
Avatar for pei0804 pei0804
1
180

Featured

See All Featured
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
131
19k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
26
1.9k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
3
49
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.2k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k

Transcript

  1. Twitter の OAuth 2.0 を使ってみた ゆるWeb勉強会@札幌/OnLine #14 / #ゆるWeb札幌

  2. 私

  3. 話

  4. Twitter OAuth 2.0 ゆるWeb勉強会@札幌/OnLine #17 / #ゆるWeb札幌

  5. Twitter OAuth 2.0

  6. OAuth 2.0

  7. 認証の流れ サンプル実装を例に

  8. 認証チェック コード⽣成 〜 認証ページ

  9. 認証チェック コード⽣成 〜 認証ページ state を使って、この次の認 証コード検証のキーとする。 認証チェックコードを⽣成し、それを 変換した値をチャレンジコードとする。 認証チェックコードは、表に出さない。

  10. 認証ページの例

  11. 認証 〜 認証成功

  12. 認証 〜 認証成功 受け取ったstateを、Lambda を使って検証。 ここで、認証チェックコード を取り出してトークン要求に 使う。 取得したトークンを使って、 リソースにアクセスできるよ

    うになる。

  13. リソースアクセ スの例

  14. まとめ ゆるWeb勉強会@札幌/OnLine #17 / #ゆるWeb札幌

  15. Twitter でも OAuth 2.0 が 使えるように なった

  16. OAuth 2.0 で 認証するのは 注意が必要

  17. 参考⽂献 https://zenn.dev/kg0r0/articles/8b1 cfe654a1cee