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
Turnstileのウィジェット モードとは何者か
Search
Yuki_Kurono
August 08, 2023
Technology
0
510
Turnstileのウィジェット モードとは何者か
「Cloudflare Meetup Nagoya 第2回」のLT資料
https://cfm-cts.connpass.com/event/286657/
Yuki_Kurono
August 08, 2023
Tweet
Share
More Decks by Yuki_Kurono
See All by Yuki_Kurono
今年のre:inventから学ぶこと
yuki_kurono
0
45
re_invent 2023事前勉強会
yuki_kurono
0
65
CloudFormationの運用が 辛くならない方法を本気で考えてみた
yuki_kurono
0
220
CloudFormationで登場したForEachをちゃんと理解してみる
yuki_kurono
0
670
CodeGuru Security ってなんだ?
yuki_kurono
0
990
えるしってるか CloudFrontはWAFがあっても カスタムエラーレスポンスを返せる
yuki_kurono
0
360
Cloudflare初心者がIaCから基本構成を学んでみた
yuki_kurono
1
540
Terraformのnull_resource ってなに?aws cli が実行できるらしい
yuki_kurono
1
1.3k
Hashicorp VaultでAWSクレデンシャルの管理を楽にしたい
yuki_kurono
0
610
Other Decks in Technology
See All in Technology
トヨタ生産方式(TPS)入門
recruitengineers
PRO
4
460
Evolution on AI Agent and Beyond - AGI への道のりと、シンギュラリティの3つのシナリオ
masayamoriofficial
0
190
会社にデータエンジニアがいることでできるようになること
10xinc
9
1.6k
RAID6 を楔形文字で組んで現代人を怖がらせましょう(実装編)
mimifuwa
1
320
ZOZOTOWNフロントエンドにおけるディレクトリの分割戦略
zozotech
PRO
18
5.5k
実践アプリケーション設計 ③ドメイン駆動設計
recruitengineers
PRO
7
770
我々は雰囲気で仕事をしている / How can we do vibe coding as well
naospon
2
220
事業価値と Engineering
recruitengineers
PRO
3
1.1k
AIエージェントの開発に必須な「コンテキスト・エンジニアリング」とは何か──プロンプト・エンジニアリングとの違いを手がかりに考える
masayamoriofficial
0
420
モバイルアプリ研修
recruitengineers
PRO
4
500
そのコンポーネント、サーバー?クライアント?App Router開発のモヤモヤを可視化する補助輪
makotot
4
640
イオン店舗一覧ページのパフォーマンスチューニング事例 / Performance tuning example for AEON store list page
aeonpeople
2
310
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
820
Speed Design
sergeychernyshev
32
1.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.6k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Documentation Writing (for coders)
carmenintech
73
5k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
The World Runs on Bad Software
bkeepers
PRO
70
11k
The Language of Interfaces
destraynor
160
25k
Transcript
Constellation使ってみた Yuki Kurono 2023/8/4 #CloudflareUG #CloudflareUG_ngo
現在はbeta機能として提供されているため、有効化のリクエストが必要。 コミュニティ等を覗いてみたけどどれくらいで有効化されるかは不明 Constellation有効化してみる #CloudflareUG #CloudflareUG_ngo
2週間くらい待ってるけどいつ来るの?って質問してる人もいたけど、 内緒って言われてた。 Constellation有効化、間に合わず。。 #CloudflareUG #CloudflareUG_ngo
Turnstileのウィジェット モードとは 何者か Yuki Kurono 2023/8/4 #CloudflareUG #CloudflareUG_ngo
自己紹介 #CloudflareUG #CloudflareUG_ngo 黒野 雄稀 Yuki Kurono アイレット株式会社 普段はインフラ設計・構築や運用構築に従事 2022/2023
Japan AWS All Certifications Engineers 2023 Japan AWS Top Engineers Cloudflare Meetup Onlineの運営とか
Turnstileとは #CloudflareUG #CloudflareUG_ngo CAPTCHAの代わりとなるBOT対策サービスです。 クライアント、サーバサイドにコードを追記することで 簡単に導入することが可能です。 現在はベータ版として100万回呼び出し/月まで無料で使えます。 “人類はCAPTCHAを突破するのに毎日およそ500年分の時間を 費やしています。” Turnstile
CAPTCHA https://www.cloudflare.com/ja-jp/products/turnstile/
Turnstile設定 #CloudflareUG #CloudflareUG_ngo コンソール上での設定はほとんどなく、 とてもシンプル。 • サイト名はTurnstileの一意な名前 • ドメインはTurnstileを導入するドメイン名 •
ウィジェットモードは。。。んんー。。 →分からん。。。
ウィジェット モードってなんだ? #CloudflareUG #CloudflareUG_ngo なるほど、よく分からん。
ウィジェット モード #CloudflareUG #CloudflareUG_ngo 非インタラクティブ サイト訪問者が怪しい場 合もアクションを求めず チェックを行うモード 不可視 チェック中のボックスを
表示せず裏側でチェック を実施するモード 管理対象 サイト訪問者が怪しい場 合にアクションを求める モード
デモ #CloudflareUG #CloudflareUG_ngo https://remix-cloudflare-workers.kurono.workers.dev/login
まとめ #CloudflareUG #CloudflareUG_ngo • 今回初めて使ったがドキュメント読みながら2時間ほどで導入できたの でとても導入ハードルは低いと思います。 • ウィジェットモードの選択によって予期せぬ動作をする可能性もある ので、ユースケースに合わせて選択しましょう。 •
CAPTCHAではなくTurnstileを使っているサイトをたまに見かける気が するので、今後増えていくのを期待してきます!
参考 #CloudflareUG #CloudflareUG_ngo https://zenn.dev/kameoncloud/articles/cdf8f67bd8ce6f