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
GitHub Actions で Flutter アプリの CI/CD をやってます #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
84
ゆるWeb勉強会@札幌 #29 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
110
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
Avatar for Kihara, Takuya tacck
PRO
1
380
はじめまして GoLang #cm_sapporo_study
Avatar for Kihara, Takuya tacck
PRO
0
110
ゆるWeb勉強会@札幌 #28 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
71
AWS Amplify の AI Kit でオレオレAIサイトを作ってみる #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
97
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
Avatar for Kihara, Takuya tacck
PRO
0
830
Amplify Gen2 Deep Dive / How to convey backend types to the frontend #30DaysOfAmplify
Avatar for Kihara, Takuya tacck
PRO
0
60
TypeScript 雰囲気勢がライブラリのコードリーディングで得た知識 #sacss
Avatar for Kihara, Takuya tacck
PRO
1
110

Other Decks in Technology

See All in Technology
Github Copilot エージェントモードで試してみた
Avatar for Ochtum ochtum
0
100
米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
Avatar for Shun Yoshie syoshie
2
1.1k
Fabric ＋ Databricks 2025.6 の最新情報ピックアップ
Avatar for Ryoma Nagata ryomaru0825
1
140
M3 Expressiveの思想に迫る
Avatar for のっちー chnotchy
0
100
Uniadex__公開版_20250617-AIxIoTビジネス共創ラボ_ツナガルチカラ_.pdf
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
160
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全 / 20250625-aws-summit-aws-policy
Avatar for opelab opelab
9
1.1k
VISITS_AIIoTビジネス共創ラボ登壇資料.pdf
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
160
フィンテック養成勉強会#54
Avatar for フィンテック養成コミュニティ finengine
0
180
rubygem開発で鍛える設計力
Avatar for Tomohiro Hashidate joker1007
2
200
Wasm元年
Avatar for asuka askua
0
140
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
Avatar for Hiroshi Ito itohiro73
0
150
監視のこれまでとこれから/sakura monitoring seminar 2025
Avatar for FUJIWARA Shunichiro fujiwara3
11
3.9k

Featured

See All Featured
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
370
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
270
20k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
299
51k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
53k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
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