{"id":53717,"date":"2024-02-01T03:27:40","date_gmt":"2024-01-31T18:27:40","guid":{"rendered":"https:\/\/kinsta.com\/jp\/?p=53717&#038;preview=true&#038;preview_id=53717"},"modified":"2024-02-02T18:00:40","modified_gmt":"2024-02-02T09:00:40","slug":"next-js-authentication","status":"publish","type":"post","link":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/","title":{"rendered":"Next.js\u3067\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u6ce8\u610f\u70b9"},"content":{"rendered":"<p>\u6570\u5e74\u524d\u307e\u3067\u306f\u8907\u96d1\u306a\u30bf\u30b9\u30af\u3060\u3063\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3078\u306e\u8a8d\u8a3c\u306e\u5b9f\u88c5\u306f\u3001\u73fe\u5728API\u3067\u7c21\u5358\u306b\u5b9f\u884c\u3067\u304d\u308b\u3088\u3046\u306b\u3002<\/p>\n<p>Next.js\u3067\u7279\u5b9a\u306e\u8a8d\u8a3c\u6a5f\u80fd\u3092\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u3059\u3067\u306b\u591a\u6570\u306e\u30b5\u30f3\u30d7\u30eb\u30ea\u30dd\u30b8\u30c8\u30ea\u3084\u89e3\u8aac\u8a18\u4e8b\u304c\u5b58\u5728\u3059\u308b\u305f\u3081\u3001\u3042\u3089\u305f\u3081\u3066\u3054\u7d39\u4ecb\u3059\u308b\u5fc5\u8981\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n<p>\u4eca\u56de\u306f\u3001\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u306e\u9078\u629e\u304b\u3089\u30b5\u30a4\u30f3\u30a4\u30f3\u30da\u30fc\u30b8\u306e\u69cb\u7bc9\u3001\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u304a\u3088\u3073\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b5\u30a4\u30c9\u306e\u9078\u629e\u307e\u3067\u3001Next.js\u3067\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u6ce8\u610f\u70b9\u3092\u8a73\u3057\u304f\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>\u8a8d\u8a3c\u65b9\u5f0f\u304a\u3088\u3073\u30b5\u30fc\u30d3\u30b9\u306e\u9078\u629e<\/h2>\n<p>\u30a2\u30d7\u30ea\u306b\u8a8d\u8a3c\u6a5f\u80fd\u3092\u7d44\u307f\u8fbc\u3080\u65b9\u6cd5\u306f\u5343\u901a\u308a\u8fd1\u304f\u3042\u308b\u305f\u3081\u3001\u4eca\u56de\u306f\u7279\u5b9a\u306e\u30b5\u30fc\u30d3\u30b9\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b\u306e\u3067\u306f\u306a\u304f\uff08\u3053\u308c\u306b\u3064\u3044\u3066\u306f\u307e\u305f\u5225\u306e\u8a18\u4e8b\u3067\uff09\u3001<strong>\u8a8d\u8a3c\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u306e\u7a2e\u985e<\/strong>\u3068\u305d\u306e\u4f8b\u3092\u3044\u304f\u3064\u304b\u898b\u3066\u3044\u304d\u307e\u3059\u3002\u5b9f\u88c5\u306b\u3064\u3044\u3066\u306f\u3001Next.js\u30a2\u30d7\u30ea\u3092\u8907\u6570\u306e\u30b5\u30fc\u30d3\u30b9\u3068\u7d71\u5408\u3057\u305f\u308a\u3001\u30b7\u30f3\u30b0\u30eb\u30b5\u30a4\u30f3\u30aa\u30f3\uff08SSO\uff09\u3092\u8ffd\u52a0\u3057\u305f\u308a\u3059\u308b\u9078\u629e\u80a2\u3068\u3057\u3066\u3001<a href=\"https:\/\/next-auth.js.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">next-auth<\/a>\u304c\u4e00\u822c\u5316\u3057\u3064\u3064\u3042\u308a\u307e\u3059\u3002<\/p>\n<h3>\u5f93\u6765\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3067\u306e\u8a8d\u8a3c<\/h3>\n<p>\u5f93\u6765\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u540d\u3068\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u4fdd\u5b58\u3057\u307e\u3059\u3002\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332\u3092\u884c\u3046\u3068\u3001users\u30c6\u30fc\u30d6\u30eb\u306b\u65b0\u3057\u3044\u884c\u304c\u633f\u5165\u3055\u308c\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30ed\u30b0\u30a4\u30f3\u3059\u308b\u3068\u3001\u30c6\u30fc\u30d6\u30eb\u306b\u4fdd\u5b58\u3055\u308c\u3066\u3044\u308b\u60c5\u5831\u3068\u7167\u5408\u3002\u307e\u305f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5909\u66f4\u3059\u308c\u3070\u3001\u30c6\u30fc\u30d6\u30eb\u306e\u5024\u304c\u66f4\u65b0\u3055\u308c\u307e\u3059\u3002<\/p>\n<p>\u65e2\u5b58\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u304a\u3044\u3066\u306f\u3001\u3053\u306e\u65b9\u5f0f\u304c\u6700\u3082\u4e00\u822c\u7684\u3067\u3059\u3002\u67d4\u8edf\u6027\u306b\u512a\u308c\u3001\u5b89\u4fa1\u3067\u3001\u7279\u5b9a\u306e\u30b5\u30fc\u30d3\u30b9\u306b\u7e1b\u3089\u308c\u308b\u5fc5\u8981\u3082\u3042\u308a\u307e\u305b\u3093\u3002\u305f\u3060\u3057\u3001\u81ea\u5206\u3067\u69cb\u7bc9\u3057\u306a\u3051\u308c\u3070\u306a\u3089\u305a\u3001\u7279\u306b\u6697\u53f7\u5316\u306b\u3064\u3044\u3066\u61f8\u5ff5\u3057\u3001\u5341\u5206\u306b\u5b89\u5168\u3067\u306a\u3044\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u60aa\u610f\u306e\u3042\u308b\u30e6\u30fc\u30b6\u30fc\u306e\u624b\u306b\u6e21\u3089\u306a\u3044\u3088\u3046\u306b\u3059\u308b\u5bfe\u7b56\u3092\u8b1b\u3058\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<h3>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3067\u306e\u8a8d\u8a3c<\/h3>\n<p>\u3053\u3053\u6570\u5e74\u3067\uff08Firebase\u306f\u305d\u308c\u4ee5\u524d\u304b\u3089\uff09\u3001\u591a\u304f\u306e\u30de\u30cd\u30fc\u30b8\u30c9\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30b5\u30fc\u30d3\u30b9\u304c\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u3082\u63d0\u4f9b\u3059\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<a href=\"https:\/\/firebase.google.com\/docs\/auth\" target=\"_blank\" rel=\"noopener noreferrer\">Firebase<\/a>\u3001<a href=\"https:\/\/supabase.com\/auth\" target=\"_blank\" rel=\"noopener noreferrer\">Supabase<\/a>\u3001<a href=\"https:\/\/aws.amazon.com\/cognito\/\" target=\"_blank\" rel=\"noopener noreferrer\">AWS<\/a>\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u4f5c\u6210\u3068\u30bb\u30c3\u30b7\u30e7\u30f3\u7ba1\u7406\u3092\u7c21\u5358\u306b\u62bd\u8c61\u5316\u3059\u308bAPI\u3092\u4ecb\u3057\u3066\u3001\u30de\u30cd\u30fc\u30b8\u30c9\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3068\u30de\u30cd\u30fc\u30b8\u30c9\u8a8d\u8a3c\u306e\u4e21\u65b9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\uff08\u8a73\u3057\u304f\u306f\u5f8c\u307b\u3069\uff09\u3002<\/p>\n<p>Supabase\u8a8d\u8a3c\u3067\u306e\u30ed\u30b0\u30a4\u30f3\u306f\u3001<a href=\"https:\/\/supabase.com\/docs\/guides\/auth\/auth-email\" target=\"_blank\" rel=\"noopener noreferrer\">\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb<\/a>\u3067\u3059\u3002<\/p>\n<pre><code class=\"language-javascript\">async function signInWithEmail() {\n  const { data, error } = await supabase.auth.signInWithPassword({\n    email: 'example@email.com',\n    password: 'example-password',\n  })\n}<\/code><\/pre>\n<h3>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u4ee5\u5916\u3067\u306e\u8a8d\u8a3c<\/h3>\n<p>DBaaS\uff08Database as a Service\uff09\u304c\u30a2\u30c9\u30aa\u30f3\u7684\u306b\u63d0\u4f9b\u3059\u308b\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u4ee5\u5916\u306b\u3082\u3001\u30ed\u30b0\u30a4\u30f3\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u306b\u7279\u5316\u3057\u305f\u4f01\u696d\u3082\u3042\u308a\u3001\u3053\u3061\u3089\u306e\u65b9\u304c\u304a\u305d\u3089\u304f\u4e00\u822c\u7684\u3067\u3059\u3002<a href=\"https:\/\/auth0.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Auth0<\/a>\u306f2013\u5e74\u306b\u767b\u5834\u3057\u305f\u8001\u8217\u30b5\u30fc\u30d3\u30b9\uff08\u73fe\u5728\u306fOkta\u6240\u6709\uff09\u3002\u307e\u305f\u3001\u958b\u767a\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u91cd\u8996\u3057\u305f<a href=\"https:\/\/stytch.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stytch<\/a>\u306e\u3088\u3046\u306a\u65b0\u5165\u308a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3082\u3001\u5f90\u3005\u306b\u6ce8\u76ee\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<figure style=\"width: 1244px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/Auth0-authentication.png\" alt=\"Auth0\u306e\u8a8d\u8a3c\" width=\"1244\" height=\"814\"><figcaption class=\"wp-caption-text\">Auth0\u306e\u8a8d\u8a3c<\/figcaption><\/figure>\n<h3>\u30b7\u30f3\u30b0\u30eb\u30b5\u30a4\u30f3\u30aa\u30f3\uff08SSO\uff09<\/h3>\n<p><a href=\"https:\/\/www.okta.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Okta<\/a>\u306e\u3088\u3046\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306b\u7279\u5316\u3057\u305f\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u3001<a href=\"https:\/\/developers.google.com\/identity\/gsi\/web\/guides\/overview\" target=\"_blank\" rel=\"noopener noreferrer\">Google<\/a>\u3084GitHub\u306a\u3069\u5927\u624b\u307e\u3067\u591a\u6570\u306e\u9078\u629e\u80a2\u304c\u3042\u308a\u307e\u3059\u3002SaaS\u696d\u754c\u3067\u306fGoogle\u306eSSO\u304c\u30e6\u30d3\u30ad\u30bf\u30b9\u3067\u3001\u958b\u767a\u8005\u5411\u3051\u306e\u30c4\u30fc\u30eb\u306e\u4e2d\u306b\u306fGitHub\u7d4c\u7531\u3067\u3057\u304b\u8a8d\u8a3c\u3067\u304d\u306a\u3044\u3082\u306e\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u3044\u305a\u308c\u3092\u9078\u629e\u3059\u308b\u306b\u3057\u3066\u3082\u3001SSO\u306f\u4e00\u822c\u306b\u5148\u306b\u3042\u3052\u305f\u8a8d\u8a3c\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u5f37\u5316\u3059\u308b\u3082\u306e\u3067\u3001\u5916\u90e8\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3068\u306e\u7d71\u5408\u306b\u969b\u3057\u3066\u306f<a href=\"https:\/\/workos.com\/blog\/the-developers-guide-to-sso\" target=\"_blank\" rel=\"noopener noreferrer\">\u72ec\u81ea\u306e\u7279\u6b8a\u6027<\/a>\u3092\u6301\u3063\u3066\u3044\u307e\u3059\uff08SAML\u306fXML\u30d9\u30fc\u30b9\u3067\u3042\u308b\u70b9\u306b\u8981\u6ce8\u610f\uff09\u3002<\/p>\n<h3>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u9069\u3057\u305f\u9078\u629e\u80a2<\/h3>\n<p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u4f55\u304c\u9069\u3057\u3066\u3044\u308b\u304b\u306f\u3001\u4f55\u3092\u512a\u5148\u3059\u308b\u304b\u306b\u3088\u3063\u3066\u7570\u306a\u308a\u307e\u3059\u3002\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u306f\u305d\u3053\u305d\u3053\u306b\u3001\u8fc5\u901f\u306b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u9032\u3081\u305f\u3044\u5834\u5408\u306f\u3001\u8a8d\u8a3c\u3092\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u3059\u308b\u306e\u304c\u59a5\u5f53\u3067\u3057\u3087\u3046\uff08Auth0\u306a\u3069\u306bUI\u3092\u542b\u3081\u3066\u4e38\u3054\u3068\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\uff09\u3002\u3088\u308a\u8907\u96d1\u306a\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u304c\u4e88\u60f3\u3055\u308c\u308b\u5834\u5408\u306f\u3001\u72ec\u81ea\u306e\u8a8d\u8a3c\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3092\u69cb\u7bc9\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u307e\u305f\u3001\u3088\u308a\u5927\u898f\u6a21\u307e\u305f\u306f\u8907\u96d1\u306a\u9867\u5ba2\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u5834\u5408\u306f\u3001\u3044\u305a\u308cSSO\u306e\u5b9f\u88c5\u3082\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>Next.js\u306f\u4eca\u65e5\u975e\u5e38\u306b\u4eba\u6c17\u304c\u9ad8\u304f\u3001\u307b\u3068\u3093\u3069\u306e\u8a8d\u8a3c\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3067Next.js\u5c02\u7528\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3068\u7d71\u5408\u624b\u9806\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<h2>\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u304a\u3088\u3073\u30b5\u30a4\u30f3\u30a4\u30f3\u30da\u30fc\u30b8\u306e\u69cb\u7bc9\u3068\u8a8d\u8a3c\u5b9f\u88c5\u306e\u30d2\u30f3\u30c8<\/h2>\n<p>Auth0\u306e\u3088\u3046\u306a\u8a8d\u8a3c\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u3001\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u3084\u30b5\u30a4\u30f3\u30a4\u30f3\u30da\u30fc\u30b8\u5168\u4f53\u3092\u63d0\u4f9b\u3057\u3066\u304f\u308c\u307e\u3059\u3002\u30bc\u30ed\u304b\u3089\u30da\u30fc\u30b8\u3092\u69cb\u7bc9\u3059\u308b\u5834\u5408\u306f\u3001\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u304c\u5fc5\u8981\u306b\u306a\u308b\u305f\u3081\u3001\u521d\u671f\u6bb5\u968e\u3067\u3053\u306e\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u3066\u304a\u304f\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002<\/p>\n<p>\u3064\u307e\u308a\u3001\u307e\u305a\u306f\u30da\u30fc\u30b8\u306e\u5927\u67a0\u3092\u69cb\u7bc9\u3057\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3078\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u5f8c\u304b\u3089\u8ffd\u52a0\u3059\u308b\u306e\u304c\u52b9\u7387\u7684\u3067\u3059\u3002\u4ee5\u4e0b2\u3064\u306e\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<ul>\n<li><strong>\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u30da\u30fc\u30b8<\/strong><\/li>\n<li>\u3059\u3067\u306b\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u6301\u3064\u30e6\u30fc\u30b6\u30fc\u5411\u3051\u306e<strong>\u30b5\u30a4\u30f3\u30a4\u30f3\u30da\u30fc\u30b8<\/strong><\/li>\n<\/ul>\n<p>\u3053\u308c\u3089\u306e\u57fa\u672c\u7684\u306a\u30da\u30fc\u30b8\u306b\u52a0\u3048\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5fd8\u308c\u3066\u3057\u307e\u3063\u305f\u5834\u5408\u3082\u8003\u616e\u3057\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002\u3053\u308c\u306b\u306f\u3001\u30d1\u30b9\u30ef\u30fc\u30c9\u306e\u30ea\u30bb\u30c3\u30c8\u30d7\u30ed\u30bb\u30b9\u3092\u5225\u306e\u30da\u30fc\u30b8\u3067\u8868\u793a\u3059\u308b\u65b9\u6cd5\u3082\u3042\u308c\u3070\u3001\u901a\u5e38\u306e\u30b5\u30a4\u30f3\u30a4\u30f3\u30da\u30fc\u30b8\u306b\u52d5\u7684\u306aUI\u8981\u7d20\u3092\u8ffd\u52a0\u3059\u308b\u65b9\u6cd5\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u512a\u308c\u305f\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u30da\u30fc\u30b8\u304c\u30d3\u30b8\u30cd\u30b9\u306e\u6210\u529f\u3092\u6c7a\u3081\u308b\u3001\u3068\u8a00\u3046\u306e\u306f\u5927\u8888\u88df\u3067\u3059\u304c\u3001\u3061\u3087\u3063\u3068\u3057\u305f\u5de5\u592b\u3067\u30e6\u30fc\u30b6\u30fc\u306b\u826f\u3044\u5370\u8c61\u3092\u4e0e\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u5168\u4f53\u3068\u3057\u3066\u3088\u308a\u826f\u3044UX\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4ee5\u4e0b\u3001\u8a8d\u8a3c\u30d7\u30ed\u30bb\u30b9\u306b\u6c17\u306e\u5229\u3044\u305f\u5de5\u592b\u304c\u898b\u3089\u308c\u308b\u30b5\u30a4\u30c8\u3092\u3044\u304f\u3064\u304b\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n<h3>1. \u30ed\u30b0\u30a4\u30f3\u5f8c\u306b\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3092\u66f4\u65b0\u3059\u308b<\/h3>\n<p>Stripe\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u306eCTA\uff08\u884c\u52d5\u559a\u8d77\uff09\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u3044\u308b\u304b\u3069\u3046\u304b\u306b\u3088\u3063\u3066\u5909\u5316\u3057\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u8a8d\u8a3c\u524d\u306eStripe\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u3002\u53f3\u4e0a\u306b\u3042\u308b\u300cSign in\u300d\u306b\u6ce8\u76ee\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<figure style=\"width: 1999px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/stripe-homepage.png\" alt=\"\u8a8d\u8a3c\u3055\u308c\u3066\u3044\u308b\u304b\u3069\u3046\u304b\u306b\u57fa\u3065\u3044\u3066CTA\u304c\u5909\u308f\u308bStripe\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8\" width=\"1999\" height=\"1191\"><figcaption class=\"wp-caption-text\">\u8a8d\u8a3c\u3055\u308c\u3066\u3044\u308b\u304b\u3069\u3046\u304b\u306b\u57fa\u3065\u3044\u3066CTA\u304c\u5909\u308f\u308bStripe\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8<\/figcaption><\/figure>\n<p>\u30ed\u30b0\u30a4\u30f3\u5f8c\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3078\u306e\u30ea\u30f3\u30af\u306b\u5909\u308f\u308a\u307e\u3059\u3002<\/p>\n<figure style=\"width: 1999px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/stripe-homepage-changes.png\" alt=\"Stripe\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306e\u5909\u5316\" width=\"1999\" height=\"1176\"><figcaption class=\"wp-caption-text\">Stripe\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306e\u5909\u5316<\/figcaption><\/figure>\n<p>Stripe\u3067\u306e\u6839\u672c\u7684\u306a\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u306b\u5dee\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u30e6\u30fc\u30b6\u30fc\u3092\u8003\u616e\u3057\u305f\u304d\u3081\u7d30\u304b\u3044\u5de5\u592b\u3067\u3059\u3002\u4f59\u8ac7\u3067\u3059\u304c\u3001\u591a\u304f\u306e\u4f01\u696d\u304c\u30b5\u30a4\u30c8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3092\u8a8d\u8a3c\u306b\u300c\u4f9d\u5b58\u300d\u3055\u305b\u3066\u3044\u306a\u3044\u306e\u306b\u306f\u305d\u308c\u306a\u308a\u306e\u7406\u7531\u304c\u3042\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30da\u30fc\u30b8\u3092\u8aad\u307f\u8fbc\u3080\u305f\u3073\u306b\u8a8d\u8a3c\u3092\u884c\u3046API\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u524a\u6e1b\u3059\u308b\u305f\u3081\u3067\u3059\u3002<\/p>\n<h3>2. \u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332\u30d5\u30a9\u30fc\u30e0\u306e\u6a2a\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8ffd\u52a0\u3059\u308b<\/h3>\n<p>\u3053\u3053\u6570\u5e74\u3001\u7279\u306bSaaS\u3067\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332\u3092\u5b8c\u4e86\u3057\u3066\u3082\u3089\u3046\u305f\u3081\u3001\u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332\u306e\u30da\u30fc\u30b8\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8ffd\u52a0\u3059\u308b\u4f01\u696d\u304c\u5897\u3048\u3066\u3044\u307e\u3059\u3002\u308f\u305a\u304b\u3067\u306f\u3042\u308a\u307e\u3059\u304c\u3001\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u6539\u5584\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/p>\n<p>Retool\u306e\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u30da\u30fc\u30b8\u306b\u306f\u3001\u6a2a\u306b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3068\u8907\u6570\u306e\u30ed\u30b4\u304c\u914d\u7f6e\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<figure style=\"width: 1999px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/retool-signup-page.png\" alt=\"\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u30da\u30fc\u30b8\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u76db\u308a\u8fbc\u3080\u5834\u5408\u306f\u3001\u30d5\u30a9\u30f3\u30c8\u3092\u7d71\u4e00\u3059\u308b\u3053\u3068\" width=\"1999\" height=\"1083\"><figcaption class=\"wp-caption-text\">\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u30da\u30fc\u30b8\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u76db\u308a\u8fbc\u3080\u5834\u5408\u306f\u3001\u30d5\u30a9\u30f3\u30c8\u3092\u7d71\u4e00\u3059\u308b\u3053\u3068<\/figcaption><\/figure>\n<p>\u4ee5\u4e0b\u306fKinsta\u306e\u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332\u30da\u30fc\u30b8\u3067\u3059\u3002<\/p>\n<figure style=\"width: 1999px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/mykinsta-sign-in.png\" alt=\"Kinsta\u306e\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u30da\u30fc\u30b8\" width=\"1999\" height=\"1174\"><figcaption class=\"wp-caption-text\">Kinsta\u306e\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u30da\u30fc\u30b8<\/figcaption><\/figure>\n<p>\u3053\u306e\u3088\u3046\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u8ffd\u52a0\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u767b\u9332\u3059\u308b\u76ee\u7684\u3092\u30ea\u30de\u30a4\u30f3\u30c9\u3057\u3001\u30d7\u30ed\u30bb\u30b9\u3092\u4fc3\u9032\u3059\u308b\u306e\u306b\u8ca2\u732e\u3057\u3066\u304f\u308c\u307e\u3059\u3002<\/p>\n<h3>3. \u5f37\u529b\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u63d0\u6848\u307e\u305f\u306f\u5f37\u5236\u3059\u308b\uff08\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\uff09<\/h3>\n<p>\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u672c\u8cea\u7684\u306b\u5b89\u5168\u3067\u306a\u3044\u3053\u3068\u306f\u3001\u958b\u767a\u8005\u306e\u9593\u3067\u306f\u3082\u306f\u3084\u5e38\u8b58\u3067\u3059\u304c\u3001\u3059\u3079\u3066\u306e\u4e00\u822c\u30e6\u30fc\u30b6\u30fc\u304c\u3053\u308c\u3092\u8a8d\u8b58\u3057\u3066\u3044\u308b\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u5b89\u5168\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u306e\u8a2d\u5b9a\u3092\u4fc3\u3059\u3053\u3068\u306f\u3001\u4f01\u696d\u3068\u30e6\u30fc\u30b6\u30fc\u306e\u4e21\u65b9\u306b\u30e1\u30ea\u30c3\u30c8\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>Coinbase\u306f\u3001\u540d\u524d\u3088\u308a\u3082\u8907\u96d1\u3067\u5f37\u529b\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u306e\u4f7f\u7528\u3092\u4fc3\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<figure style=\"width: 1428px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/coinbase-create-account.png\" alt=\"Coinbase\u306e\u8106\u5f31\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u4f8b\" width=\"1428\" height=\"1494\"><figcaption class=\"wp-caption-text\">Coinbase\u306e\u8106\u5f31\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u4f8b<\/figcaption><\/figure>\n<p>\u30d1\u30b9\u30ef\u30fc\u30c9\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3092\u4f7f\u7528\u3059\u308c\u3070\u3001\u7c21\u5358\u306b\u5f37\u529b\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/coinbase-password-strength.png\" alt=\"Coinbase\u306e\u5f37\u529b\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u4f8b\" width=\"1464\" height=\"1462\"><figcaption class=\"wp-caption-text\">Coinbase\u306e\u5f37\u529b\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u4f8b<\/figcaption><\/figure>\n<p>\u3057\u304b\u3057\u3001UI\u306b\u306f\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u5f37\u529b\u3067\u306a\u3044\u7406\u7531\u306f\u8aac\u660e\u3055\u308c\u305a\u3001\u6570\u5b57\u306e\u7d44\u307f\u5408\u308f\u305b\u304c\u5fc5\u8981\u3067\u3042\u308b\u3053\u3068\u4ee5\u4e0a\u306e\u8981\u4ef6\u306f\u8868\u793a\u3055\u308c\u307e\u305b\u3093\u3002\u5f37\u529b\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u306b\u5fc5\u8981\u306a\u8981\u4ef6\u3092\u63d0\u793a\u3059\u308b\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u30d1\u30b9\u30ef\u30fc\u30c9\u518d\u8a66\u884c\u3092\u907f\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u306e\u6539\u5584\u306b\u3064\u306a\u304c\u308a\u307e\u3059\u3002<\/p>\n<h3>4. \u9069\u5207\u306a\u5165\u529b\u8a2d\u5b9a\u3067\u30d1\u30b9\u30ef\u30fc\u30c9\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3068\u9023\u643a\u3055\u305b\u308b<\/h3>\n<p>\u7c73\u56fd\u306e3\u4eba\u306b1\u4eba\u304c<a href=\"https:\/\/1password.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">1Password<\/a>\u306a\u3069\u306e\u30d1\u30b9\u30ef\u30fc\u30c9\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u306b\u3082\u304b\u304b\u308f\u3089\u305a\u3001HTML\u5165\u529b\u306etype\u5c5e\u6027\u3067\u9069\u5207\u306a\u8a2d\u5b9a\u304c\u884c\u308f\u308c\u3066\u3044\u306a\u3044\u30d5\u30a9\u30fc\u30e0\u306f\u3044\u307e\u3060\u591a\u6570\u5b58\u5728\u3057\u307e\u3059\u3002<a href=\"https:\/\/hidde.blog\/making-password-managers-play-ball-with-your-login-form\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u30d5\u30a9\u30fc\u30e0\u3092\u30d1\u30b9\u30ef\u30fc\u30c9\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u306b\u5bfe\u5fdc<\/a>\u3055\u305b\u308b\u3053\u3068\u3082\u91cd\u8981\u3067\u3059\u3002<\/p>\n<ul>\n<li>input\u8981\u7d20\u3092form\u8981\u7d20\u3067\u56f2\u3080<\/li>\n<li>\u5165\u529b\u306btype\u3068label\u3092\u6307\u5b9a\u3059\u308b<\/li>\n<li>\u5165\u529b\u306b\u30aa\u30fc\u30c8\u30b3\u30f3\u30d7\u30ea\u30fc\u30c8\u6a5f\u80fd\uff08autocomplete\uff09\u3092\u8ffd\u52a0\u3059\u308b<\/li>\n<li>\u52d5\u7684\u306b\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u8ffd\u52a0\u3057\u306a\u3044\uff08\u7279\u306b<a href=\"https:\/\/www.reddit.com\/r\/delta\/comments\/f8s1sq\/why_does_the_delta_website_require_my_last_name\/\" target=\"_blank\" rel=\"noopener noreferrer\">Delta<\/a>\uff09<\/li>\n<\/ul>\n<p>\u7279\u306b\u30e2\u30d0\u30a4\u30eb\u7aef\u672b\u3067\u306f\u300110\u79d2\u3067\u7c21\u5358\u306b\u30b5\u30a4\u30f3\u30a4\u30f3\u3067\u304d\u308b\u304b\u3001\u9762\u5012\u3067\u624b\u9593\u304c\u304b\u304b\u308b\u304b\u304c\u9867\u5ba2\u7372\u5f97\u306e\u5206\u304b\u308c\u76ee\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<h2>\u30bb\u30c3\u30b7\u30e7\u30f3\u3068JWT<\/h2>\n<p>\u30e6\u30fc\u30b6\u30fc\u306e\u8a8d\u8a3c\u5f8c\u306f\u3001\u305d\u306e\u5f8c\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u901a\u3057\u3066\u305d\u306e\u72b6\u614b\u3092\u7dad\u6301\u3057\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002HTTP\u306f\u30b9\u30c6\u30fc\u30c8\u30ec\u30b9\u3067\u3059\u304c\u3001\u6bce\u56de\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3067\u30e6\u30fc\u30b6\u30fc\u306b\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5c0b\u306d\u308b\u306e\u306f\u3082\u3063\u3066\u306e\u307b\u304b\u3002\u3053\u308c\u306b\u306f\u3001<strong>\u30bb\u30c3\u30b7\u30e7\u30f3<\/strong>\uff08Cookie\uff09\u307e\u305f\u306f<strong>JWT<\/strong>\uff08JSON Web Token\uff09\u3092\u4f7f\u3063\u305f<a href=\"https:\/\/stytch.com\/blog\/jwts-vs-sessions-which-is-right-for-you\/\" target=\"_blank\" rel=\"noopener noreferrer\">2\u3064\u306e\u65b9\u6cd5\u304c\u4e00\u822c\u7684<\/a>\u3067\u3059\u3002<\/p>\n<h3>\u30bb\u30c3\u30b7\u30e7\u30f3\uff08\u5225\u540dCookie\uff09<\/h3>\n<p>\u30bb\u30c3\u30b7\u30e7\u30f3\u30d9\u30fc\u30b9\u306e\u8a8d\u8a3c\u3067\u306f\u3001\u8a8d\u8a3c\u3092\u7dad\u6301\u3059\u308b\u305f\u3081\u306e\u30ed\u30b8\u30c3\u30af\u3068\u4f5c\u696d\u304c<strong>\u30b5\u30fc\u30d0\u30fc\u306b\u3088\u3063\u3066\u51e6\u7406<\/strong>\u3055\u308c\u307e\u3059\u3002\u57fa\u672c\u7684\u306b\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u6d41\u308c\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<ol start=\"1\">\n<li>\u30e6\u30fc\u30b6\u30fc\u304c\u30b5\u30a4\u30f3\u30a4\u30f3\u30da\u30fc\u30b8\u3067\u8a8d\u8a3c\u3092\u884c\u3046\u3002<\/li>\n<li><strong>\u30b5\u30fc\u30d0\u30fc<\/strong>\u304c\u3053\u306e\u7279\u5b9a\u306e\u30d6\u30e9\u30a6\u30b8\u30f3\u30b0\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u8868\u3059<strong>\u30ec\u30b3\u30fc\u30c9\u3092\u4f5c\u6210<\/strong>\u3002\u3053\u306e\u30ec\u30b3\u30fc\u30c9\u306f\u901a\u5e38\u3001\u30e9\u30f3\u30c0\u30e0\u306a\u8b58\u5225\u5b50\u3068\u30bb\u30c3\u30b7\u30e7\u30f3\u306b\u95a2\u3059\u308b\u8a73\u7d30\uff08\u3044\u3064\u958b\u59cb\u3057\u3001\u7d42\u4e86\u3059\u308b\u304b\u306a\u3069\uff09\u3068\u3068\u3082\u306b\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u633f\u5165\u3055\u308c\u308b\u3002<\/li>\n<li>\u3053\u306e\u30e9\u30f3\u30c0\u30e0\u306a\u8b58\u5225\u5b50\uff086982e583b1874abf9078e1d1dd5442f1\u306e\u3088\u3046\u306a\u3082\u306e\uff09\u304c\u30d6\u30e9\u30a6\u30b6\u306b\u9001\u4fe1\u3055\u308c\u3001<strong>Cookie\u3068\u3057\u3066\u4fdd\u5b58<\/strong>\u3055\u308c\u308b\u3002<\/li>\n<li>\u305d\u306e\u5f8c\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u306b\u306f\u3053\u306e\u8b58\u5225\u5b50\u304c\u542b\u307e\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e<strong>\u30bb\u30c3\u30b7\u30e7\u30f3\u30c6\u30fc\u30d6\u30eb\u3068\u7167\u5408<\/strong>\u3055\u308c\u308b\u3002<\/li>\n<\/ol>\n<p>\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u3044\u3064\u307e\u3067\u7dad\u6301\u3059\u308b\u304b\u3001\u307e\u305f\u3044\u3064\u5207\u65ad\u3059\u308b\u304b\u306a\u3069\u306f\u7c21\u5358\u306b\u8abf\u6574\u53ef\u80fd\u3067\u3059\u3002\u6b20\u70b9\u3068\u3057\u3066\u306f\u3001\u898f\u6a21\u304c\u5927\u304d\u304f\u306a\u308b\u3068\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u66f8\u304d\u8fbc\u307f\u3068\u8aad\u307f\u8fbc\u307f\u306b\u3088\u3063\u3066\u304b\u306a\u308a\u306e\u30ec\u30a4\u30c6\u30f3\u30b7\u304c\u751f\u3058\u308b\u70b9\u3002\u3057\u304b\u3057\u3001\u3053\u308c\u306f\u30e6\u30fc\u30b6\u30fc\u5074\u3067\u306f\u3042\u307e\u308a\u5927\u304d\u306a\u554f\u984c\u306b\u306a\u3089\u306a\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n<h3>JSON Web Token\uff08JWT\uff09<\/h3>\n<p><a href=\"https:\/\/datatracker.ietf.org\/doc\/html\/rfc7519\" target=\"_blank\" rel=\"noopener noreferrer\">JWT<\/a>\u3092\u4f7f\u3048\u3070\u3001\u305d\u306e\u5f8c\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u8a8d\u8a3c\u3092\u30b5\u30fc\u30d0\u30fc\u4e0a\u3067\u51e6\u7406\u3059\u308b\u4ee3\u308f\u308a\u306b\u3001<strong>\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074<\/strong>\u3067\uff08\u307b\u307c\u3059\u3079\u3066\u3092\uff09\u51e6\u7406\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u6d41\u308c\u306f\u4ee5\u4e0b\u306e\u3068\u304a\u308a\u3002<\/p>\n<ol start=\"1\">\n<li>\u30e6\u30fc\u30b6\u30fc\u304c\u30b5\u30a4\u30f3\u30a4\u30f3\u30da\u30fc\u30b8\u304b\u3089\u8a8d\u8a3c\u3092\u884c\u3046\u3002<\/li>\n<li><strong>\u30b5\u30fc\u30d0\u30fc<\/strong>\u304c\u30e6\u30fc\u30b6\u30fc\u306e\u8eab\u5143\u3001\u4ed8\u4e0e\u3055\u308c\u305f\u6a29\u9650\u3001\u6709\u52b9\u671f\u9650\u306a\u3069\u304c\u542b\u307e\u308c\u308b<strong>JWT\u3092\u751f\u6210<\/strong>\u3002<\/li>\n<li>\u30b5\u30fc\u30d0\u30fc\u304c\u305d\u306e<strong>\u30c8\u30fc\u30af\u30f3\u306b\u7f72\u540d<\/strong>\u3057\u3001\u5185\u5bb9\u3092\u6697\u53f7\u5316\u3057\u3066\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306b\u9001\u4fe1\u3002<\/li>\n<li>\u5404\u30ea\u30af\u30a8\u30b9\u30c8\u306b\u5bfe\u3057\u3066\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c<strong>\u30c8\u30fc\u30af\u30f3\u3092\u5fa9\u53f7\u5316<\/strong>\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3046\u6a29\u9650\u3092\u6301\u3063\u3066\u3044\u308b\u304b\u3092\u78ba\u8a8d\uff08\u30b5\u30fc\u30d0\u30fc\u3068\u306e\u901a\u4fe1\u306f\u5fc5\u8981\u306a\u3057\uff09\u3002<\/li>\n<\/ol>\n<p>\u521d\u56de\u306e\u8a8d\u8a3c\u5f8c\u306e\u4f5c\u696d\u304c\u3059\u3079\u3066\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u3067\u51e6\u7406\u3055\u308c\u308b\u305f\u3081\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8aad\u307f\u8fbc\u307f\u3068\u52d5\u4f5c\u304c\u683c\u6bb5\u306b\u9ad8\u901f\u5316\u3055\u308c\u307e\u3059\u3002\u3057\u304b\u3057\u5927\u304d\u306a\u6b20\u70b9\u3068\u3057\u3066\u3001\u30b5\u30fc\u30d0\u30fc\u304b\u3089JWT\u3092\u7121\u52b9\u306b\u3059\u308b\u65b9\u6cd5\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u3064\u307e\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30c7\u30d0\u30a4\u30b9\u304b\u3089\u30ed\u30b0\u30a2\u30a6\u30c8\u3057\u305f\u3044\u5834\u5408\u3001\u307e\u305f\u306f\u8a8d\u8a3c\u306e\u7bc4\u56f2\u304c\u5909\u66f4\u3055\u308c\u305f\u5834\u5408\u306f\u3001JWT\u306e\u6709\u52b9\u671f\u9650\u304c\u5207\u308c\u308b\u307e\u3067\u5f85\u3064\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<h2>\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u3068\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b5\u30a4\u30c9\u306e\u8a8d\u8a3c<\/h2>\n<p>Next.js\u306f\u3001\u7d44\u307f\u8fbc\u307f\u306e\u9759\u7684\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u306b\u512a\u308c\u3066\u304a\u308a\u3001\u30da\u30fc\u30b8\u304c\u9759\u7684\u3067\u3042\u308b\u5834\u5408\u3001\u3064\u307e\u308a\u5916\u90e8API\u3092\u547c\u3073\u51fa\u3059\u5fc5\u8981\u304c\u306a\u3044\u5834\u5408\u306f\u3001\u81ea\u52d5\u7684\u306b\u30ad\u30e3\u30c3\u30b7\u30e5\u3057\u3001CDN\u7d4c\u7531\u3067\u9ad8\u901f\u914d\u4fe1\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002Next.js 13\u4ee5\u524d\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u306f\u3001\u30d5\u30a1\u30a4\u30eb\u306bgetServerSideProps\u3084getInitialProps\u3092\u542b\u3081\u306a\u3051\u308c\u3070\u3001\u30da\u30fc\u30b8\u304c\u9759\u7684\u3067\u3042\u308b\u304b\u3069\u3046\u304b\u304c\u308f\u304b\u308a\u307e\u3059\u304c\u3001Next.js 13\u4ee5\u964d\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u306f\u3001<a href=\"https:\/\/nextjs.org\/docs\/app\/building-your-application\/rendering\/server-components\" target=\"_blank\" rel=\"noopener noreferrer\">React Server Components<\/a>\u304c\u3053\u306e\u78ba\u8a8d\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<p>\u8a8d\u8a3c\u306b\u3064\u3044\u3066\u306f\u3001\u300c\u8aad\u307f\u8fbc\u307f\u4e2d\u300d\u306e\u9759\u7684\u30da\u30fc\u30b8\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3057\u3066\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u3067\u53d6\u5f97\u3059\u308b\u304b\u3001\u3059\u3079\u3066\u3092\u30b5\u30fc\u30d0\u30fc\u5074\u3067\u51e6\u7406\u3059\u308b\u304b\u306e<a href=\"https:\/\/nextjs.org\/docs\/pages\/building-your-application\/routing\/authenticating\" target=\"_blank\" rel=\"noopener noreferrer\">2\u3064\u306e\u9078\u629e\u80a2<\/a>\u304c\u3042\u308a\u307e\u3059\u3002\u8a8d\u8a3c\u304c\u5fc5\u8981\u306a\u30da\u30fc\u30b8 (<a href=\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#ftnt1\">1<\/a>) \u3067\u306f\u3001\u9759\u7684\u30da\u30fc\u30b8\u306e\u5927\u67a0\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3057\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u3067\u8a8d\u8a3c\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3044\u307e\u3059\u3002\u7406\u8ad6\u7684\u306b\u306f\u3001\u6700\u521d\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u304c\u5b8c\u5168\u306b\u6e96\u5099\u3067\u304d\u3066\u3044\u306a\u304f\u3066\u3082\u3001\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u304c\u9ad8\u901f\u5316\u3055\u308c\u307e\u3059\u3002<\/p>\n<p>\u4ee5\u4e0b\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u6e96\u5099\u3067\u304d\u3066\u3044\u306a\u3044\u9650\u308a\u3001\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b\u7c21\u5358\u306a\u4f8b\u3067\u3059\u3002<\/p>\n<pre><code class=\"language-javascript\">import useUser from '..\/lib\/useUser'\n \nconst Profile = () =&gt; {\n  \/\/ \u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b5\u30a4\u30c9\u3067\u30e6\u30fc\u30b6\u30fc\u3092\u53d6\u5f97\n  const { user } = useUser({ redirectTo: '\/login' })\n \n  \/\/ \u30b5\u30fc\u30d0\u30fc\u30ec\u30f3\u30c0\u30fc\u306e\u8aad\u307f\u8fbc\u307f\u72b6\u614b\n  if (!user || user.isLoggedIn === false) {\n    \/\/ \u3053\u3053\u3067\u4f55\u3089\u304b\u306e\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762\u3092\u4f5c\u6210\n    return &lt;div&gt;\u8aad\u307f\u8fbc\u307f\u4e2d...&lt;\/div&gt;\n  }\n \n  \/\/ \u30e6\u30fc\u30b6\u30fc\u30ea\u30af\u30a8\u30b9\u30c8\u304c\u7d42\u4e86\u3057\u305f\u3089\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u8868\u793a\n  return (\n    &lt;div&gt;\n      &lt;h1&gt;\u30a2\u30ab\u30a6\u30f3\u30c8&lt;\/h1&gt;\n      &lt;p&gt;\u30e6\u30fc\u30b6\u30fc\u540d: {JSON.stringify(user.username,null)}&lt;\/p&gt;\n      &lt;p&gt;\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9: {JSON.stringify(user.email,null)}&lt;\/p&gt;\n      &lt;p&gt;\u4f4f\u6240: {JSON.stringify(user.address,null)}&lt;\/p&gt;\n    &lt;\/div&gt;\n  )\n}\n \nexport default Profile<\/code><\/pre>\n<p>\u306a\u304a\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c\u8aad\u307f\u8fbc\u307f\u5f8c\u306b\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3046\u9593\u3001\u30b9\u30da\u30fc\u30b9\u3092\u78ba\u4fdd\u3059\u308b\u305f\u3081\u3001\u4f55\u3089\u304b\u306e\u8aad\u307f\u8fbc\u307f\u4e2dUI\u3092\u69cb\u7bc9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3092\u5ff5\u982d\u306b\u304a\u3044\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p>\u4f5c\u696d\u3092\u7c21\u7565\u5316\u3057\u3001\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u3067\u8a8d\u8a3c\u3092\u5b9f\u884c\u3057\u305f\u3044\u5834\u5408\u306f\u3001getServerSideProps\u95a2\u6570\u306b\u8a8d\u8a3c\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u8ffd\u52a0\u3059\u308c\u3070\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u304c\u5b8c\u4e86\u3059\u308b\u307e\u3067\u30da\u30fc\u30b8\u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3092\u5f85\u3064\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4e0a\u8a18\u30b3\u30fc\u30c9\u306e\u6761\u4ef6\u30ed\u30b8\u30c3\u30af\u306e\u4ee3\u308f\u308a\u306b\u3001\u4ee5\u4e0b\u3001Next\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u7c21\u6613\u7248\u306e\u3088\u3046\u306a\u3082\u306e\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n<pre><code class=\"language-javascript\">import withSession from '..\/lib\/session'\n \nexport const getServerSideProps = withSession(async function ({ req, res }) {\n  const { user } = req.session\n \n  if (!user) {\n    return {\n      redirect: {\n        destination: '\/login',\n        permanent: false,\n      },\n    }\n  }\n \n  return {\n    props: { user },\n  }\n})\n \nconst Profile = ({ user }) =&gt; {\n  \/\/ \u30e6\u30fc\u30b6\u30fc\u306b\u793a\u3059\u3002\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762\u306f\u4e0d\u8981\n  return (\n    &lt;div&gt;\n      &lt;h1&gt;\u30a2\u30ab\u30a6\u30f3\u30c8&lt;\/h1&gt;\n      &lt;p&gt;\u30e6\u30fc\u30b6\u30fc\u540d: {JSON.stringify(user.username,null)}&lt;\/p&gt;\n      &lt;p&gt;\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9: {JSON.stringify(user.email,null)}&lt;\/p&gt;\n      &lt;p&gt;\u4f4f\u6240: {JSON.stringify(user.address,null)}&lt;\/p&gt;\n    &lt;\/div&gt;\n  )\n}\n \nexport default Profile<\/code><\/pre>\n<p>\u8a8d\u8a3c\u306b\u5931\u6557\u3057\u305f\u969b\u306b\u51e6\u7406\u3059\u308b\u30ed\u30b8\u30c3\u30af\u304c\u6b8b\u3063\u3066\u3044\u307e\u3059\u304c\u3001\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b\u4ee3\u308f\u308a\u306b\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3057\u307e\u3059\u3002<\/p>\n<h2>\u307e\u3068\u3081<\/h2>\n<p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u9069\u3057\u305f\u65b9\u6cd5\u3092\u9078\u3076\u306b\u306f\u3001\u307e\u305a\u8a8d\u8a3c\u30b9\u30ad\u30fc\u30e0\u306e\u901f\u5ea6\u304c\u3069\u306e\u7a0b\u5ea6\u306b\u306a\u308b\u304b\u3092\u8a55\u4fa1\u3059\u308b\u3053\u3068\u304b\u3089\u59cb\u3081\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u30ea\u30af\u30a8\u30b9\u30c8\u306b\u307e\u3063\u305f\u304f\u6642\u9593\u304c\u304b\u304b\u3089\u306a\u3044\u5834\u5408\u306f\u3001\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u3067\u5b9f\u884c\u3057\u3001\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762\u306e\u8868\u793a\u3092\u7701\u7565\u3067\u304d\u307e\u3059\u3002\u3059\u3050\u306b\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3057\u3066\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u5f85\u3064\u3053\u3068\u3092\u512a\u5148\u3057\u305f\u3044\u5834\u5408\u306b\u306f\u3001getServerSideProps\u3092\u30b9\u30ad\u30c3\u30d7\u3057\u3066\u5225\u306e\u5834\u6240\u3067\u8a8d\u8a3c\u3092\u5b9f\u884c\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p><a href=\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#ftnt_ref1\">1<\/a>. Next.js\u3067\u306f\u3001\u8a8d\u8a3c\u3092\u8981\u6c42\u3059\u308b\u30da\u30fc\u30b8\u3092\u9078\u629e\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u3067\u4e00\u5f8b\u306b\u8981\u6c42\u3059\u308b\u65b9\u304c\u624b\u3063\u53d6\u308a\u65e9\u3044\u3067\u3059\u304c\u3001Next.jp\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u4e0a\u306e\u30e1\u30ea\u30c3\u30c8\u3092\u6d3b\u304b\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6570\u5e74\u524d\u307e\u3067\u306f\u8907\u96d1\u306a\u30bf\u30b9\u30af\u3060\u3063\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3078\u306e\u8a8d &#8230;<\/p>\n","protected":false},"author":310,"featured_media":53718,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[777,802],"class_list":["post-53717","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-javascript-frameworks","topic-react"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Next.js\u3067\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u6ce8\u610f\u70b9\uff5cKinsta\u00ae<\/title>\n<meta name=\"description\" content=\"\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u306e\u9078\u629e\u304b\u3089\u30b5\u30a4\u30f3\u30a4\u30f3\u7528\u306e\u30eb\u30fc\u30c8\u306e\u69cb\u7bc9\u307e\u3067\u3001Next.js\u3067\u8a8d\u8a3c\u3092\u8a2d\u5b9a\u3059\u308b\u969b\u306e\u6ce8\u610f\u4e8b\u9805\u3092\u307e\u3068\u3081\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Next.js\u3067\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u6ce8\u610f\u70b9\" \/>\n<meta property=\"og:description\" content=\"\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u306e\u9078\u629e\u304b\u3089\u30b5\u30a4\u30f3\u30a4\u30f3\u7528\u306e\u30eb\u30fc\u30c8\u306e\u69cb\u7bc9\u307e\u3067\u3001Next.js\u3067\u8a8d\u8a3c\u3092\u8a2d\u5b9a\u3059\u308b\u969b\u306e\u6ce8\u610f\u4e8b\u9805\u3092\u307e\u3068\u3081\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Japan-334616080691171\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-31T18:27:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-02T09:00:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/considerations-when-setting-up-authentication-in-next-js.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Justin Gage\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u306e\u9078\u629e\u304b\u3089\u30b5\u30a4\u30f3\u30a4\u30f3\u7528\u306e\u30eb\u30fc\u30c8\u306e\u69cb\u7bc9\u307e\u3067\u3001Next.js\u3067\u8a8d\u8a3c\u3092\u8a2d\u5b9a\u3059\u308b\u969b\u306e\u6ce8\u610f\u4e8b\u9805\u3092\u307e\u3068\u3081\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/considerations-when-setting-up-authentication-in-next-js.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_JP\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_JP\" \/>\n<meta name=\"twitter:label1\" content=\"\u57f7\u7b46\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"Justin Gage\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/\"},\"author\":{\"name\":\"Justin Gage\",\"@id\":\"https:\/\/kinsta.com\/jp\/#\/schema\/person\/9c79ef0f55180723ff2b31baffe9070f\"},\"headline\":\"Next.js\u3067\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u6ce8\u610f\u70b9\",\"datePublished\":\"2024-01-31T18:27:40+00:00\",\"dateModified\":\"2024-02-02T09:00:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/\"},\"wordCount\":165,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/jp\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/considerations-when-setting-up-authentication-in-next-js.jpg\",\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/\",\"url\":\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/\",\"name\":\"Next.js\u3067\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u6ce8\u610f\u70b9\uff5cKinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/jp\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/considerations-when-setting-up-authentication-in-next-js.jpg\",\"datePublished\":\"2024-01-31T18:27:40+00:00\",\"dateModified\":\"2024-02-02T09:00:40+00:00\",\"description\":\"\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u306e\u9078\u629e\u304b\u3089\u30b5\u30a4\u30f3\u30a4\u30f3\u7528\u306e\u30eb\u30fc\u30c8\u306e\u69cb\u7bc9\u307e\u3067\u3001Next.js\u3067\u8a8d\u8a3c\u3092\u8a2d\u5b9a\u3059\u308b\u969b\u306e\u6ce8\u610f\u4e8b\u9805\u3092\u307e\u3068\u3081\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/considerations-when-setting-up-authentication-in-next-js.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/considerations-when-setting-up-authentication-in-next-js.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/jp\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\",\"item\":\"https:\/\/kinsta.com\/jp\/topics\/javascript-frameworks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Next.js\u3067\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u6ce8\u610f\u70b9\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/jp\/#website\",\"url\":\"https:\/\/kinsta.com\/jp\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"\u9ad8\u901f\u304b\u3064\u5805\u7262\u306a\u30d7\u30ec\u30df\u30a2\u30e0\u30b5\u30fc\u30d0\u30fc\u30b5\u30fc\u30d3\u30b9\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/jp\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/jp\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/jp\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/jp\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/kinsta.com\/jp\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/jp\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Japan-334616080691171\/\",\"https:\/\/x.com\/Kinsta_JP\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/jp\/#\/schema\/person\/9c79ef0f55180723ff2b31baffe9070f\",\"name\":\"Justin Gage\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/kinsta.com\/jp\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/204874e8a52203e297ea240336c356ba?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/204874e8a52203e297ea240336c356ba?s=96&d=mm&r=g\",\"caption\":\"Justin Gage\"},\"description\":\"Justin is a technical writer and author of the popular Technically newsletter. He did his B.S. in Data Science before a stint in full-stack engineering and now focuses on making complex technical concepts accessible to everyone.\",\"sameAs\":[\"https:\/\/technically.substack.com\/\"],\"url\":\"https:\/\/kinsta.com\/jp\/blog\/author\/justingage\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Next.js\u3067\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u6ce8\u610f\u70b9\uff5cKinsta\u00ae","description":"\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u306e\u9078\u629e\u304b\u3089\u30b5\u30a4\u30f3\u30a4\u30f3\u7528\u306e\u30eb\u30fc\u30c8\u306e\u69cb\u7bc9\u307e\u3067\u3001Next.js\u3067\u8a8d\u8a3c\u3092\u8a2d\u5b9a\u3059\u308b\u969b\u306e\u6ce8\u610f\u4e8b\u9805\u3092\u307e\u3068\u3081\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/","og_locale":"ja_JP","og_type":"article","og_title":"Next.js\u3067\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u6ce8\u610f\u70b9","og_description":"\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u306e\u9078\u629e\u304b\u3089\u30b5\u30a4\u30f3\u30a4\u30f3\u7528\u306e\u30eb\u30fc\u30c8\u306e\u69cb\u7bc9\u307e\u3067\u3001Next.js\u3067\u8a8d\u8a3c\u3092\u8a2d\u5b9a\u3059\u308b\u969b\u306e\u6ce8\u610f\u4e8b\u9805\u3092\u307e\u3068\u3081\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002","og_url":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Japan-334616080691171\/","article_published_time":"2024-01-31T18:27:40+00:00","article_modified_time":"2024-02-02T09:00:40+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/considerations-when-setting-up-authentication-in-next-js.jpg","type":"image\/jpeg"}],"author":"Justin Gage","twitter_card":"summary_large_image","twitter_description":"\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u306e\u9078\u629e\u304b\u3089\u30b5\u30a4\u30f3\u30a4\u30f3\u7528\u306e\u30eb\u30fc\u30c8\u306e\u69cb\u7bc9\u307e\u3067\u3001Next.js\u3067\u8a8d\u8a3c\u3092\u8a2d\u5b9a\u3059\u308b\u969b\u306e\u6ce8\u610f\u4e8b\u9805\u3092\u307e\u3068\u3081\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002","twitter_image":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/considerations-when-setting-up-authentication-in-next-js.jpg","twitter_creator":"@Kinsta_JP","twitter_site":"@Kinsta_JP","twitter_misc":{"\u57f7\u7b46\u8005":"Justin Gage","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"3\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/"},"author":{"name":"Justin Gage","@id":"https:\/\/kinsta.com\/jp\/#\/schema\/person\/9c79ef0f55180723ff2b31baffe9070f"},"headline":"Next.js\u3067\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u6ce8\u610f\u70b9","datePublished":"2024-01-31T18:27:40+00:00","dateModified":"2024-02-02T09:00:40+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/"},"wordCount":165,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/jp\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/considerations-when-setting-up-authentication-in-next-js.jpg","inLanguage":"ja","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/","url":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/","name":"Next.js\u3067\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u6ce8\u610f\u70b9\uff5cKinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/jp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/considerations-when-setting-up-authentication-in-next-js.jpg","datePublished":"2024-01-31T18:27:40+00:00","dateModified":"2024-02-02T09:00:40+00:00","description":"\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u306e\u9078\u629e\u304b\u3089\u30b5\u30a4\u30f3\u30a4\u30f3\u7528\u306e\u30eb\u30fc\u30c8\u306e\u69cb\u7bc9\u307e\u3067\u3001Next.js\u3067\u8a8d\u8a3c\u3092\u8a2d\u5b9a\u3059\u308b\u969b\u306e\u6ce8\u610f\u4e8b\u9805\u3092\u307e\u3068\u3081\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002","breadcrumb":{"@id":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#primaryimage","url":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/considerations-when-setting-up-authentication-in-next-js.jpg","contentUrl":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/considerations-when-setting-up-authentication-in-next-js.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/jp\/blog\/next-js-authentication\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/jp\/"},{"@type":"ListItem","position":2,"name":"JavaScript\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af","item":"https:\/\/kinsta.com\/jp\/topics\/javascript-frameworks\/"},{"@type":"ListItem","position":3,"name":"Next.js\u3067\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u6ce8\u610f\u70b9"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/jp\/#website","url":"https:\/\/kinsta.com\/jp\/","name":"Kinsta\u00ae","description":"\u9ad8\u901f\u304b\u3064\u5805\u7262\u306a\u30d7\u30ec\u30df\u30a2\u30e0\u30b5\u30fc\u30d0\u30fc\u30b5\u30fc\u30d3\u30b9","publisher":{"@id":"https:\/\/kinsta.com\/jp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/jp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/jp\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/jp\/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/kinsta.com\/jp\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/jp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Japan-334616080691171\/","https:\/\/x.com\/Kinsta_JP","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/jp\/#\/schema\/person\/9c79ef0f55180723ff2b31baffe9070f","name":"Justin Gage","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/kinsta.com\/jp\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/204874e8a52203e297ea240336c356ba?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/204874e8a52203e297ea240336c356ba?s=96&d=mm&r=g","caption":"Justin Gage"},"description":"Justin is a technical writer and author of the popular Technically newsletter. He did his B.S. in Data Science before a stint in full-stack engineering and now focuses on making complex technical concepts accessible to everyone.","sameAs":["https:\/\/technically.substack.com\/"],"url":"https:\/\/kinsta.com\/jp\/blog\/author\/justingage\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/posts\/53717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/users\/310"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/comments?post=53717"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/posts\/53717\/revisions"}],"predecessor-version":[{"id":54584,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/posts\/53717\/revisions\/54584"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/53717\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/53717\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/53717\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/53717\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/53717\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/53717\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/53717\/translations\/es"},{"href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/53717\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/media\/53718"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/media?parent=53717"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/tags?post=53717"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/topic?post=53717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}