---
title: "パスキーの基本を学べる開発者向け入門サイト「Passkeys Playground」を公開"
description: "開発者向けの入門コンテンツやデモでパスキーについて学習できるサイトを公開しました。"
authors:
  - name: "Daizen Ikehara"
    url: "https://auth0.com/blog/authors/daizen-ikehara/"
date: "Nov 15, 2024"
category: "Developers,Whats New,Passkeys"
tags: ["パスキー", "auth0", "passkeys", "japanese"]
url: "https://auth0.com/blog/jp-passkeys-playground-launch/"
---

# パスキーの基本を学べる開発者向け入門サイト「Passkeys Playground」を公開

私たちは過去数十年にわたってIDとパスワードを使用した認証方式を利用してきました。お客様やユーザーにとっては親しみのある認証方式ではあるものの、情報の管理やパスワードの使い回し、漏洩が問題となっています。
こういったリスクを抑制するため、EmailやSMS、音声通話、認証アプリを使用したワンタイムパスコード（OTP）やハードウェアキーなど別の要素を利用した多要素認証の導入が進んできました。
しかし、こういった追加要素での認証はユーザーにとって煩わしいもの（摩擦）となり、ユーザー体験を損ねてしまいます。また、一部要素では[フィッシング攻撃](https://auth0.com/blog/jp-why-phishing-attacks-work/)に見られる新たなリスクや、ハードウェアキーの導入のコストなど課題も散見されます。


こういった課題に対してユーザーにとって摩擦が少なく、また、フィッシング耐性が高い認証方式としてパスキーが注目を集めています。世界的なサービスをはじめとして、日本で展開している各種サービスでもパスキーの導入が進んでいます。


一方、パスキーは新しい技術であるため、どういった特徴を持つのか、どのようなフローで利用されるのかといった基本的な内容を学習する必要があります。


Oktaはパスワードのない未来を実現する、という目標を打ち立てており、カスタマーアイデンティティおよびアクセス管理（CIAM）ソリューションの[Auth0でパスキー機能を提供](https://www.okta.com/jp/blog/2023/10/faster-easier-and-more-secure-customer-logins-with-passkeys-in-okta/)しています。このパスキー機能は[本年9月に拡充を発表した無料プラン](https://auth0.com/blog/jp-expand-free-plan-2024/)を含めて、すべてのプランで利用いただけるようになっています。


このパスキーの導入を日本で推進するため、開発者を対象としてパスキーの基本を包括的に学べる開発者向け入門サイト「__Passkeys Playground__」を公開しました。


- [__Passkeys Playground__](https://learnpasskeys.io/ja)



## Passkeys Playgroundで提供されている内容


Passkeys Playgroundでは開発者の皆さまを対象として以下のコンテンツを提供しています。


- [__パスキー入門:__](https://learnpasskeys.io/ja/introduction) パスキーの仕組み、利点、どのように使用を開始すればよいのかといった基本を学習できます。

- [__開発者向けパスキーデモ:__](https://learnpasskeys.io/ja/demo) ユーザーのサインアップとログイン、さらにパスキーの削除についてユーザーに見える部分、見えない部分でどのようなことが起きているのかをステップごとに情報を確認しながら動作を体験できます。

- [__パスキー関連リソース:__](https://learnpasskeys.io/ja/resources) パスキーやその関連情報についてさらに詳しく理解するために厳選されたブログ記事、動画などをご紹介するページをご用意しています。

こちらの動画でもご紹介しておりますのでぜひご確認ください。
<AmpContent>
<amp-youtube
    data-videoid="Q9F85wL1H8o"
    layout="responsive"
    width="480" height="270">
</amp-youtube>
</AmpContent>
<NonAmpContent>
<div class='embed-container' style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;margin-bottom:40px;"><iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src='https://www.youtube.com/embed/Q9F85wL1H8o' frameborder='0' allowfullscreen></iframe></div>
</NonAmpContent>


## まとめ、関連ラボ


これからパスキーについて学びたい、実装したい開発者の皆さんにぜひご活用いただければと思います。


また、Auth0の無料プランを使って、簡単にパスキー機能を設定できるラボを公開しています。


こちらも合わせてご利用ください。


- [ラボ: パスキーによる認証](https://developer.auth0.com/resources/labs/authentication/passkeys-jp) 
- [ラボ: パスキー認証の設定（Node.js/Express）](https://developer.auth0.com/resources/labs/authentication/passkeys-node-jp)
- [Blog: Auth0の無料プランが拡充](https://auth0.com/blog/jp-expand-free-plan-2024/)