https://xainome-blog.beeskynohito.workers.dev/tags/%E3%83%91%E3%82%B9%E3%82%AD%E3%83%BC/Recent content in パスキー on Xainome BlogHugojaSun, 16 Jun 2024 00:00:00 +0000https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/Sun, 16 Jun 2024 00:00:00 +0000https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/<h2 id="はじめに">はじめに</h2> <p>ここ最近セキュリティに関するニュースが後を絶たないですね…。例えば</p> <ul> <li> <p><a href="https://www.nikkei.com/article/DGXZQOUE119GJ0R10C24A6000000/">岡山の病院で患者情報流出</a></p> </li> <li> <p><a href="https://news.yahoo.co.jp/articles/9bfd4c3577e2beb21023ebc1bfe951c2986e2734">ニコニコ動画サイバー攻撃</a></p> </li> <li> <p><a href="https://www.nikkei.com/article/DGXZQOUF249OW0U4A520C2000000/">積水ハウス個人情報流出</a></p> </li> </ul> <p>流出や攻撃だけでも頻繁に起きますし、脆弱性の発見も日々起こっています。<a href="https://www.ipa.go.jp/security/vuln/index.html">こちら</a>のサイトなどで見ることができます。</p> <p>そこで自身もセキュリティ意識を高めるため、パスワードではなく<strong>パスキー</strong>を使ったWordPressのログインを試みようという話になります。</p> <h2 id="設定手順">設定手順</h2> <p>まずはWordPressにログインして「<strong>OwnID Passwordless Login</strong>」をインストールします。その後設定画面に移動すると以下の画像画面に行くので、「OwnID Console.」をクリックします。</p> <p><img alt="OwnID Settings" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-16-185906-1.png"></p> <p>OwnID Console画面に入ったらアカウントを作ってログインしましょう！Githubがあればそちらでも大丈夫です。</p> <p><img alt="OwnID Sign up" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-121921-1024x599.png"></p> <p>ログインができたら「Create Application」でアプリの作成を行います。</p> <p><img alt="Add Passkeys" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-123214.png"></p> <p>まずはアプリ名を決めましょう。適当で大丈夫です。</p> <p><img alt="App name" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-123344.png"></p> <p>アプリ名を決めたら使用するシステムを選択しましょう！今回の場合はWordPressになります。</p> <p><img alt="Choose your integration" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-123431.png"></p> <p>もし開発に使用する場合は以下から選択することになると思います。いつか開発で使ってみたいですね。</p> <p><img alt="Build your own" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-123508.png"></p> <p>WordPressの場合は自身のURLサイトを設定しましょう。</p> <p><img alt="website URL" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-123541.png"></p> <p>設定が完了したら準備完了です！</p> <p><img alt="your app is ready" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-125011.png"></p> <h2 id="複数サイト設定">複数サイト設定</h2> <p>ここから先は複数作る場合になります。カスタムドメインで作ると複数パターン設定できます。</p> <p><img alt="Custom Domain" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-125121-1024x314.png"></p> <p>カスタムドメインをまずは作ります。基本は「passwordless.あなたのドメイン」で設定します。</p> <p><img alt="Custom Domain" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-125415.png"></p> <p>カスタムドメインの設定が完了したらDNSにStep1とStep2の値を設定します。</p> <p><img alt="Custom Domain set up steps" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-125516.png"></p> <p>設定が完了してチェックが通れば「Verified」になります。</p> <p><img alt="Custom Domain check" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-130305.png"></p> <p><img alt="Custom Domain check" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-130819.png"></p> <p>設定が完了したら「App ID」と「Shared Secret」の画面を出したまま、WordPressの画面に戻ります。</p> <p><img alt="OwnID settings" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2024/06/wordpress-passkeys-cybersecurity/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-06-14-132904.png"></p> <p>OwnIDの設定画面で先ほどの<strong>App ID</strong>と<strong>Shared secret</strong>を入力して完了です。</p>