Rails初心者がパスキーを実装してみて大変だったこと

SmartHRさん主催の「Kaigi on Rails 2026事後勉強会」の発表資料になります。
「Kaigi on Rails 2026が初参加だった方によるLT」として登壇しました。
パスキーの話を聞いたので、AIの力を借りつつ、パスキー実装を学んだ話をしました。

Transcript

1. Rails 初心者がパスキーを実装し てみて大変だったこと 株式会社スタメン とんとんぼ
2. 自己紹介 • とんとんぼ • 株式会社スタメン • モバイルエンジニア(iOS) • iOS 歴４年 • Ruby、Rails歴４ヶ月
3. Kaigi on Rails 初参加
4. Ruby、Railsのイベント初参加
5. 参加経緯 • 今年の最大トレンド技術はAI • AIを使って技術横断をすることが増えた • バックエンドの仕事が増えてきた • AIに丸投げしたらいい感じのものはできるが身に付かん • Rubyを、Railsをちゃんと学ぼう
7. セッション
8. パスキー
9. Passkey
10. https://speakerdeck.com/utakaha/rails-no-tame-no-pasu-ki-jissen-nyuumon-maruchi-tenanto-saas-deno-ishi-kettei
11. パスキーが好き • ユーザーとしてもエンジニアとしてもパスキーが好き • UXとセキュリティに強い（強そう！） • Kaigi on Rails のセッションでパスキーの話があった • 今なら、AIの技術を借りつつ、パスキーの実装が簡単にできるんじゃないか
12. Rails初心者がパスキーを実装し てみて大変だったこと
13. Rails初心者なiOSエンジニアがAIを使って パスキーを実装してみて大変だったこと
14. 今回つくったもの • ミニX（旧Twitter）をRailsで作成 • 140文字の短文を投稿 • ユーザー登録、ログイン • ログインしたら投稿ができる • シンプルなWebアプリ • ユーザー登録・ログインにパスキーを導入する
16. どう作るか
17. どう作るか • webauthen gem (3.5系） • チャレンジ生成とブラウザの応答の検証をこのgemに任せる • ブラウザ側で Stimulus のコントローラからwebauthenAPI を呼ぶ • サーバーがチャンレンジ入りのオプションを返す • ブラウザが認証器で署名、サーバーがその応答を検証する
18. https://speakerdeck.com/utakaha/rails-no-tame-no-pasu-ki-jissen-nyuumon-maruchi-tenanto-saas-deno-ishi-kettei
19. 難しい点
20. 用語
21. 難しい点：用語 • チャレンジ、ユーザーハンドル、クレデンシャルID、RP ID、etc… • Railsの入門には出てこない概念がめちゃくちゃ出てくる • 知識を入れないと、コードを読んでも正しい判断ができない • 対策として、図を見ながら流れを追う（with AI)
22. テスト・動作確認
23. 難しい点：テスト・動作確認 • RSpecでは本物の認証器を使えないので、 WebAuthen::FakeClient で代わりを用意 • しかし、require “webauthn/fake_client"は自分で書かない と読み込まれない • ブラウザの確認は、Chrmiumの仮想認証が必要
24. 難しい箇所の対策 • 技術的にも、理論的にも難しいところはあった • しかし、AIを使って図などをつかって解説も可能 • 躓いても、すぐにAIが助けてくれる(?) • 「すぐに解決！」それが本当に力になる？
25. まとめ
26. まとめ • AIの力をかりつつもパスキーを実装することはできた • 用語、実装、テストや動作確認など、躓くポイントは多々あった • 一通り実装してからKaigi on Rails のセッションを聞くと理解が深 まる