Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
KK
Uploaded by
Kazuma Kimura
4,134 views
Googleログインから学ぶ OAuth
ソーシャルログイン機能について、Googleログインを例に解説しているスライドです。 ソーシャルログインの仕組みを知りたい、OAuthの技術を知りたい人向けのスライドとなっています。
Technology
◦
Read more
3
Save
Share
Embed
Embed presentation
Download
Download to read offline
1
/ 50
2
/ 50
3
/ 50
4
/ 50
5
/ 50
6
/ 50
7
/ 50
8
/ 50
9
/ 50
10
/ 50
11
/ 50
12
/ 50
13
/ 50
14
/ 50
15
/ 50
16
/ 50
17
/ 50
18
/ 50
19
/ 50
20
/ 50
21
/ 50
22
/ 50
23
/ 50
24
/ 50
25
/ 50
26
/ 50
27
/ 50
28
/ 50
29
/ 50
30
/ 50
31
/ 50
32
/ 50
33
/ 50
34
/ 50
35
/ 50
36
/ 50
37
/ 50
38
/ 50
39
/ 50
40
/ 50
41
/ 50
42
/ 50
43
/ 50
44
/ 50
45
/ 50
46
/ 50
47
/ 50
48
/ 50
49
/ 50
50
/ 50
More Related Content
PDF
テスト文字列に「うんこ」と入れるな
by
Kentaro Matsui
PPTX
初心者向けMongoDBのキホン!
by
Tetsutaro Watanabe
PDF
コンテナ未経験新人が学ぶコンテナ技術入門
by
Kohei Tokunaga
PDF
Dockerからcontainerdへの移行
by
Kohei Tokunaga
PDF
katagaitai CTF勉強会 #5 Crypto
by
trmr
PPTX
本当は恐ろしい分散システムの話
by
Kumazaki Hiroki
PPTX
BigQuery Query Optimization クエリ高速化編
by
sutepoi
PDF
例外設計における大罪
by
Takuto Wada
テスト文字列に「うんこ」と入れるな
by
Kentaro Matsui
初心者向けMongoDBのキホン!
by
Tetsutaro Watanabe
コンテナ未経験新人が学ぶコンテナ技術入門
by
Kohei Tokunaga
Dockerからcontainerdへの移行
by
Kohei Tokunaga
katagaitai CTF勉強会 #5 Crypto
by
trmr
本当は恐ろしい分散システムの話
by
Kumazaki Hiroki
BigQuery Query Optimization クエリ高速化編
by
sutepoi
例外設計における大罪
by
Takuto Wada
What's hot
PPTX
Redisの特徴と活用方法について
by
Yuji Otani
PDF
ナレッジグラフとオントロジー
by
University of Tsukuba
PDF
MongoDB〜その性質と利用場面〜
by
Naruhiko Ogasawara
PPTX
BuildKitによる高速でセキュアなイメージビルド
by
Akihiro Suda
PDF
Kubernetesのしくみ やさしく学ぶ 内部構造とアーキテクチャー
by
Toru Makabe
PDF
老害について
by
Ken SASAKI
PDF
ゼロから作るKubernetesによるJupyter as a Service ー Kubernetes Meetup Tokyo #43
by
Preferred Networks
PDF
BuildKitの概要と最近の機能
by
Kohei Tokunaga
PDF
KubeCon + CloudNativeCon Europe 2022 Recap - Batch/HPCの潮流とScheduler拡張事例 / Kub...
by
Preferred Networks
PPTX
グラフ構造のデータモデルをPower BIで可視化してみた
by
CData Software Japan
PDF
暗号技術の実装と数学
by
MITSUNARI Shigeo
PDF
目grep入門 +解説
by
murachue
PDF
SQLアンチパターン 幻の第26章「とりあえず削除フラグ」
by
Takuto Wada
PDF
モノタロウの1900万商品を検索する Elasticsearch構築運用事例(2022-10-26 第50回Elasticsearch 勉強会発表資料)
by
株式会社MonotaRO Tech Team
PDF
Linux女子部 systemd徹底入門
by
Etsuji Nakai
PPTX
Unity 2018-2019を見据えたDeNAのUnity開発のこれから [DeNA TechCon 2019]
by
DeNA
PDF
組み込み関数(intrinsic)によるSIMD入門
by
Norishige Fukushima
PPTX
Kubernetesでの性能解析 ~なんとなく遅いからの脱却~(Kubernetes Meetup Tokyo #33 発表資料)
by
NTT DATA Technology & Innovation
PDF
MagicOnion入門
by
torisoup
PPTX
DRIVE CHARTを支えるAI技術
by
Yusuke Uchida
Redisの特徴と活用方法について
by
Yuji Otani
ナレッジグラフとオントロジー
by
University of Tsukuba
MongoDB〜その性質と利用場面〜
by
Naruhiko Ogasawara
BuildKitによる高速でセキュアなイメージビルド
by
Akihiro Suda
Kubernetesのしくみ やさしく学ぶ 内部構造とアーキテクチャー
by
Toru Makabe
老害について
by
Ken SASAKI
ゼロから作るKubernetesによるJupyter as a Service ー Kubernetes Meetup Tokyo #43
by
Preferred Networks
BuildKitの概要と最近の機能
by
Kohei Tokunaga
KubeCon + CloudNativeCon Europe 2022 Recap - Batch/HPCの潮流とScheduler拡張事例 / Kub...
by
Preferred Networks
グラフ構造のデータモデルをPower BIで可視化してみた
by
CData Software Japan
暗号技術の実装と数学
by
MITSUNARI Shigeo
目grep入門 +解説
by
murachue
SQLアンチパターン 幻の第26章「とりあえず削除フラグ」
by
Takuto Wada
モノタロウの1900万商品を検索する Elasticsearch構築運用事例(2022-10-26 第50回Elasticsearch 勉強会発表資料)
by
株式会社MonotaRO Tech Team
Linux女子部 systemd徹底入門
by
Etsuji Nakai
Unity 2018-2019を見据えたDeNAのUnity開発のこれから [DeNA TechCon 2019]
by
DeNA
組み込み関数(intrinsic)によるSIMD入門
by
Norishige Fukushima
Kubernetesでの性能解析 ~なんとなく遅いからの脱却~(Kubernetes Meetup Tokyo #33 発表資料)
by
NTT DATA Technology & Innovation
MagicOnion入門
by
torisoup
DRIVE CHARTを支えるAI技術
by
Yusuke Uchida
Recently uploaded
PDF
膨大なデータ時代を制する鍵、セグメンテーションAIが切り拓く解析精度と効率の革新
by
Data Source
PDF
PCCC25(設立25年記念PCクラスタシンポジウム):日本ヒューレット・パッカード合同会社 テーマ3「IT運用とデータサイエンティストを強力に支援するH...
by
PC Cluster Consortium
PDF
論文紹介:MotionMatcher: Cinematic Motion Customizationof Text-to-Video Diffusion ...
by
Toru Tamaki
PDF
PCCC25(設立25年記念PCクラスタシンポジウム):コアマイクロシステムズ株式会社 テーマ 「AI HPC時代のトータルソリューションプロバイダ」
by
PC Cluster Consortium
PDF
PCCC25(設立25年記念PCクラスタシンポジウム):日本ヒューレット・パッカード合同会社 テーマ1「大規模AIの能力を最大限に活用するHPE Comp...
by
PC Cluster Consortium
PPTX
2025年11月24日情報ネットワーク法学会大井哲也発表「API利用のシステム情報」
by
Tetsuya Oi
PDF
論文紹介:HiLoRA: Adaptive Hierarchical LoRA Routing for Training-Free Domain Gene...
by
Toru Tamaki
PPTX
ChatGPTのコネクタ開発から学ぶ、外部サービスをつなぐMCPサーバーの仕組み
by
Ryuji Egashira
PDF
PCCC25(設立25年記念PCクラスタシンポジウム):Pacific Teck Japan テーマ3「『TrinityX』 AI時代のクラスターマネジメ...
by
PC Cluster Consortium
PDF
PCCC25(設立25年記念PCクラスタシンポジウム):Pacific Teck Japan テーマ2「『Slinky』 SlurmとクラウドのKuber...
by
PC Cluster Consortium
PDF
論文紹介:DiffusionRet: Generative Text-Video Retrieval with Diffusion Model
by
Toru Tamaki
PDF
AI開発の最前線を変えるニューラルネットワークプロセッサと、未来社会における応用可能性
by
Data Source
PDF
PCCC25(設立25年記念PCクラスタシンポジウム):エヌビディア合同会社 テーマ1「NVIDIA 最新発表製品等のご案内」
by
PC Cluster Consortium
PDF
PCCC25(設立25年記念PCクラスタシンポジウム):富士通株式会社 テーマ1「HPC&AI: Accelerating material develo...
by
PC Cluster Consortium
PDF
ニューラルプロセッサによるAI処理の高速化と、未知の可能性を切り拓く未来の人工知能
by
Data Source
膨大なデータ時代を制する鍵、セグメンテーションAIが切り拓く解析精度と効率の革新
by
Data Source
PCCC25(設立25年記念PCクラスタシンポジウム):日本ヒューレット・パッカード合同会社 テーマ3「IT運用とデータサイエンティストを強力に支援するH...
by
PC Cluster Consortium
論文紹介:MotionMatcher: Cinematic Motion Customizationof Text-to-Video Diffusion ...
by
Toru Tamaki
PCCC25(設立25年記念PCクラスタシンポジウム):コアマイクロシステムズ株式会社 テーマ 「AI HPC時代のトータルソリューションプロバイダ」
by
PC Cluster Consortium
PCCC25(設立25年記念PCクラスタシンポジウム):日本ヒューレット・パッカード合同会社 テーマ1「大規模AIの能力を最大限に活用するHPE Comp...
by
PC Cluster Consortium
2025年11月24日情報ネットワーク法学会大井哲也発表「API利用のシステム情報」
by
Tetsuya Oi
論文紹介:HiLoRA: Adaptive Hierarchical LoRA Routing for Training-Free Domain Gene...
by
Toru Tamaki
ChatGPTのコネクタ開発から学ぶ、外部サービスをつなぐMCPサーバーの仕組み
by
Ryuji Egashira
PCCC25(設立25年記念PCクラスタシンポジウム):Pacific Teck Japan テーマ3「『TrinityX』 AI時代のクラスターマネジメ...
by
PC Cluster Consortium
PCCC25(設立25年記念PCクラスタシンポジウム):Pacific Teck Japan テーマ2「『Slinky』 SlurmとクラウドのKuber...
by
PC Cluster Consortium
論文紹介:DiffusionRet: Generative Text-Video Retrieval with Diffusion Model
by
Toru Tamaki
AI開発の最前線を変えるニューラルネットワークプロセッサと、未来社会における応用可能性
by
Data Source
PCCC25(設立25年記念PCクラスタシンポジウム):エヌビディア合同会社 テーマ1「NVIDIA 最新発表製品等のご案内」
by
PC Cluster Consortium
PCCC25(設立25年記念PCクラスタシンポジウム):富士通株式会社 テーマ1「HPC&AI: Accelerating material develo...
by
PC Cluster Consortium
ニューラルプロセッサによるAI処理の高速化と、未知の可能性を切り拓く未来の人工知能
by
Data Source
Googleログインから学ぶ OAuth
1.
Google ログインから学ぶ Oauth
2.
はじめに ❏ ソーシャルログインを実装したことが ない人向け ❏ Oauth知らない人向け
3.
自己紹介 ❏ Kazuma Kimura 2匹のねこ様と暮らす、システムエン ジニア ❏
Twitter:K_Makazu
4.
目的 ❏ ソーシャルログインの仕組みや、ど んな技術が使われているのかを知っ てもらう
5.
Agenda ソーシャルログインって何? 効果 Googleログインの仕組み
6.
ソーシャルログ インって何? ソーシャルログインって何? 効果 Googleログインの仕組み
7.
こんなボタン見たことな いですか?
9.
SNSアカウントを使って ログイン →ソーシャルログイン
10.
何ができるのか
11.
SNSアカウント情報を 使ってユーザ登録
12.
SNSアカウント情報を 使ってユーザ登録 →①クリックで登録ができ る
13.
どんなソーシャルログイ ンボタンを設置している かはサイトによる
14.
こんなソーシャルボタン がある
16.
ソーシャルボタンを設置 してるサイト
18.
効果 ソーシャルログインって何? 効果 Googleログインの仕組み
19.
効果 ・離脱率の改善=コンバーションアップ ・ログイン頻度を高める ・パスワード再発行などの問い合わせ削減 ・アカウントに紐づく個人情報の取得
20.
分析 ・アカウント ・デバイス
25.
導入するには? ❏ ASPサービスを展開しているソフト ウェアを利用 ❏ SNSが展開しているSDKなどを使っ てスクラッチ開発
26.
ソーシャルログインASP https://socialplus.jp/ https://oauth.io/
27.
仕組み ソーシャルログインって何? 効果 Googleログインの仕組み
28.
OAuthのフロー
30.
とりあえず作る! Googleアカウント情報 を取得してみる
31.
まずはGoogleさんにプ ロジェクト登録
33.
認証情報を設定
35.
OAuth同意画面の設 定
37.
準備は終了
38.
リクエストの流れ
39.
認証 https://accounts.google.com/o/oauth2/v2/auth? ->scope=https://www.googleapis.com/auth/userin fo.profile& ->redirect_uri={承認済みのリダイレクトURI}& ->response_type=code& ->client_id={クライアントID}
40.
トークン取得 POST /oauth2/v4/token HTTP/1.1 Host:
www.googleapis.com Content-Type: application/x-www-form-urlencoded ->code={認証で返却されたCode}& ->client_id={クライアントID}& ->client_secret={クライアント シークレット}& ->redirect_uri={承認済みのリダイレクトURI}& ->grant_type=authorization_code
41.
APIのCall https://www.googleapis.com/oauth2/v3/userinfo? ->access_token={取得したトークン}
42.
取得できる情報 Google 氏名、ニックネーム、メールアドレス、プロフィール写真、住所 etc... Facebook 氏名、性別、血液型、誕生日、メールアドレス、住所、写真、
興味・関心、職歴、 学歴、地域、友達リスト etc... Twitter 氏名、ニックネーム、メールアドレス、プロフィール写真、フォローリスト、フォロ ワーリスト etc... 他のSNSだとこんなのが取れる
43.
OAuthは分かったので 実際にサイトで使われて いるソーシャルログイン のフローを見ていく
44.
Oauth
45.
ポイント ❏ 新規ユーザの場合は自サイトのユーザ登録 の入力補完として使う ❏ ユーザ登録している場合はSNSアカウントと の紐づけをする ❏
上記が網羅されていたらワンクリックログイン する事ができる
46.
紐づけする理由 ❏ 結局のところサイト側のユーザIDを使ったシ ステム制御(パーソナライズとか)したいとか、 ユーザの情報として足りなかったりする
47.
まとめ
48.
SNSをやっているのが 当たり前の時代になって いるのでソーシャルログ インはつけたほうがいい と思う
49.
ソーシャルログインだけ でなく、SNS情報を扱う 上でOAuthは使う事に なると思うので覚えとくと いいかも
50.
ご静聴ありがとうございました
Download