Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Word Press Voice Over Authentication
Search
haruharuharuby
September 03, 2017
Technology
0
2.3k
Word Press Voice Over Authentication
2 factor authentication.
You can use authentication by your voice
haruharuharuby
September 03, 2017
Tweet
Share
More Decks by haruharuharuby
See All by haruharuharuby
Effective AWS Step Functions
haruharuharuby
0
170
JP_Stripes 5th anniversary - Plan migration consideration -
haruharuharuby
0
84
Alexa Warming Up my Live Stream!
haruharuharuby
1
81
AAJUG meetup September
haruharuharuby
0
38
How Voice Technology is Changing Customer Experience from Brain Perspectives
haruharuharuby
0
65
IVSの盛り上げ役にAlexaをつかってみようか
haruharuharuby
0
750
Let's make a blog with live streaming in 10 minutes
haruharuharuby
0
510
Alexa Audio Player @Deep Diving
haruharuharuby
0
280
VoiceLunchJp#02 Share VUI App and reputation
haruharuharuby
1
290
Other Decks in Technology
See All in Technology
_第3回__AIxIoTビジネス共創ラボ紹介資料_20250617.pdf
iotcomjpadmin
0
150
250627 関西Ruby会議08 前夜祭 RejectKaigi「DJ on Ruby Ver.0.1」
msykd
PRO
2
270
How Community Opened Global Doors
hiroramos4
PRO
1
120
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
200
エンジニア向け技術スタック情報
kauche
1
250
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
1
810
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
440
生成AIで小説を書くためにプロンプトの制約や原則について学ぶ / prompt-engineering-for-ai-fiction
nwiizo
4
1.5k
生成AIでwebアプリケーションを作ってみた
tajimon
2
150
Agentic Workflowという選択肢を考える
tkikuchi1002
1
500
Snowflake Summit 2025全体振り返り / Snowflake Summit 2025 Overall Review
mtpooh
2
400
“社内”だけで完結していた私が、AWS Community Builder になるまで
nagisa53
1
380
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Music & Morning Musume
bryan
46
6.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.4k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Transcript
WordPress Voice Over Auth For 09/03 Word Bench Osaka/Kyoto/Nagano TiNm’S
Tomoharu Ito 税法上 今年は の フリーランス コミュニティ を運営 発起人 在住 プログラマー
(2017年 7月〜 だれやねん。
こんなログイン画面を作ります。
Voice Over Auth User ①、⑥ ②、⑦ ④ ⑤ ⑧ ③
ザクッと概要 1. ユーザーがログイン画面を表示 2. ログイン画面表示時に、ワンタイムパスワードの生成をリクエスト 3. パスワードをpush通知 4. ユーザーはAmazon Echoにパスワードを言う
5. ユーザーが発話したパスワードを認証 6. ユーザーはユーザーとパスワードを入力してログイン 7. 認証が通過しているかをチェック 8. 通常のWP認証と⑥の認証が通過してれば、ログインを許可
材料 ユーザーがログインした ときに、 ワンタイムパスワードの 発行を リクエストするプラグイ ンが必要。
材料 パスワードの発行、失効、 認証を行うバックエンドが 必要。 今回はAWSを利用し、 サーバーレスで構築。
材料 ユーザーからの発話を 受け付けるAlexa Skill が必要。
TiNm’S WordPress プラグイン
ベースとなるWordPress
Wp voice authentication plugin ログイン画面のカスタマイズ 認証処理をフック
Wp Voice Authentication Plugin 40行くらい。
API をたたくためのAPI wp_remote_get wp_safe_remote_post wp_remote_post wp_remote_request などなど。。
TiNm’S 認証API
認証API https://voa.tinms.net/code
認証API リソースパス HTTP メソッド 機能 /code GET 認証されてるいか確認 PUT ワンタイムパスワードの生成
PATCH 認証処理 DELTE ワンタイムパスワードの破棄
認証API できるだけ少ないリソースで、多くの処理をまかな えるように考える。
バックエンドはAWS でサーバーレスに構築 API Gateway
バックエンドはAWS でサーバーレスに構築 130行くらい
バックエンドはAWS でサーバーレスに構築 パスワードの発行はダイナモで管理
Alexa Skill User: Alexa, ask wp authentication Alexa: Hi! Please
your authentication code User: 1234 Alexa: OK! You can log in your WordPress.
Alexa Skill 140行くらい
Alexa Skill Developer.amazon.com のGUI でひたすら設定
DEMO ムービー
ありがとうございました。 TiNm’S TiNm’S
[email protected]