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
260
Amazon Q Developer CLI でゲームと Amplify アプリを作ってみた #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
31
ゆるWeb勉強会@札幌 #30 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
10
Flutter を始めよう！ - Flutter の開発現場から
Avatar for Kihara, Takuya tacck
PRO
0
150
GitHub Actions で Flutter アプリの CI/CD をやってます #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
220
ゆるWeb勉強会@札幌 #29 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
140
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
Avatar for Kihara, Takuya tacck
PRO
1
490
はじめまして GoLang #cm_sapporo_study
Avatar for Kihara, Takuya tacck
PRO
0
140
ゆるWeb勉強会@札幌 #28 #ゆるWeb札幌
Avatar for Kihara, Takuya tacck
PRO
0
92

Other Decks in Technology

See All in Technology
プレイドのユニークな技術とインターンのリアル
Avatar for PLAID Tech plaidtech
PRO
1
400
What's new in OpenShift 4.20
Avatar for Red Hat Livestreaming redhatlivestreaming
0
290
Azure Well-Architected Framework入門
Avatar for tomokusaba tomokusaba
1
130
オブザーバビリティと育てた ID管理・認証認可基盤の歩み / The Journey of an ID Management, Authentication, and Authorization Platform Nurtured with Observability
Avatar for 株式会社カミナシ kaminashi
1
800
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
Avatar for okiyuki okiyuki99
1
850
Behind Postgres 18: The People, the Code, & the Invisible Work | Claire Giordano | PGConfEU 2025
Avatar for Claire Giordano clairegiordano
0
140
入院医療費算定業務をAIで支援する：包括医療費支払い制度とDPCコーディング (公開版)
Avatar for Takashi Nishibayashi hagino3000
0
110
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
Avatar for Preferred Networks pfn
PRO
3
860
プロファイルとAIエージェントによる効率的なデバッグ / Effective debugging with profiler and AI assistant
Avatar for ymotongpoo ymotongpoo
1
260
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
Avatar for you（@youtoy） you
PRO
0
140
SCONE - 動画配信の帯域を最適化する新プロトコル
Avatar for kazuho kazuho
1
390
SOTA競争から人間を超える画像認識へ
Avatar for Yosuke Shinya shinya7y
0
570

Featured

See All Featured
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
49
51k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.2k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.5k

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