{"id":25921,"date":"2020-01-31T00:25:44","date_gmt":"2020-01-31T08:25:44","guid":{"rendered":"https:\/\/kinsta.com\/?p=58518&#038;preview=true&#038;preview_id=58518"},"modified":"2023-08-28T18:34:34","modified_gmt":"2023-08-28T09:34:34","slug":"gatsby-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/","title":{"rendered":"Gatsby\u3068WordPress\u3092\u4f7f\u7528\u3057\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u6982\u8981\uff08\u9ad8\u901f\u3067\u9759\u7684\uff09"},"content":{"rendered":"<p>WordPress\u30d9\u30fc\u30b9\u306e\u52d5\u7684\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306f\u6b21\u306e\u3088\u3046\u306b\u6a5f\u80fd\u3057\u307e\u3059\u3002\u8a2a\u554f\u8005\u304c\u30d6\u30e9\u30a6\u30b6\u30fc\u3067URL\u3092\u5165\u529b\u3059\u308b\u304b\u3001\u30ea\u30f3\u30af\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u30b5\u30a4\u30c8\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u3001\u30a6\u30a7\u30d6\u30b5\u30fc\u30d0\u30fc\u306b\u30ea\u30af\u30a8\u30b9\u30c8\u304c\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n<p>\u30b5\u30fc\u30d0\u30fc\u306f\u3001\u8a72\u5f53\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30af\u30a8\u30ea\u3067\u5fc5\u8981\u306a\u30c7\u30fc\u30bf\u3092\u53ce\u96c6\u3057\u3001\u30d6\u30e9\u30a6\u30b6\u304c\u8868\u793a\u3059\u308b<a href=\"https:\/\/kinsta.com\/jp\/blog\/how-to-upload-html-file-to-wordpress\/\">HTML\u30d5\u30a1\u30a4\u30eb<\/a>\u3092\u751f\u6210\u3057\u307e\u3059\u3002\u4e00\u65b9\u3001\u9759\u7684\u30b5\u30a4\u30c8\u306f\u3001\u4e0a\u8a18\u306e\u5fdc\u7b54\u3092\u30b5\u30fc\u30d0\u30fc\u4e0a\u306e\u30d5\u30e9\u30c3\u30c8\u30d5\u30a1\u30a4\u30eb\u306b\u4fdd\u5b58\u3057\u3001\u3059\u3050\u306b\u8a2a\u554f\u8005\u306b\u914d\u4fe1\u3057\u307e\u3059\u3002<\/p>\n<p>\u9759\u7684\u30b5\u30a4\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u306f\u9577\u3044\u9593\u4f7f\u7528\u3055\u308c\u3066\u304d\u307e\u3057\u305f\u304c\u3001\u6700\u8fd1\u4eba\u6c17\u304c\u9ad8\u307e\u3063\u3066\u3044\u307e\u3059\u3002\u672c\u30b9\u30c6\u30c3\u30d7\u30d0\u30a4\u30b9\u30c6\u30c3\u30d7\u30ac\u30a4\u30c9\u3067\u306f\u3001<strong>WordPress\u3068\u9759\u7684\u30b5\u30a4\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u3067\u3042\u308bGatsby\u306e\u7d71\u5408<\/strong>\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Gatsby\u3068\u306f\uff1f<\/h2>\n<p>WordPress\u306f\u52d5\u7684\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u304c\u3001\u5b9f\u884c\u3059\u308b\u306b\u306f\u30b5\u30fc\u30d0\u30fc\u4e0a\u306b<a href=\"https:\/\/kinsta.com\/jp\/blog\/is-php-dead\/\">PHP<\/a>\u3001<a href=\"https:\/\/kinsta.com\/jp\/blog\/what-is-mysql\/\">MySQL<\/a>\u3001<a href=\"https:\/\/kinsta.com\/jp\/blog\/nginx-vs-apache\/\">Apache\u307e\u305f\u306fNginx<\/a>\u306e\u30b9\u30bf\u30c3\u30af\u304c\u5fc5\u8981\u3067\u3059\u3002\u30b5\u30a4\u30c8\u4e0a\u306e\u3059\u3079\u3066\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306eHTML\u30da\u30fc\u30b8\u306e\u30ea\u30b9\u30c8\u3092\u751f\u6210\u3059\u308b\u3053\u3068\u306b\u3088\u308a\u3001WordPress\u306e\u9759\u7684\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u3002<\/p>\n<p>WordPress\u306e\u3053\u306e\u9759\u7684\u30d0\u30fc\u30b8\u30e7\u30f3\u306f\u3001\u30d8\u30c3\u30c9\u30ec\u30b9WordPress\u307e\u305f\u306f\u30b5\u30fc\u30d0\u30fc\u30ec\u30b9WordPress\u3068\u547c\u3070\u308c\u307e\u3059\u3002\u540c\u3058\u30da\u30fc\u30b8\u306f\u4f55\u56de\u3082\u8a2a\u554f\u8005\u306b\u914d\u4fe1\u53ef\u80fd\u3067\u3059\u304c\u3001\u5909\u63db\u30d7\u30ed\u30bb\u30b9\u306f\u4e00\u5ea6\u3060\u3051\u5b9f\u884c\u3055\u308c\u307e\u3059\u3002 \u3055\u3066\u3001\u3069\u3046\u3084\u3063\u3066WordPress\u30b5\u30a4\u30c8\u3092\u9759\u7684\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u5909\u63db\u3059\u308c\u3070\u826f\u3044\u306e\u3067\u3057\u3087\u3046\u304b\uff1f\u305d\u3053\u3067\u3001Gatsby\u304c\u767b\u5834\u3057\u307e\u3059\u3002<\/p>\n<p><a href=\"http:\/\/gatsbyjs.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gatsby<\/a>\uff08GatsbyJS\u3068\u3082\uff09\u306f\u3001<a href=\"https:\/\/reactjs.org\" target=\"_blank\" rel=\"noopener noreferrer\">ReactJS<\/a>\u3067\u69cb\u7bc9\u3055\u308c\u3001<a href=\"https:\/\/graphql.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">GraphQL<\/a>\u3092\u6d3b\u7528\u3057\u305f\u9759\u7684\u30b5\u30a4\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u3067\u3059\u3002Gatsby\u3067\u306f\u3001\u8ab0\u3067\u3082\u6a5f\u80fd\u8c4a\u5bcc\u3067\u9b45\u529b\u7684\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3084\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002Gatsby\u306f\u3001GraphQL\u3092\u4f7f\u7528\u3057\u3066\u65e2\u5b58\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3001API\u547c\u3073\u51fa\u3057\u3084\u30d5\u30e9\u30c3\u30c8\u30d5\u30a1\u30a4\u30eb\u306a\u3069\u306e\u3055\u307e\u3056\u307e\u306a\u30bd\u30fc\u30b9\u304b\u3089\u30b5\u30a4\u30c8\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6307\u5b9a\u3057\u305f\u8a2d\u5b9a\u306b\u57fa\u3065\u3044\u3066\u9759\u7684\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/p>\n<p>Gatsby\u306f1\u5e74\u524d\u306b\u958b\u767a\u3055\u308c\u307e\u3057\u305f\u304c\u3001\u305d\u308c\u4ee5\u964d\u591a\u304f\u306e\u30e6\u30fc\u30b6\u30fc\u304cGatsby\u3092\u8a66\u7528\u3057\u3066\u3044\u304d\u307e\u3057\u305f\u3002Gatsby\u306f\u5e83\u304f\u597d\u307e\u308c\u3066\u3044\u307e\u3059\u3002\u305f\u3068\u3048\u3070\u3001<a href=\"https:\/\/airbnb.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Airbnb\u306e\u30c7\u30fc\u30bf\u30b5\u30a4\u30a8\u30f3\u30b9\u304a\u3088\u3073\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u30d6\u30ed\u30b0<\/a>\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3082Gatsby\u3092\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u3002\uff08\u4e00\u65b9\u3001\u306e\u30d6\u30ed\u30b0\u6295\u7a3f\u306fMedium\u3067\u30db\u30b9\u30c8\u3055\u308c\u3066\u3044\u307e\u3059\u3002\uff09<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2019\/10\/airbnb-engineering-data-science-blog-3-1.png\" alt=\"Airbnb\u306e\u30c7\u30fc\u30bf\u30b5\u30a4\u30a8\u30f3\u30b9\u304a\u3088\u3073\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u30d6\u30ed\u30b0\" width=\"1500\" height=\"689\"><figcaption class=\"wp-caption-text\">Airbnb\u306e\u30c7\u30fc\u30bf\u30b5\u30a4\u30a8\u30f3\u30b9\u304a\u3088\u3073\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u30d6\u30ed\u30b0<\/figcaption><\/figure>\n<p>Braun\u306f\u3001\u6d88\u8cbb\u8ca1\u4f01\u696dP\uff06G\u306e\u30d6\u30e9\u30f3\u30c9\u3067\u3059\u3002<a href=\"https:\/\/ca.braun.com\/en-ca\" target=\"_blank\" rel=\"noopener noreferrer\">\u30ab\u30ca\u30c0\u306e\u30b5\u30a4\u30c8<\/a>\u306fGatsby\u3067\u30db\u30b9\u30c8\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u30b5\u30a4\u30c8\u306e\u691c\u7d22\u6a5f\u80fd\u306fReact\u3092\u57fa\u76e4\u3068\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2019\/10\/braun-canada-website-3-1.png\" alt=\"Braun\u306e\u30ab\u30ca\u30c0\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\" width=\"1500\" height=\"858\"><figcaption class=\"wp-caption-text\">Braun\u306e\u30ab\u30ca\u30c0\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8<\/figcaption><\/figure>\n<p>\u3055\u3089\u306b\u3001Gatsby\u306f<a href=\"https:\/\/kinsta.com\/jp\/blog\/wordpress-portfolio-plugins\/\">\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa<\/a>\u3092\u4f5c\u6210\u3057\u305f\u3044<a href=\"https:\/\/kinsta.com\/jp\/blog\/hire-wordpress-developer\/\">\u30d5\u30ea\u30fc\u30e9\u30f3\u30b5\u30fc\u306e\u958b\u767a\u8005<\/a>\u306e\u95a2\u5fc3\u3082\u523a\u6fc0\u3057\u3066\u3044\u307e\u3059\u3002\u305f\u3068\u3048\u3070\u3001<a href=\"https:\/\/jacobdcastro.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Jacob Castro\u306e\u3088\u3046\u306a\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa<\/a>\u306b\u306f\u3001\u4f5c\u54c1\u3078\u306e\u30ea\u30f3\u30af\u3084\u96fb\u5b50\u30e1\u30fc\u30eb\u306e\u9023\u7d61\u5148\u4ee5\u5916\u306b\u306f\u9759\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u3057\u304b\u306a\u3044\u305f\u3081\u3001\u9759\u7684\u30b5\u30a4\u30c8\u306f\u5f7c\u306e\u30cb\u30fc\u30ba\u306b\u6700\u9069\u3067\u3059\u3002<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2019\/10\/jacob-castro-portfolio-3-1.png\" alt=\"Jacob D. Castro\u306e\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\" width=\"1500\" height=\"858\"><figcaption class=\"wp-caption-text\">Jacob D. Castro\u306e\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa<\/figcaption><\/figure>\n<h3>Gatsby\u3092\u9078\u3076\u7406\u7531<\/h3>\n<p><strong>\u9ad8\u901f\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\uff1a<\/strong>Gatsby\u306e\u9759\u7684\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3059\u308b\u4e3b\u306a\u5229\u70b9\u306f\u3001Google\u304c<a href=\"https:\/\/webmasters.googleblog.com\/2010\/04\/using-site-speed-in-web-search-ranking.html\" target=\"_blank\" rel=\"noopener noreferrer\">\u30a6\u30a7\u30d6\u691c\u7d22\u30e9\u30f3\u30ad\u30f3\u30b0\u3067\u30b5\u30a4\u30c8\u306e\u901f\u5ea6\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3092\u767a\u8868\u3057\u3066<\/a>\u4ee5\u6765\u3001\u30a6\u30a7\u30d6\u30de\u30b9\u30bf\u30fc\u306f\u6700\u9069\u5316\u3057\u3088\u3046\u3068\u3057\u3066\u3044\u308b<a href=\"https:\/\/kinsta.com\/jp\/learn\/speed-up-wordpress\/\">\u30b9\u30d4\u30fc\u30c9<\/a>\u3067\u3059\u3002\u8aad\u307f\u8fbc\u307f\u6642\u9593\u306f\u30da\u30fc\u30b8\u30d3\u30e5\u30fc\u6570\u3068\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u7387\u306b\u3082\u5f71\u97ff\u3057\u307e\u3059\u3002\u30b5\u30a4\u30c8\u306e\u8aad\u307f\u8fbc\u307f\u6642\u9593\u304c1\u79d2\u9045\u308c\u308b\u3068\u3001<a href=\"https:\/\/kinsta.com\/jp\/learn\/page-speed\/#slow-how-slow\" target=\"_blank\" rel=\"noopener noreferrer\">\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u7387\u304c7\uff05\u6e1b\u5c11\u3059\u308b<\/a>\u3068\u63a8\u5b9a\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\uff1a<\/strong>\u9759\u7684\u30b5\u30a4\u30c8\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001<a href=\"https:\/\/kinsta.com\/jp\/blog\/wordpress-security\/\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3<\/a> \u3082\u5f37\u5316\u3055\u308c\u307e\u3059\u3002\u9759\u7684\u30d5\u30a1\u30a4\u30eb\u3057\u304b\u914d\u4fe1\u3055\u308c\u306a\u3044\u305f\u3081\u3001\u30cf\u30c3\u30ad\u30f3\u30b0\u3067\u304d\u308d\u3082\u306e\u306f\u307b\u3068\u3093\u3069\u3042\u308a\u307e\u305b\u3093\u3002\u3055\u3089\u306b\u3001\u9759\u7684\u30d5\u30a1\u30a4\u30eb\u304c\u5931\u308f\u308c\u305f\u5834\u5408\u306f\u3001\u3044\u3064\u3067\u3082\u518d\u751f\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n<p><strong>\u30b5\u30fc\u30d0\u30fc\u30b3\u30b9\u30c8\uff1a<\/strong>\u52d5\u7684\u30b5\u30a4\u30c8\u3092\u30db\u30b9\u30c8\u3059\u308b\u306b\u306f\u3001\u30b5\u30fc\u30d0\u30fc\u304c\u30c6\u30af\u30ce\u30ed\u30b8\u30b9\u30bf\u30c3\u30af\u3068\u4e92\u63db\u6027\u304c\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u9759\u7684\u30b5\u30a4\u30c8\u306a\u3089\u3001\u3069\u306e\u30b5\u30fc\u30d0\u30fc\u3067\u3082\u30db\u30b9\u30c8\u3067\u304d\u3001\u30db\u30b9\u30c6\u30a3\u30f3\u30b0\u8cbb\u7528\u304c\u6e1b\u5c11\u3057\u307e\u3059\u3002<\/p>\n<p>Gatsby\u3092\u4f7f\u7528\u3057\u3066\u9759\u7684\u30b5\u30a4\u30c8\u3092\u751f\u6210\u3059\u308b\u306b\u306f\u3001\u5404\u5909\u66f4\u306e\u969b\u306bJavaScript\u304c\u5fc5\u8981\u3067\u3059\u304c\u3001JavaScript\u306f\u9759\u7684\u30d5\u30a1\u30a4\u30eb\u3092\u30b5\u30a4\u30c8\u306b\u8ee2\u9001\u3059\u308b\u524d\u306b\u30ed\u30fc\u30ab\u30eb\u30de\u30b7\u30f3\u3067\u5b9f\u884c\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n<h3>Gatsby\u3092\u9078\u3070\u306a\u3044\u7406\u7531<\/h3>\n<p><strong>\u30c0\u30a4\u30ca\u30df\u30c3\u30af\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7d44\u307f\u8fbc\u307f\u304c\u306a\u3044\uff1a<\/strong>Gatsby\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30c0\u30a4\u30ca\u30df\u30c3\u30af\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7ba1\u7406\u65b9\u6cd5\u3068\u914d\u4fe1\u65b9\u6cd5\u3092\u518d\u8003\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3064\u307e\u308a\u3001<a href=\"https:\/\/www.gatsbyjs.org\/docs\/data-fetching\/\">\u9759\u7684\u3068\u52d5\u7684\u306e\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9<\/a>\u3092\u4f5c\u6210\u3057\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002\uff08\u8a73\u7d30\u306b\u3064\u3044\u3066\u306f\u4ee5\u4e0b\u8aac\u660e\u3057\u307e\u3059\u3002\uff09<\/p>\n<p>\u305f\u3068\u3048\u3070\u3001<a href=\"https:\/\/kinsta.com\/jp\/blog\/wordpress-comment-plugins\/\">\u30b3\u30e1\u30f3\u30c8<\/a>\u306f\u3001<a href=\"https:\/\/kinsta.com\/blog\/disqus-ads\/\" target=\"_blank\" rel=\"noopener noreferrer\">Disqus<\/a>\u306a\u3069\u306e\u30b5\u30fc\u30d3\u30b9\u3092\u4f7f\u7528\u3057\u3066\u5916\u90e8\u3067\u30db\u30b9\u30c8\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/kinsta.com\/blog\/wordpress-contact-form-plugins\/\">\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0<\/a>\u3082\u3001Google Forms\u306a\u3069\u306e\u5916\u90e8\u30d1\u30fc\u30c8\u30ca\u30fc\u3092\u4f7f\u7528\u3057\u3066\u518d\u8a2d\u5b9a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u8981\u3059\u308b\u306b\u3001\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u5bfe\u3059\u308b\u5fdc\u7b54\u306f\u30b5\u30fc\u30d0\u30fc\u306b\u4fdd\u5b58\u3055\u308c\u306a\u3044\u305f\u3081\u3001\u76f4\u63a5\u306b\u7ba1\u7406\u3067\u304d\u306a\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n<p><strong>\u983b\u7e41\u306a\u69cb\u7bc9\u306f\u4e0d\u4fbf\uff1a<\/strong> \u9759\u7684\u30b5\u30a4\u30c8\u306b\u306f\u3001\u983b\u7e41\u306a\u518d\u5909\u63db\u306e\u554f\u984c\u3082\u3042\u308a\u307e\u3059\u3002\u30b5\u30a4\u30c8\u3067\u884c\u3063\u305f\u5909\u66f4\u306f\u3001\u30da\u30fc\u30b8\u3092\u518d\u751f\u6210\u3057\u3066\u30b5\u30fc\u30d0\u30fc\u306b\u518d\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u305f\u5f8c\u306b\u3057\u304b\u53cd\u6620\u3055\u308c\u307e\u305b\u3093\u3002<\/p>\n<p><strong>\u6280\u8853\u7684\u5c02\u9580\u77e5\u8b58\uff1a<\/strong> Gatsby\u306fReactJS\u3068GraphQL\u3092\u57fa\u76e4\u3068\u3057\u3066\u3044\u307e\u3059\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092Gatsby\u3067\u4f5c\u6210\u3057\u3066\u7ba1\u7406\u3059\u308b\u306b\u306f\u3001JavaScript\u3068GraphQL\u306e\u57fa\u672c\u7684\u306a\u77e5\u8b58\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n<p><a href=\"https:\/\/kinsta.com\/blog\/wordpress-vs-static-html\/\">\u9759\u7684\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8<\/a>\u306f\u3001\u9ad8\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3067\u4f4e\u30b3\u30b9\u30c8\u306e\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63a2\u3057\u3066\u3044\u308b\u4eba\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002\u305f\u3068\u3048\u3070\u3001\u30d5\u30ea\u30fc\u30e9\u30f3\u30b5\u30fc\u306e\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u30b5\u30a4\u30c8\u3084\u88fd\u54c1\u30c7\u30e2\u30b5\u30a4\u30c8\u306a\u3069\u306f\u3088\u304f\u3042\u308b\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u3067\u3059\u3002<\/p>\n<p>\u30e1\u30ea\u30c3\u30c8\u304c\u30c7\u30e1\u30ea\u30c3\u30c8\u3092\u4e0a\u56de\u308b\u3068\u5224\u65ad\u3057\u305f\u65b9\u306f\u662f\u975e\u8a66\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u6b21\u306b\u3001Gatsby\u3092<a href=\"https:\/\/kinsta.com\/jp\/blog\/wordpress-site-examples\/\">WordPress\u30b5\u30a4\u30c8<\/a>\u3068\u7d71\u5408\u3059\u308b\u3088\u3046\u306b\u8a2d\u5b9a\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<p>\u672c\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u4f5c\u6210\u3059\u308bGatsby\u30b5\u30a4\u30c8\u306e\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3\u306f\u3001<a href=\"https:\/\/github.com\/sdaityari\/gatsby-wordpress\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub<\/a>\u3067\u5229\u7528\u53ef\u80fd\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<h2>\u30b9\u30c6\u30c3\u30d71\uff1aGatsby\u306e\u8a2d\u5b9a<\/h2>\n<p>\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001Gatsby\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u7c21\u5358\u306a\u9759\u7684\u30b5\u30a4\u30c8\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n<h3>\u524d\u63d0\u6761\u4ef6<\/h3>\n<p>Gatsby\u3092\u4f7f\u3044\u59cb\u3081\u308b\u305f\u3081\u306e\u6700\u521d\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u3001\u524d\u63d0\u6761\u4ef6\u3092\u78ba\u8a8d\u3059\u308b\u3053\u3068\u3067\u3059\u3002Gatsby\u306f\u3001NodeJS\u30d1\u30c3\u30b1\u30fc\u30b8\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u3067\u3042\u308bnpm\u3092\u4ecb\u3057\u3066\u914d\u4fe1\u3055\u308c\u307e\u3059\u3002 \u3057\u305f\u304c\u3063\u3066\u3001Gatsby\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u524d\u306b\u3001\u74b0\u5883\u306bNodeJS\u3068npm\u304c\u5fc5\u8981\u3067\u3059\u3002\u3055\u3089\u306b\u3001Gatsby\u3067\u306f\u3001\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3067\u3042\u308b<a href=\"https:\/\/kinsta.com\/jp\/blog\/wordpress-version-control\/#git\">Git<\/a>\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>\u73fe\u5728\u3001Kinsta\u306fNodeJS\u30b5\u30fc\u30d0\u30fc\u3092\u30db\u30b9\u30c8\u3067\u304d\u306a\u3044\u305f\u3081\u3001\u5225\u9014\u6e96\u5099\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u305d\u308c\u3067\u3082\u3001WordPress\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3067Kinsta\u3092\u4f7f\u7528\u3057\u3001\u30c7\u30fc\u30bf\u3092<a href=\"https:\/\/kinsta.com\/jp\/blog\/wordpress-rest-api\/\">REST API<\/a>\u307e\u305f\u306f<a href=\"https:\/\/kinsta.com\/blog\/wordpress-revolution-with-graphql\/\">GraphQL<\/a>\u3092\u4f7f\u7528\u3057\u3066\u5f15\u304d\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/aside>\n\n<p>Windows\u3092\u3054\u5229\u7528\u306e\u5834\u5408\u3001\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30da\u30fc\u30b8\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u3067NodeJS\u3068Git\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3067\u304d\u307e\u3059\u3002Mac\u3067\u306f\u3001\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3059\u308b\u304b\u3001homebrew\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n<pre><code>brew install nodejs\nbrew install git<\/code><\/pre>\n<p>Linux OS\u3092\u3054\u5229\u7528\u306e\u5834\u5408\u3001apt\u306a\u3069\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u3092\u4f7f\u7528\u3057\u3066NodeJS\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3067\u304d\u307e\u3059\u3002<\/p>\n<pre><code>sudo apt update\nsudo apt install nodejs git<\/code><\/pre>\n<h3>Gatsby\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h3>\n<p>NodeJS\u3068Git\u3092\u6b63\u5e38\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u304b\u3089\u3001Gatsby\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u6e96\u5099\u304c\u3067\u304d\u307e\u3057\u305f\uff01\u6700\u3082\u7c21\u5358\u306a\u65b9\u6cd5\u306f\u3001\u30bf\u30fc\u30df\u30ca\u30eb\u3067\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3059\u308b\u3053\u3068\u3067\u3059\u3002\uff08Windows\u3067\u306f<code>npm<\/code>\u30b3\u30de\u30f3\u30c9\u30e9\u30a4\u30f3\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\uff09<\/p>\n<pre><code>npm install -g gatsby-cli<\/code><\/pre>\n<p>\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u306f\u6700\u521d\u306b\u4f9d\u5b58\u95a2\u4fc2\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3001\u6b21\u306bGatsby\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002\u3053\u308c\u3067\u3001Gatsby\u30b5\u30a4\u30c8\u3092\u4f5c\u6210\u3059\u308b\u6e96\u5099\u304c\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n<h3>Gatsby\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3057\u3066\u30c7\u30d7\u30ed\u30a4\u3059\u308b<\/h3>\n<p>\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3066\u3001Gatsby\u30b5\u30a4\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n<pre><code>gatsby new gatsby-wordpress<\/code><\/pre>\n<p>Gatsby\u306f\u3001<a href=\"https:\/\/github.com\/gatsbyjs\/gatsby-starter-default.git\" target=\"_blank\" rel=\"noopener noreferrer\">Gatsby\u30b9\u30bf\u30fc\u30bf\u30fc\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/a>\u306e\u30af\u30ed\u30fc\u30f3\u4f5c\u6210\u306b\u3088\u308a\u3001\/gatsby-wordpress\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u30b5\u30a4\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 \u3054\u5e0c\u671b\u306e\u5225\u306e\u30b9\u30bf\u30fc\u30bf\u30fc\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002\u30af\u30ed\u30fc\u30f3\u4f5c\u6210\u304c\u5b8c\u4e86\u3057\u3001\u4f9d\u5b58\u95a2\u4fc2\u304c\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u3066\u304b\u3089\u3001\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3067\u30b5\u30a4\u30c8\u306e\u958b\u767a\u7248\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002<\/p>\n<pre><code>cd gatsby-wordpress\ngatsby develop<\/code><\/pre>\n<p>\u305d\u306e\u5f8c\u3001http:\/\/localhost:8000\u3067\u30b5\u30a4\u30c8\u306e\u958b\u767a\u7248\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2019\/10\/gatsby-starter-site-3-1.png\" alt=\"Gatsby\u30b9\u30bf\u30fc\u30bf\u30fc\u30b5\u30a4\u30c8\" width=\"1500\" height=\"715\"><figcaption class=\"wp-caption-text\">Gatsby\u30b9\u30bf\u30fc\u30bf\u30fc\u30b5\u30a4\u30c8<\/figcaption><\/figure>\n<p>\u6700\u5f8c\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u3001\u9759\u7684\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u306f\u3001\u30d1\u30d6\u30ea\u30c3\u30af\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u9759\u7684\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u30b5\u30fc\u30d0\u30fc\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u306b\u306f\u3001\u3053\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u30b5\u30fc\u30d0\u30fc\u306e\u30eb\u30fc\u30c8\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u3060\u3051\u3067\u3059\u3002\u30eb\u30fc\u30c8URL\u3068\u3057\u3066www.example.com\/blog\/\u306a\u3069<a href=\"https:\/\/www.gatsbyjs.org\/docs\/path-prefix\" target=\"_blank\" rel=\"noopener noreferrer\">\u30d1\u30b9\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9<\/a>\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n<pre><code>gatsby build<\/code><\/pre>\n<p>\u9759\u7684\u30b5\u30a4\u30c8\u3092\u8868\u793a\u3059\u308bHTML\u30b5\u30fc\u30d0\u30fc\u3092\u30ed\u30fc\u30ab\u30eb\u3067\u8d77\u52d5\u3059\u308b\u306b\u306f<code>serve<\/code>\u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\u306a\u304a\u3001\u3053\u308c\u306fbuild\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u305f\u5f8c\u3067\u306a\u3044\u3068\u6a5f\u80fd\u3057\u306a\u3044\u3053\u3068\u306b\u3054\u6ce8\u610f\u304f\u3060\u3055\u3044\u3002<\/p>\n<pre><code>gatsby serve<\/code><\/pre>\n<p>\u3053\u308c\u3067Gatsby\u3067\u7c21\u5358\u306a\u9759\u7684\u30b5\u30a4\u30c8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3057\u305f\u3002\u6b21\u306b\u3001WordPress\u3068\u7d71\u5408\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n<h2>\u30b9\u30c6\u30c3\u30d72\uff1aGatsby\u3068WordPress\u306e\u7d71\u5408<\/h2>\n<p>\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001<strong>WordPress\u30b5\u30a4\u30c8\u3092Gatsby\u3068\u7d71\u5408\u3057\u307e\u3059<\/strong>\u3002\u958b\u767a\u30b5\u30fc\u30d0\u30fc\u3092\u5b9f\u884c\u3059\u308b\u3068\u304d\u3001\u307e\u305f\u306f\u9759\u7684\u30da\u30fc\u30b8\u3092\u751f\u6210\u3059\u308b\u3068\u304d\u306b\u3001Gatsby\u304cWordPress\u30d6\u30ed\u30b0\u306e\u30a2\u30c9\u30ec\u30b9\u306b\u6307\u3057\u3001\u6700\u65b0\u306e\u30c7\u30fc\u30bf\u3092\u5f15\u304d\u51fa\u305b\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n<p>Gatsby\u3092WordPress\u306b\u63a5\u7d9a\u3059\u308b\u30d7\u30ed\u30bb\u30b9\u306f\u3001\u30d3\u30eb\u30c9\u306b\u3088\u3063\u3066\u30c8\u30ea\u30ac\u30fc\u3055\u308c\u308bWordPress\u30c7\u30fc\u30bf\u3092\u30d5\u30a7\u30c3\u30c1\u3059\u308b\u3053\u3068\u3067\u3059\u3002Gatsby\u306fWordPress\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3059\u308b\u3068\u3001\u73fe\u5728\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u57fa\u3065\u3044\u3066\u9759\u7684\u30b5\u30a4\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n<p>WordPress\u30b5\u30a4\u30c8\u3092\u4f7f\u7528\u3059\u308b\u30d7\u30ed\u30bb\u30b9\u306b\u306f\u3001Gatsby\u3067\u3082\u6295\u7a3f\u306e\u30bd\u30fc\u30b9\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u4ea4\u63db\u3092\u5bb9\u6613\u306b\u3059\u308b\u306b\u306f\u3001\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001Gatsby\u306eWordPress\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<pre><code>npm install gatsby-source-wordpress<\/code><\/pre>\n<h3>Gatsby\u306e\u69cb\u6210<\/h3>\n<p>\u6b21\u306b\u3001\u4e0a\u8a18\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3092Gatsby\u306e\u69cb\u6210\u30d5\u30a1\u30a4\u30eb\u3067\u3042\u308bgatsby-config.js\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n<p>\u6b21\u306b\u3001\u6b21\u306e\u30b3\u30fc\u30c9\u3092\u30d5\u30a1\u30a4\u30eb\u306b\u8ffd\u52a0\u3057\u3066\u3001Gatsby\u3092WordPress\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u307e\u3059\u3002\u3053\u306e\u4f8b\u3067\u306f\u3001MAMP\u3067<a href=\"https:\/\/kinsta.com\/jp\/blog\/install-wordpress-locally\/\">\u30ed\u30fc\u30ab\u30eb\u306b\u30db\u30b9\u30c8\u3055\u308c\u3066\u3044\u308bWordPress\u30b5\u30a4\u30c8<\/a>\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\u88dc\u8db3\u3067\u3059\u304c\u3001siteMetadata\u3067\u30b5\u30a4\u30c8\u306e\u30bf\u30a4\u30c8\u30eb\u3068\u8aac\u660e\u3092\u7de8\u96c6\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n<pre><code class=\"language-js\">module.exports = {\n  siteMetadata: {\n    ...\n  },\n  plugins: [\n    ...\n    {\n        resolve: `gatsby-source-wordpress`,\n        options: {\n            \/\/ Specify the URL of the WordPress source\n            baseUrl: `localhost:8888\/wordpress`,\n            protocol: `http`,\n            \/\/ Indicates if a site is hosted on WordPress.com\n            hostingWPCOM: false,\n            \/\/ Specify which URL structures to fetch\n            includedRoutes: [\n              '**\/posts',\n              '**\/tags',\n              '**\/categories'\n            ]\n        }\n    }\n\n<\/code><\/pre>\n<h3>GraphQL\u3067\u6295\u7a3f\u3092\u30d5\u30a7\u30c3\u30c1\u3059\u308b<\/h3>\n<p>\u69cb\u6210\u30d5\u30a1\u30a4\u30eb\u3067WordPress\u30b5\u30a4\u30c8\u306e\u30bd\u30fc\u30b9\u3092\u6307\u5b9a\u3057\u3066\u304b\u3089\u3001WordPress\u30b5\u30a4\u30c8\u304b\u3089\u62bd\u51fa\u3059\u308b\u30c7\u30fc\u30bf\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002 Gatsby\u306f\u3001API\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u30af\u30a8\u30ea\u8a00\u8a9e\u3067\u3042\u308bGraphQL\u3092\u4f7f\u7528\u3057\u3066\u3001WordPress\u306e\u6295\u7a3f\u3092\u307e\u3068\u3081\u3066\u53d6\u5f97\u3057\u307e\u3059\u3002<\/p>\n<p>\u6307\u5b9a\u3059\u308b\u30af\u30a8\u30ea\u3092\u78ba\u5b9a\u3059\u308b\u524d\u306b\u3001WordPress\u304b\u3089\u53d6\u5f97\u3059\u308b\u5fc5\u8981\u306e\u3042\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306b\u9078\u629e\u3067\u304d\u307e\u3059\u3002\u958b\u767a\u30b5\u30fc\u30d0\u30fc\u3092\u5b9f\u884c\u3057\u3001\u300chttp:\/\/localhost:8000\/___graphql\u300d\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u3001GraphQL\u30a8\u30c7\u30a3\u30bf\u30fc\u3092\u958b\u304d\u307e\u3059\u3002<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2019\/10\/query-data-graphql-3-1.png\" alt=\"GraphQL\u3067\u898b\u305f\u30c7\u30fc\u30bf\u306e\u30af\u30a8\u30ea\" width=\"1500\" height=\"487\"><figcaption class=\"wp-caption-text\">GraphQL\u3067\u898b\u305f\u30c7\u30fc\u30bf\u306e\u30af\u30a8\u30ea<\/figcaption><\/figure>\n<p>\u5f15\u304d\u51fa\u3059\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u6307\u5b9a\u3057\u3066\u304b\u3089\u3001GraphQL\u30af\u30a8\u30ea\u3092index.js\u30d5\u30a1\u30a4\u30eb\u306b\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u4eca\u56de\u306f\u3001\u5404\u6295\u7a3f\u304b\u3089\u30bf\u30a4\u30c8\u30eb\u3068\u629c\u7c8b\u306e\u307f\u3092\u5f15\u304d\u51fa\u3057\u307e\u3057\u3087\u3046\u3002\u5f8c\u3067\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u5897\u3084\u3057\u3066\u3082\u304b\u307e\u3044\u307e\u305b\u3093\u3002<\/p>\n<pre><code class=\"language-js\"><\/code><\/pre>\n<pre class=\" language-js\"><code class=\" language-js\"><span class=\"token keyword\">import<\/span> React <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"react\"<\/span>\n<span class=\"token keyword\">import<\/span> <span class=\"token punctuation\">{<\/span> graphql <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"gatsby\"<\/span>\n<span class=\"token keyword\">import<\/span> Layout <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"..\/components\/layout\"<\/span>\n<span class=\"token keyword\">import<\/span> <span class=\"token constant\">SEO<\/span> <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"..\/components\/seo\"<\/span>\n\n<span class=\"token keyword\">export<\/span> <span class=\"token keyword\">default<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token parameter\"><span class=\"token punctuation\">{<\/span> data <span class=\"token punctuation\">}<\/span><\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">return<\/span> <span class=\"token punctuation\">(<\/span>\n    <span class=\"token operator\">&lt;<\/span>Layout<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span><span class=\"token constant\">SEO<\/span> title<span class=\"token operator\">=<\/span><span class=\"token string\">\"home\"<\/span> <span class=\"token operator\">\/<\/span><span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span>h4<span class=\"token operator\">&gt;<\/span>Posts<span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>h4<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token punctuation\">{<\/span>data<span class=\"token punctuation\">.<\/span>allWordpressPost<span class=\"token punctuation\">.<\/span>edges<span class=\"token punctuation\">.<\/span><span class=\"token function\">map<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\"><span class=\"token punctuation\">{<\/span> node <span class=\"token punctuation\">}<\/span><\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">(<\/span>\n        <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span>\n          <span class=\"token operator\">&lt;<\/span>p<span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">{<\/span>node<span class=\"token punctuation\">.<\/span>title<span class=\"token punctuation\">}<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>p<span class=\"token operator\">&gt;<\/span>\n          <span class=\"token operator\">&lt;<\/span>div dangerouslySetInnerHTML<span class=\"token operator\">=<\/span><span class=\"token punctuation\">{<\/span><span class=\"token punctuation\">{<\/span> __html<span class=\"token punctuation\">:<\/span> node<span class=\"token punctuation\">.<\/span>excerpt <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">}<\/span> <span class=\"token operator\">\/<\/span><span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">}<\/span>\n    <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>Layout<span class=\"token operator\">&gt;<\/span>\n  <span class=\"token punctuation\">)<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token keyword\">export<\/span> <span class=\"token keyword\">const<\/span> pageQuery <span class=\"token operator\">=<\/span> graphql`\n  query <span class=\"token punctuation\">{<\/span>\n    <span class=\"token function\">allWordpressPost<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">sort<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<\/span> fields<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">[<\/span>date<span class=\"token punctuation\">]<\/span> <span class=\"token punctuation\">}<\/span><\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n      edges <span class=\"token punctuation\">{<\/span>\n        node <span class=\"token punctuation\">{<\/span>\n          title\n          excerpt\n        <span class=\"token punctuation\">}<\/span>\n      <span class=\"token punctuation\">}<\/span>\n    <span class=\"token punctuation\">}<\/span>\n  <span class=\"token punctuation\">}<\/span><\/code><\/pre>\n<pre><code class=\"language-js\"><\/code><\/pre>\n<p>\u958b\u767a\u30b5\u30a4\u30c8\u3092\u78ba\u8a8d\u3059\u308b\u3068\u3001\u5404WordPress\u6295\u7a3f\u306e\u898b\u51fa\u3057\u3068\u629c\u7c8b\u304c\u5f15\u304d\u51fa\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u304c\u308f\u304b\u308a\u307e\u3059\u3002<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2019\/10\/gatsby-homepage-with-wordpress-posts-3-1.png\" alt=\"WordPress\u306e\u6295\u7a3f\u304c\u3042\u308bGatsby\u30db\u30fc\u30e0\u30da\u30fc\u30b8\" width=\"1500\" height=\"543\"><figcaption class=\"wp-caption-text\">WordPress\u306e\u6295\u7a3f\u304c\u3042\u308bGatsby\u30db\u30fc\u30e0\u30da\u30fc\u30b8<\/figcaption><\/figure>\n<p>\u898b\u305f\u76ee\u306f\u3042\u307e\u308a\u304d\u308c\u3044\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001WordPress\u304b\u3089\u95a2\u9023\u30c7\u30fc\u30bf\u3092\u6b63\u5e38\u306b\u5f15\u304d\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u3001\u6295\u7a3f\u3054\u3068\u306b\u65b0\u3057\u3044\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u3067\u3059\u3002<\/p>\n<h2>\u30b9\u30c6\u30c3\u30d73\uff1a\u7c21\u5358\u306a\u30da\u30fc\u30b8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u6210\u3059\u308b<\/h2>\n<p>\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001WordPress\u30b5\u30a4\u30c8\u306e\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u306b\u5bfe\u3057\u3066\u6295\u7a3f\u3092\u4f5c\u6210\u3057\u3066<a href=\"https:\/\/kinsta.com\/jp\/blog\/what-is-a-wordpress-slug\/\">\u30b9\u30e9\u30c3\u30b0<\/a>\u3092\u4f7f\u7528\u3057\u3066\u6295\u7a3f\u3078\u306e\u30ea\u30f3\u30af\u3092\u542b\u3081\u308b\u3059\u308b\u3088\u3046\u306bGatsby\u3092\u30c8\u30ea\u30ac\u30fc\u3057\u307e\u3059\u3002<\/p>\n<h3>\u5404\u6295\u7a3f\u306e\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3059\u308b<\/h3>\n<p>WordPress\u30bd\u30fc\u30b9\u304b\u3089\u3059\u3079\u3066\u306e\u6295\u7a3f\u3092\u5f15\u304d\u51fa\u3057\u305f\u5f8c\u306e\u6700\u521d\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u3001\u5404\u6295\u7a3f\u306e\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3059\u308b\u3088\u3046\u306bGatsby\u306b\u6307\u793a\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u3053\u308c\u3092\u884c\u3046\u306b\u306f\u3001<code>createPage<\/code>\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n<p>\u6b21\u306e\u30b3\u30fc\u30c9\u3092gatsby-node.js\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002\u5404\u6295\u7a3f\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3001\u4f5c\u6210\u8005\u3001\u65e5\u4ed8\u3001\u30b9\u30e9\u30c3\u30b0\u3092\u8ffd\u52a0\u3067\u53d6\u5f97\u3057\u3066\u3044\u308b\u3053\u3068\u306b\u3054\u6ce8\u610f\u304f\u3060\u3055\u3044\u3002<\/p>\n<pre><code class=\"language-js\">const path = require(`path`)\n\nexports.createPages = ({ graphql, actions }) =&gt; {\n  const { createPage } = actions\n  return graphql(`\n    {\n      allWordpressPost(sort: {fields: [date]}) {\n        edges {\n          node {\n            title\n            excerpt\n            slug\n            date(formatString: \"MM-DD-YYYY\")\n            author {\n              name\n            }\n          }\n        }\n      }\n    }\n\n  `).then(result =&gt; {\n    result.data.allWordpressPost.edges.forEach(({ node }) =&gt; {\n      createPage({\n        \/\/ Decide URL structure\n        path: node.slug,\n        \/\/ path to template\n        component: path.resolve(`.\/src\/templates\/blog-post.js`),\n        context: {\n          \/\/ This is the $slug variable\n          \/\/ passed to blog-post.js\n          slug: node.slug,\n        },\n      })\n    })\n  })<\/code><\/pre>\n<p>GraphQL\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u305f\u5f8c\u3001\u30b3\u30fc\u30c9\u306f\u5404\u6295\u7a3f\u306e\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u6295\u7a3f\u5185\u3067\u3001\u30d1\u30b9\u3092\u4f7f\u7528\u3057\u3066\u30b9\u30e9\u30c3\u30b0\u306b\u57fa\u3065\u3044\u3066\u30da\u30fc\u30b8\u306eURL\u69cb\u9020\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u307e\u305f\u306f\u3001\u6295\u7a3f\u306eID\u3092\u53d6\u5f97\u3057\u3066\u3001URL\u3067\u6307\u5b9a\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5909\u6570\u306f\u3001\u6295\u7a3f\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u6307\u3057\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3068\u3057\u3066\u30b9\u30e9\u30c3\u30b0\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u30d5\u30a7\u30c3\u30c1\u3055\u308c\u305f\u6295\u7a3f\u4e00\u89a7\u304b\u3089\u6b63\u3057\u3044\u6295\u7a3f\u3092\u30af\u30a8\u30ea\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u3067\u3059\u3002<\/p>\n<p>\u7406\u60f3\u7684\u306b\u306f\u3001\u6295\u7a3f\u3092\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3068\u3057\u3066\u6307\u5b9a\u3059\u308b\u5909\u6570\u3092\u6e21\u3059\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>gatsby-node.js\u30d5\u30a1\u30a4\u30eb\u306b\u5909\u66f4\u3092\u52a0\u3048\u305f\u5f8c\u3001\u5909\u66f4\u3092\u6709\u52b9\u306b\u3059\u308b\u306b\u958b\u767a\u30b5\u30fc\u30d0\u30fc\u3092\u518d\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n<h3>\u6295\u7a3f\u3092\u8868\u793a\u3059\u308b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u6210\u3059\u308b<\/h3>\n<p>src\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306b\u65b0\u3057\u3044\u30d5\u30a1\u30a4\u30ebblog-post.js\u3092\u4f5c\u6210\u3057\u3001\u6b21\u306e\u30b3\u30fc\u30c9\u3092\u5165\u529b\u3057\u307e\u3059\u3002<\/p>\n<pre class=\" language-js\"><code class=\" language-js\"><span class=\"token keyword\">import<\/span> React <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"react\"<\/span>\n<span class=\"token keyword\">import<\/span> Layout <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"..\/components\/layout\"<\/span>\n<span class=\"token keyword\">import<\/span> <span class=\"token punctuation\">{<\/span> graphql <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"gatsby\"<\/span>\n\n<span class=\"token keyword\">export<\/span> <span class=\"token keyword\">default<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token parameter\"><span class=\"token punctuation\">{<\/span> data <span class=\"token punctuation\">}<\/span><\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> post <span class=\"token operator\">=<\/span> data<span class=\"token punctuation\">.<\/span>allWordpressPost<span class=\"token punctuation\">.<\/span>edges<span class=\"token punctuation\">[<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">.<\/span>node\n  console<span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span>post<span class=\"token punctuation\">)<\/span>\n  <span class=\"token keyword\">return<\/span> <span class=\"token punctuation\">(<\/span>\n    <span class=\"token operator\">&lt;<\/span>Layout<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>h1<span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">{<\/span>post<span class=\"token punctuation\">.<\/span>title<span class=\"token punctuation\">}<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>h1<span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>div dangerouslySetInnerHTML<span class=\"token operator\">=<\/span><span class=\"token punctuation\">{<\/span><span class=\"token punctuation\">{<\/span> __html<span class=\"token punctuation\">:<\/span> post<span class=\"token punctuation\">.<\/span>content <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">}<\/span> <span class=\"token operator\">\/<\/span><span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>p<span class=\"token operator\">&gt;<\/span> By<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<\/span>post<span class=\"token punctuation\">.<\/span>author<span class=\"token punctuation\">.<\/span>name<span class=\"token punctuation\">}<\/span> <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>p<span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>p<span class=\"token operator\">&gt;<\/span> On<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<\/span>post<span class=\"token punctuation\">.<\/span>date<span class=\"token punctuation\">}<\/span> <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>p<span class=\"token operator\">&gt;<\/span>\n      <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n    <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>Layout<span class=\"token operator\">&gt;<\/span>\n  <span class=\"token punctuation\">)<\/span>\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token keyword\">export<\/span> <span class=\"token keyword\">const<\/span> query <span class=\"token operator\">=<\/span> graphql`\n  <span class=\"token function\">query<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">$slug<span class=\"token punctuation\">:<\/span> String<span class=\"token operator\">!<\/span><\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token function\">allWordpressPost<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">filter<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<\/span> slug<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<\/span> eq<span class=\"token punctuation\">:<\/span> $slug <span class=\"token punctuation\">}<\/span> <span class=\"token punctuation\">}<\/span><\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n      edges <span class=\"token punctuation\">{<\/span>\n        node <span class=\"token punctuation\">{<\/span>\n          title\n          content\n          slug\n          <span class=\"token function\">date<\/span><span class=\"token punctuation\">(<\/span>formatString<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"MM-DD-YYYY\"<\/span><span class=\"token punctuation\">)<\/span>\n          author <span class=\"token punctuation\">{<\/span>\n            name\n          <span class=\"token punctuation\">}<\/span>\n        <span class=\"token punctuation\">}<\/span>\n      <span class=\"token punctuation\">}<\/span>\n    <span class=\"token punctuation\">}<\/span>\n  <span class=\"token punctuation\">}<\/span><\/code><\/pre>\n<p>GraphQL\u30af\u30a8\u30ea\u306f\u6295\u7a3f\u306e\u6700\u5f8c\u306b\u8868\u793a\u3055\u308c\u308b\u65e5\u4ed8\u3068\u4f5c\u6210\u8005\u540d\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002<a href=\"http:\/\/localhost:8000\/___graphql\" target=\"_blank\" rel=\"noopener noreferrer\">GraphQL\u30a8\u30c7\u30a3\u30bf\u30fc<\/a>\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u8ffd\u52a0\u3057\u3001\u6295\u7a3f\u30da\u30fc\u30b8\u306b\u8868\u793a\u3067\u304d\u307e\u3059\u3002<\/p>\n<h3>\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u304b\u3089\u306e\u30da\u30fc\u30b8\u3078\u306e\u30ea\u30f3\u30af<\/h3>\n<p>\u3053\u308c\u3067\u3001\u5404\u6295\u7a3f\u3054\u3068\u306b\u65b0\u3057\u3044\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u304c\u3001\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30da\u30fc\u30b8\u304b\u3089\u3053\u308c\u3089\u306e\u6295\u7a3f\u3078\u306e\u30ea\u30f3\u30af\u3092\u8ffd\u52a0\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002index.js\u306b\u79fb\u52d5\u3057\u3001\u30b3\u30fc\u30c9\u3092\u6b21\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u3066\u5404\u6295\u7a3f\u3078\u306e\u30ea\u30f3\u30af\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n<pre class=\" language-sass\"><code class=\" language-sass\"><span class=\"token selector\">import React from <\/span><span class=\"token string\">\"react\"<\/span>\n<span class=\"token selector\">import { Link, graphql } from <\/span><span class=\"token string\">\"gatsby\"<\/span>\n<span class=\"token selector\">import Layout from <\/span><span class=\"token string\">\"..\/components\/layout\"<\/span>\n<span class=\"token selector\">import SEO from <\/span><span class=\"token string\">\"..\/components\/seo\"<\/span>\n\n<span class=\"token selector\">export default ({ data }) =&gt; {<\/span>\n  <span class=\"token selector\">return (<\/span>\n    <span class=\"token selector\">&lt;Layout&gt;<\/span>\n      <span class=\"token selector\">&lt;SEO title=<\/span><span class=\"token string\">\"home\"<\/span> <span class=\"token selector\">\/&gt;<\/span>\n      <span class=\"token selector\">&lt;h<\/span><span class=\"token number\">1<\/span><span class=\"token selector\">&gt;My WordPress Blog&lt;\/h<\/span><span class=\"token number\">1<\/span><span class=\"token selector\">&gt;<\/span>\n      <span class=\"token selector\">&lt;h<\/span><span class=\"token number\">4<\/span><span class=\"token selector\">&gt;Posts&lt;\/h<\/span><span class=\"token number\">4<\/span><span class=\"token selector\">&gt;<\/span>\n      <span class=\"token selector\">{data<\/span><span class=\"token number\">.<\/span><span class=\"token selector\">allWordpressPost<\/span><span class=\"token number\">.<\/span><span class=\"token selector\">edges<\/span><span class=\"token number\">.<\/span><span class=\"token function\">map<\/span><span class=\"token selector\">(({ node }) =&gt; (<\/span>\n        <span class=\"token selector\">&lt;div&gt;<\/span>\n          <span class=\"token selector\">&lt;Link to={node<\/span><span class=\"token number\">.<\/span><span class=\"token selector\">slug}&gt;<\/span>\n            <span class=\"token selector\">&lt;p&gt;{node<\/span><span class=\"token number\">.<\/span><span class=\"token selector\">title}&lt;\/p&gt;<\/span>\n          <span class=\"token selector\">&lt;\/Link&gt;<\/span>\n          <span class=\"token selector\">&lt;div dangerouslySetInnerHTML={{ __html: node<\/span><span class=\"token number\">.<\/span><span class=\"token selector\">excerpt }} \/&gt;<\/span>\n        <span class=\"token selector\">&lt;\/div&gt;<\/span>\n      <span class=\"token selector\">))}<\/span>\n    <span class=\"token selector\">&lt;\/Layout&gt;<\/span>\n  <span class=\"token selector\">)<\/span>\n<span class=\"token selector\">}<\/span>\n\n<span class=\"token selector\">export const pageQuery = graphql`<\/span>\n  <span class=\"token selector\">query {<\/span>\n<span class=\"token property-line\">    <span class=\"token property\">allWordpressPost(sort<\/span><span class=\"token punctuation\">:<\/span> { <span class=\"token property\">fields<\/span><span class=\"token punctuation\">:<\/span> [date] }) {<\/span>\n      <span class=\"token selector\">edges {<\/span>\n        <span class=\"token selector\">node {<\/span>\n          <span class=\"token selector\">title<\/span>\n          <span class=\"token selector\">excerpt<\/span>\n          <span class=\"token selector\">slug<\/span>\n        <span class=\"token selector\">}<\/span>\n      <span class=\"token selector\">}<\/span>\n    <span class=\"token selector\">}<\/span>\n  <span class=\"token selector\">}<\/span><\/code><\/pre>\n<p>\u3053\u308c\u3067\u3001\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30da\u30fc\u30b8\u306f\u6b21\u306e\u3068\u304a\u308a\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2019\/10\/index-page-with-post-links-3-1.png\" alt=\"\u6295\u7a3f\u3078\u306e\u30ea\u30f3\u30af\u3092\u8ffd\u52a0\u3057\u305f\u5f8c\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30da\u30fc\u30b8\" width=\"1500\" height=\"620\"><figcaption class=\"wp-caption-text\">\u6295\u7a3f\u3078\u306e\u30ea\u30f3\u30af\u3092\u8ffd\u52a0\u3057\u305f\u5f8c\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30da\u30fc\u30b8<\/figcaption><\/figure>\n<p>\u6295\u7a3f\u3078\u306e\u30ea\u30f3\u30af\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001blog-post.js\u306b\u3088\u3063\u3066\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3055\u308c\u308b\u30d6\u30ed\u30b0\u6295\u7a3f\u30da\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2019\/10\/blog-post-with-details-3-1.png\" alt=\"\u30bf\u30a4\u30c8\u30eb\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3001\u4f5c\u6210\u65e5\u3001\u4f5c\u6210\uffe5\u8005\u304c\u3072\u3043\u3046\u3058\u3055\u308c\u308b\u30d6\u30ed\u30b0\u6295\u7a3f\" width=\"1500\" height=\"460\"><figcaption class=\"wp-caption-text\">\u30bf\u30a4\u30c8\u30eb\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3001\u4f5c\u6210\u65e5\u3001\u4f5c\u6210\uffe5\u8005\u304c\u3072\u3043\u3046\u3058\u3055\u308c\u308b\u30d6\u30ed\u30b0\u6295\u7a3f<\/figcaption><\/figure>\n<h2>\u30b9\u30c6\u30c3\u30d74\uff1a\u8a73\u7d30\u306a\u79fb\u884c\u30bf\u30b9\u30af<\/h2>\n<p>\u3053\u308c\u3067\u3059\u3079\u3066\u306eWordPress\u6295\u7a3f\u3092\u6b63\u5e38\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3057\u305f\u304c\u3001\u8a73\u7d30\u8a2d\u5b9a\u3092\u884c\u3044\u3001\u4eca\u5f8c\u3082\u554f\u984c\u304c\u767a\u751f\u3057\u306a\u3044\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u753b\u50cf\u306e\u6700\u9069\u5316\u3068\u3001\u30c7\u30fc\u30bf\u306b\u6700\u7d42\u66f4\u65b0\u65e5\u306e\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u3092\u8ffd\u52a0\u3059\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n<h3>\u753b\u50cf\u30d1\u30b9\u306e\u5909\u63db<\/h3>\n<p>\u30aa\u30ea\u30b8\u30ca\u30eb\u306e\u6295\u7a3f\u306e1\u3064\u3067\u3042\u308b\u300cPost with Image\uff01\u300d\u306b\u306f\u753b\u50cf\u304c\u3042\u308a\u307e\u3057\u305f\u3002\u540c\u3058\u30da\u30fc\u30b8\u3092Gatsby\u3067\u78ba\u8a8d\u3059\u308b\u3068\u3001\u753b\u50cf\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u304c\u3001\u753b\u50cf\u306e\u5834\u6240\u306fWordPress\u306e\u6295\u7a3f\u3068\u540c\u3058\u3067\u3059\u3002\u3053\u306e\u4f8b\u3067\u306f\u3001\u30ed\u30fc\u30ab\u30eb\u3067\u30db\u30b9\u30c8\u3055\u308c\u3066\u3044\u308bWordPress\u306e\u753b\u50cf\u3067\u307e\u3059\u3002<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2019\/10\/gatsby-post-with-image-and-source-3-1.png\" alt=\"Gatsby\u6295\u7a3f\u306e\u753b\u50cf\u3068\u305d\u306e\u5834\u6240\" width=\"1500\" height=\"767\"><figcaption class=\"wp-caption-text\">Gatsby\u6295\u7a3f\u306e\u753b\u50cf\u3068\u305d\u306e\u5834\u6240<\/figcaption><\/figure>\n<p>\u753b\u50cf\u3092\u5916\u90e8\u3067\u30db\u30b9\u30c8\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u540c\u3058\u753b\u50cf\u30b5\u30fc\u30d0\u30fc\u3092\u6307\u3059\u305f\u3081\u3001\u3053\u308c\u306f\u554f\u984c\u306b\u306a\u308a\u307e\u305b\u3093\u3002\u305f\u3060\u3057\u3001WordPress\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u5185\u306b\u753b\u50cf\u3092\u4fdd\u5b58\u3059\u308b\u5834\u5408\u306f\u3001\u753b\u50cf\u3082\u79fb\u52d5\u3057\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\uff01<\/p>\n<p><a href=\"https:\/\/github.com\/TylerBarnes\/gatsby-wordpress-inline-images\" target=\"_blank\" rel=\"noopener noreferrer\">Inline images<\/a>\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u7528\u3057\u307e\u3057\u3087\u3046\u3002\u307e\u305a\u3001<br \/>\n<code>gatsby-image<\/code>\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u3001<code>gatsby-wordpress-inline-images<\/code>\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/p>\n<pre><code>npm install gatsby-image\nnpm install gatsby-wordpress-inline-images<\/code><\/pre>\n<p>\u6b21\u306b\u3001<code>gatsby-config.js<\/code>\u30d5\u30a1\u30a4\u30eb\u306b\u6b21\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n<pre><code class=\"language-js\">module.exports = {\n  siteMetadata: {\n    ...\n  },\n  plugins: [\n    ...\n    {\n      resolve: `gatsby-source-wordpress`,\n      options: {\n        ...\n        \/\/ If useACF is true, then the source plugin will try to import the WordPress ACF Plugin contents.\n        \/\/ This feature is untested for sites hosted on WordPress.com\n        useACF: true,\n        plugins: [\n          {\n            resolve: `gatsby-wordpress-inline-images`,\n            options:\n            {\n              baseUrl: `localhost:8888\/wordpress`,\n              protocol: `http`\n            }\n          }\n        ]\n      }\n    }\n  ],\n}<\/code><\/pre>\n<p>\u4e0a\u8a18\u306e\u5909\u66f4\u3092\u884c\u3063\u305f\u5f8c\u306b\u958b\u767a\u30b5\u30fc\u30d0\u30fc\u3092\u518d\u8d77\u52d5\u3059\u308b\u3068\u3001WordPress\u30b5\u30a4\u30c8\u304b\u3089\u753b\u50cf\u304c\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u308c\u3001\u30ed\u30fc\u30ab\u30eb\u306b\u4fdd\u5b58\u3055\u308c\u307e\u3059\u3002\u4fdd\u5b58\u5834\u6240\u3092\u78ba\u8a8d\u3059\u308b\u306b\u306f\u3001\u540c\u3058\u753b\u50cf\u306e\u30d1\u30b9\u3092\u78ba\u8a8d\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<h3>\u6700\u7d42\u66f4\u65b0\u65e5\u3092\u8868\u793a<\/h3>\n<p>\u5b9a\u671f\u7684\u306b\u6295\u7a3f\u3092\u66f4\u65b0\u3059\u308b\u30d6\u30ed\u30b0\u3092\u904b\u55b6\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u6295\u7a3f\u306e\u6700\u7d42\u66f4\u65b0\u65e5\u3092\u8868\u793a\u3057\u305f\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002GraphQL\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u65e2\u306b\u300c\u4f5c\u6210\u65e5\u300d\u3092\u5f15\u304d\u51fa\u3057\u307e\u3057\u305f\u304c\u3001\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u300c\u6700\u7d42\u66f4\u65b0\u65e5\u300d\u306e\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u306e\u8ffd\u52a0\u65b9\u6cd5\u3082\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n<p>WordPress\u306e\u300c\u6700\u7d42\u66f4\u65b0\u65e5\u300d\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u3092Gatsby\u6295\u7a3f\u306b\u8ffd\u52a0\u3059\u308b\u306b\u306f\u3001\u5909\u66f4\u3055\u308c\u305f\u30d5\u30a3\u30fc\u30eb\u30c9\u3092GraphQL\u30af\u30a8\u30ea\u306e\u30a2\u30a4\u30c6\u30e0\u306e\u30ea\u30b9\u30c8\u306b\u8ffd\u52a0\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u306f<code>date<\/code>\u306e\u3088\u3046\u306a\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u3067\u3042\u308b\u305f\u3081\u3001<code>formatString<\/code>\u30d1\u30e9\u30e1\u30fc\u30bf\u3082\u8ffd\u52a0\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u5909\u66f4\u3055\u308c\u305f<code>blog-post.js<\/code>\u30d5\u30a1\u30a4\u30eb\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n<pre class=\" language-js\"><code class=\" language-js\"><span class=\"token operator\">...<\/span>\n<span class=\"token operator\">&lt;<\/span>Layout<span class=\"token operator\">&gt;<\/span>\n  <span class=\"token operator\">&lt;<\/span>div<span class=\"token operator\">&gt;<\/span>\n    <span class=\"token operator\">...<\/span>\n    <span class=\"token operator\">&lt;<\/span>p<span class=\"token operator\">&gt;<\/span> On<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<\/span>post<span class=\"token punctuation\">.<\/span>date<span class=\"token punctuation\">}<\/span> <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>p<span class=\"token operator\">&gt;<\/span>\n    <span class=\"token operator\">&lt;<\/span>p<span class=\"token operator\">&gt;<\/span> Last modified<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<\/span>post<span class=\"token punctuation\">.<\/span>modified<span class=\"token punctuation\">}<\/span> <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>p<span class=\"token operator\">&gt;<\/span>\n  <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n<span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>Layout<span class=\"token operator\">&gt;<\/span>\n<span class=\"token operator\">...<\/span>\n\n<span class=\"token keyword\">export<\/span> <span class=\"token keyword\">const<\/span> query <span class=\"token operator\">=<\/span> graphql`\n  <span class=\"token function\">query<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">$slug<span class=\"token punctuation\">:<\/span> String<span class=\"token operator\">!<\/span><\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token punctuation\">{<\/span>\n    allWordpressPost <span class=\"token punctuation\">{<\/span>\n      edges <span class=\"token punctuation\">{<\/span>\n        node <span class=\"token punctuation\">{<\/span>\n          <span class=\"token operator\">...<\/span>\n          <span class=\"token function\">modified<\/span><span class=\"token punctuation\">(<\/span>formatString<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"MM-DD-YYYY\"<\/span><span class=\"token punctuation\">)<\/span>\n        <span class=\"token punctuation\">}<\/span>\n      <span class=\"token punctuation\">}<\/span>\n    <span class=\"token punctuation\">}<\/span>\n  <span class=\"token punctuation\">}<\/span><\/code><\/pre>\n<p>\u3053\u308c\u3092\u8ffd\u52a0\u3059\u308b\u3068\u3001Gatsby\u306e\u30d6\u30ed\u30b0\u6295\u7a3f\u30da\u30fc\u30b8\u3067\u300c\u6700\u7d42\u66f4\u65b0\u65e5\u300d\u306e\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u304c\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2019\/10\/gatsby-post-with-last-modified-timestamp-3-1.png\" alt=\"\u300c\u6700\u7d42\u66f4\u65b0\u65e5\u300d\u306e\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u306e\u3042\u308b\u6295\u7a3f\" width=\"1500\" height=\"520\"><figcaption class=\"wp-caption-text\">\u300c\u6700\u7d42\u66f4\u65b0\u65e5\u300d\u306e\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u306e\u3042\u308b\u6295\u7a3f<\/figcaption><\/figure>\n\n<h2>\u307e\u3068\u3081<\/h2>\n<p>WordPress\u30b5\u30a4\u30c8\u3092Gatsby\u306e\u9759\u7684\u30b5\u30a4\u30c8\u306b\u5909\u63db\u3059\u308b\u3053\u3068\u306f\u3001\u96e3\u3057\u3044\u4f5c\u696d\u3067\u3059\u3002\u5909\u63db\u306e\u969b\u306b\u6b21\u306e\u624b\u9806\u306b\u5f93\u3044\u307e\u3059\u3002<\/p>\n<ul>\n<li>Gatsby\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u30b9\u30bf\u30fc\u30bf\u30fc\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3059\u308b<\/li>\n<li>GraphQL\u3092\u4f7f\u7528\u3057\u3066Gatsby\u3092WordPress\u306b\u63a5\u7d9a\u3059\u308b<\/li>\n<li>\u30d6\u30ed\u30b0\u6295\u7a3f\u7528\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u6210\u3059\u308b<\/li>\n<li>WordPress\u306e\u3059\u3079\u3066\u306e\u753b\u50cf\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b<\/li>\n<li>WordPress\u306e\u300c\u6700\u7d42\u66f4\u65b0\u65e5\u300d\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u3092\u8868\u793a\u3059\u308b<\/li>\n<\/ul>\n<p>\u3055\u3066\u3001\u3042\u306a\u305f\u306fGatsby\u3092\u8a66\u3057\u3066\u307f\u305f\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u304b\uff1f\u3069\u3046\u601d\u3044\u307e\u3057\u305f\u304b\uff1f\u30b3\u30e1\u30f3\u30c8\u3067\u3082\u66f8\u3044\u3066\u3001\u3054\u610f\u898b\u3092\u304a\u5bc4\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress\u30d9\u30fc\u30b9\u306e\u52d5\u7684\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306f\u6b21\u306e\u3088\u3046 &#8230;<\/p>\n","protected":false},"author":118,"featured_media":25922,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[168,169],"topic":[772,809],"class_list":["post-25921","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-headless","tag-serverless","topic-headless-cms","topic-static-site-generators"],"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>Gatsby\u3068WordPress\u3092\u4f7f\u7528\u3057\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u6982\u8981\uff08\u9ad8\u901f\u3067\u9759\u7684\uff09<\/title>\n<meta name=\"description\" content=\"\u30d8\u30c3\u30c9\u30ec\u30b9CMS\u306eGatsby\u3068WordPress\u306b\u3064\u3044\u3066\u3082\u3063\u3068\u77e5\u308a\u305f\u3044\u3067\u3059\u304b\uff1f\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001Gatsby\u3068WordPress\u3092\u6d3b\u7528\u3057\u305f\u8d85\u9ad8\u901f\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u4f5c\u6210\u65b9\u6cd5\u3092\u3054\u8aac\u660e\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\/gatsby-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gatsby\u3068WordPress\u3092\u4f7f\u7528\u3057\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u6982\u8981\uff08\u9ad8\u901f\u3067\u9759\u7684\uff09\" \/>\n<meta property=\"og:description\" content=\"\u30d8\u30c3\u30c9\u30ec\u30b9CMS\u306eGatsby\u3068WordPress\u306b\u3064\u3044\u3066\u3082\u3063\u3068\u77e5\u308a\u305f\u3044\u3067\u3059\u304b\uff1f\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001Gatsby\u3068WordPress\u3092\u6d3b\u7528\u3057\u305f\u8d85\u9ad8\u901f\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u4f5c\u6210\u65b9\u6cd5\u3092\u3054\u8aac\u660e\u3057\u307e\u3059\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/\" \/>\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=\"2020-01-31T08:25:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-28T09:34:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2020\/01\/gatsby-wordpress.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=\"Shaumik Daityari\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"\u30d8\u30c3\u30c9\u30ec\u30b9CMS\u306eGatsby\u3068WordPress\u306b\u3064\u3044\u3066\u3082\u3063\u3068\u77e5\u308a\u305f\u3044\u3067\u3059\u304b\uff1f\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001Gatsby\u3068WordPress\u3092\u6d3b\u7528\u3057\u305f\u8d85\u9ad8\u901f\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u4f5c\u6210\u65b9\u6cd5\u3092\u3054\u8aac\u660e\u3057\u307e\u3059\u3002\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2020\/01\/gatsby-wordpress.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=\"Shaumik Daityari\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/\"},\"author\":{\"name\":\"Shaumik Daityari\",\"@id\":\"https:\/\/kinsta.com\/jp\/#\/schema\/person\/9d2eef02950231307b3e89cc7c932036\"},\"headline\":\"Gatsby\u3068WordPress\u3092\u4f7f\u7528\u3057\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u6982\u8981\uff08\u9ad8\u901f\u3067\u9759\u7684\uff09\",\"datePublished\":\"2020-01-31T08:25:44+00:00\",\"dateModified\":\"2023-08-28T09:34:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/\"},\"wordCount\":307,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/jp\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2020\/01\/gatsby-wordpress.jpg\",\"keywords\":[\"headless\",\"serverless\"],\"articleSection\":[\"WordPress\u306e\u6700\u3082\u4fbf\u5229\u306a\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\"],\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/\",\"name\":\"Gatsby\u3068WordPress\u3092\u4f7f\u7528\u3057\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u6982\u8981\uff08\u9ad8\u901f\u3067\u9759\u7684\uff09\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/jp\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2020\/01\/gatsby-wordpress.jpg\",\"datePublished\":\"2020-01-31T08:25:44+00:00\",\"dateModified\":\"2023-08-28T09:34:34+00:00\",\"description\":\"\u30d8\u30c3\u30c9\u30ec\u30b9CMS\u306eGatsby\u3068WordPress\u306b\u3064\u3044\u3066\u3082\u3063\u3068\u77e5\u308a\u305f\u3044\u3067\u3059\u304b\uff1f\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001Gatsby\u3068WordPress\u3092\u6d3b\u7528\u3057\u305f\u8d85\u9ad8\u901f\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u4f5c\u6210\u65b9\u6cd5\u3092\u3054\u8aac\u660e\u3057\u307e\u3059\u3002\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2020\/01\/gatsby-wordpress.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2020\/01\/gatsby-wordpress.jpg\",\"width\":1460,\"height\":730,\"caption\":\"gatsby-wordpress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/jp\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u30d8\u30c3\u30c9\u30ec\u30b9CMS\",\"item\":\"https:\/\/kinsta.com\/jp\/topics\/headless-cms\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Gatsby\u3068WordPress\u3092\u4f7f\u7528\u3057\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u6982\u8981\uff08\u9ad8\u901f\u3067\u9759\u7684\uff09\"}]},{\"@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\/9d2eef02950231307b3e89cc7c932036\",\"name\":\"Shaumik Daityari\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/kinsta.com\/jp\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/feb5b18a7ac559ec6c8e8afcf96418ac?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/feb5b18a7ac559ec6c8e8afcf96418ac?s=96&d=mm&r=g\",\"caption\":\"Shaumik Daityari\"},\"description\":\"Shaumik is a data analyst by day, and a comic book enthusiast by night (or maybe, he's Batman?) Shaumik has been writing tutorials and creating screencasts for over five years. When not working, he's busy automating mundane daily tasks through meticulously written scripts!\",\"url\":\"https:\/\/kinsta.com\/jp\/blog\/author\/shaumikdaityari\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Gatsby\u3068WordPress\u3092\u4f7f\u7528\u3057\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u6982\u8981\uff08\u9ad8\u901f\u3067\u9759\u7684\uff09","description":"\u30d8\u30c3\u30c9\u30ec\u30b9CMS\u306eGatsby\u3068WordPress\u306b\u3064\u3044\u3066\u3082\u3063\u3068\u77e5\u308a\u305f\u3044\u3067\u3059\u304b\uff1f\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001Gatsby\u3068WordPress\u3092\u6d3b\u7528\u3057\u305f\u8d85\u9ad8\u901f\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u4f5c\u6210\u65b9\u6cd5\u3092\u3054\u8aac\u660e\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\/gatsby-wordpress\/","og_locale":"ja_JP","og_type":"article","og_title":"Gatsby\u3068WordPress\u3092\u4f7f\u7528\u3057\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u6982\u8981\uff08\u9ad8\u901f\u3067\u9759\u7684\uff09","og_description":"\u30d8\u30c3\u30c9\u30ec\u30b9CMS\u306eGatsby\u3068WordPress\u306b\u3064\u3044\u3066\u3082\u3063\u3068\u77e5\u308a\u305f\u3044\u3067\u3059\u304b\uff1f\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001Gatsby\u3068WordPress\u3092\u6d3b\u7528\u3057\u305f\u8d85\u9ad8\u901f\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u4f5c\u6210\u65b9\u6cd5\u3092\u3054\u8aac\u660e\u3057\u307e\u3059\u3002","og_url":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Japan-334616080691171\/","article_published_time":"2020-01-31T08:25:44+00:00","article_modified_time":"2023-08-28T09:34:34+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2020\/01\/gatsby-wordpress.jpg","type":"image\/jpeg"}],"author":"Shaumik Daityari","twitter_card":"summary_large_image","twitter_description":"\u30d8\u30c3\u30c9\u30ec\u30b9CMS\u306eGatsby\u3068WordPress\u306b\u3064\u3044\u3066\u3082\u3063\u3068\u77e5\u308a\u305f\u3044\u3067\u3059\u304b\uff1f\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001Gatsby\u3068WordPress\u3092\u6d3b\u7528\u3057\u305f\u8d85\u9ad8\u901f\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u4f5c\u6210\u65b9\u6cd5\u3092\u3054\u8aac\u660e\u3057\u307e\u3059\u3002","twitter_image":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2020\/01\/gatsby-wordpress.jpg","twitter_creator":"@Kinsta_JP","twitter_site":"@Kinsta_JP","twitter_misc":{"\u57f7\u7b46\u8005":"Shaumik Daityari","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"4\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/"},"author":{"name":"Shaumik Daityari","@id":"https:\/\/kinsta.com\/jp\/#\/schema\/person\/9d2eef02950231307b3e89cc7c932036"},"headline":"Gatsby\u3068WordPress\u3092\u4f7f\u7528\u3057\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u6982\u8981\uff08\u9ad8\u901f\u3067\u9759\u7684\uff09","datePublished":"2020-01-31T08:25:44+00:00","dateModified":"2023-08-28T09:34:34+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/"},"wordCount":307,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/jp\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2020\/01\/gatsby-wordpress.jpg","keywords":["headless","serverless"],"articleSection":["WordPress\u306e\u6700\u3082\u4fbf\u5229\u306a\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb"],"inLanguage":"ja","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/","url":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/","name":"Gatsby\u3068WordPress\u3092\u4f7f\u7528\u3057\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u6982\u8981\uff08\u9ad8\u901f\u3067\u9759\u7684\uff09","isPartOf":{"@id":"https:\/\/kinsta.com\/jp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2020\/01\/gatsby-wordpress.jpg","datePublished":"2020-01-31T08:25:44+00:00","dateModified":"2023-08-28T09:34:34+00:00","description":"\u30d8\u30c3\u30c9\u30ec\u30b9CMS\u306eGatsby\u3068WordPress\u306b\u3064\u3044\u3066\u3082\u3063\u3068\u77e5\u308a\u305f\u3044\u3067\u3059\u304b\uff1f\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001Gatsby\u3068WordPress\u3092\u6d3b\u7528\u3057\u305f\u8d85\u9ad8\u901f\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u4f5c\u6210\u65b9\u6cd5\u3092\u3054\u8aac\u660e\u3057\u307e\u3059\u3002","breadcrumb":{"@id":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2020\/01\/gatsby-wordpress.jpg","contentUrl":"https:\/\/kinsta.com\/jp\/wp-content\/uploads\/sites\/6\/2020\/01\/gatsby-wordpress.jpg","width":1460,"height":730,"caption":"gatsby-wordpress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/jp\/blog\/gatsby-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/jp\/"},{"@type":"ListItem","position":2,"name":"\u30d8\u30c3\u30c9\u30ec\u30b9CMS","item":"https:\/\/kinsta.com\/jp\/topics\/headless-cms\/"},{"@type":"ListItem","position":3,"name":"Gatsby\u3068WordPress\u3092\u4f7f\u7528\u3057\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u6982\u8981\uff08\u9ad8\u901f\u3067\u9759\u7684\uff09"}]},{"@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\/9d2eef02950231307b3e89cc7c932036","name":"Shaumik Daityari","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/kinsta.com\/jp\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/feb5b18a7ac559ec6c8e8afcf96418ac?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/feb5b18a7ac559ec6c8e8afcf96418ac?s=96&d=mm&r=g","caption":"Shaumik Daityari"},"description":"Shaumik is a data analyst by day, and a comic book enthusiast by night (or maybe, he's Batman?) Shaumik has been writing tutorials and creating screencasts for over five years. When not working, he's busy automating mundane daily tasks through meticulously written scripts!","url":"https:\/\/kinsta.com\/jp\/blog\/author\/shaumikdaityari\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/posts\/25921","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\/118"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/comments?post=25921"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/posts\/25921\/revisions"}],"predecessor-version":[{"id":25936,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/posts\/25921\/revisions\/25936"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/25921\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/25921\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/25921\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/25921\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/25921\/translations\/pt"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/25921\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/25921\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/25921\/translations\/jp"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/25921\/translations\/dk"},{"href":"https:\/\/kinsta.com\/jp\/wp-json\/kinsta\/v1\/posts\/25921\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/media\/25922"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/media?parent=25921"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/tags?post=25921"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/jp\/wp-json\/wp\/v2\/topic?post=25921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}