{"id":573,"date":"2017-03-29T14:12:55","date_gmt":"2017-03-29T05:12:55","guid":{"rendered":"http:\/\/www.takaya-com.jp\/archives\/?p=573"},"modified":"2017-03-29T14:12:55","modified_gmt":"2017-03-29T05:12:55","slug":"fullscreen-pageflip-layout","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2017\/03\/fullscreen-pageflip-layout\/","title":{"rendered":"jQuery\u3067\u30da\u30fc\u30b8\u3092\u3081\u304f\u308b\u52b9\u679c\u3092\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f"},"content":{"rendered":"<p><!-- \u672c\u6587 --><\/p>\n<p>\u30da\u30fc\u30b8\u3092\u3081\u304f\u308b\u3088\u3046\u306a\u8868\u793a\u3092\u3059\u308bJavaScript\u3067\u3059\u3002<br \/>\n\u8907\u6570\u306ejQuery\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u96fb\u5b50\u66f8\u7c4d\u30d3\u30e5\u30fc\u30a2\u306a\u3069\u3067\u3001\u4f3c\u305f\u3088\u3046\u306a\u52b9\u679c\u304c\u3088\u304f\u4f7f\u308f\u308c\u3066\u3044\u307e\u3059\u3002<br \/>\n\u6587\u5b57\u3060\u3051\u3067\u306a\u304f\u3001\u753b\u50cf\u304c\u5165\u3063\u305f\u30da\u30fc\u30b8\u3082\u8868\u793a\u3067\u304d\u307e\u3059\u3002<\/p>\n<p><!--more--><br \/>\n\u2193\u4ee5\u4e0b\u304c\u5b9f\u969b\u306e\u30bd\u30fc\u30b9\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<\/p>\n<p>\u25bcJavaScript<\/p>\n<pre class=\"lang:js decode:true \" title=\"JavaScript\" >\r\n<head>\r\n\t<script src=\"js\/modernizr.custom.79639.js\"><\/script>\r\n<\/head>\r\n\t<script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.8.3\/jquery.min.js\"><\/script>\r\n\t<script src=\"js\/jquery.mousewheel.js\"><\/script>\r\n\t<script src=\"js\/jquery.jscrollpane.min.js\"><\/script>\r\n\t<script src=\"js\/jquerypp.custom.js\"><\/script>\r\n\t<script src=\"js\/jquery.bookblock.js\"><\/script>\r\n\t<script src=\"js\/page.js\"><\/script>\r\n\t<script>\r\n\t\t\t$(function() {\r\n\t\t\t\tPage.init();\r\n\t\t\t});\r\n\t<\/script>\r\n<\/pre>\n<p>\u25bcCSS<\/p>\n<pre class=\"lang:css decode:true \" title=\"CSS\" >\r\n<style type=\"text\/css\">\r\n@import url(http:\/\/fonts.googleapis.com\/css?family=Lato:300,400,700);\r\n\r\nhtml { height: 100%; }\r\n\r\n*,\r\n*:after,\r\n*:before {\r\n\t-webkit-box-sizing: border-box;\r\n\t-moz-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\nbody {\r\n\tfont-family: 'Lato', Calibri, Arial, sans-serif;\r\n\tbackground: #fff;\r\n\tfont-weight: 400;\r\n\tfont-size: 100%;\r\n\tcolor: #333;\r\n\theight: 100%;\r\n}\r\n\r\n.js body {\r\n\toverflow: hidden;\r\n}\r\n\r\na {\r\n\tcolor: #555;\r\n\ttext-decoration: none;\r\n\toutline: none;\r\n}\r\n\r\na:hover {\r\n\tcolor: #000;\r\n}\r\n\r\n.container,\r\n.bb-custom-wrapper,\r\n.bb-bookblock {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.container {\r\n\tposition: relative;\r\n\tleft: 0px;\r\n\t-webkit-transition: left 0.3s ease-in-out;\r\n\t-o-transition: left 0.3s ease-in-out;\r\n\ttransition: left 0.3s ease-in-out;\r\n}\r\n\r\n.slideRight {\r\n\tleft: 240px;\r\n}\r\n\r\n.no-js .container {\r\n\tpadding-left: 240px;\r\n}\r\n\r\n.menu-panel {\r\n\tbackground: #f1103a;\r\n\twidth: 240px;\r\n\theight: 100%;\r\n\tposition: fixed;\r\n\tz-index: 1000;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\ttext-shadow: 0 1px 1px rgba(0,0,0,0.1);\r\n}\r\n\r\n.js .menu-panel {\r\n\tposition: absolute;\r\n\tleft: -240px;\r\n}\r\n\r\n.menu-panel h3 {\r\n\tfont-size: 1.8em;\r\n\tpadding: 20px;\r\n\tfont-weight: 300;\r\n\tcolor: #fff;\r\n\tbox-shadow: inset 0 -1px 0 rgba(0,0,0,0.05);\r\n} \r\n\r\n.menu-toc {\r\n\tlist-style: none;\r\n}\r\n\r\n.menu-toc li a {\r\n\tdisplay: block;\r\n\tcolor: #fff;\r\n\tfont-size: 1.0em;\r\n\tline-height: 3.5;\r\n\tpadding: 0 20px;\r\n\tcursor: pointer;\r\n\tbackground: #f1103a;\r\n\tborder-bottom: 1px solid #dd1338;\r\n}\r\n\r\n.menu-toc li a:hover,\r\n.menu-toc li.menu-toc-current a{\r\n\tbackground: #dd1338;\r\n}\r\n\r\n.menu-panel div {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n.menu-panel div a {\r\n\ttext-transform: uppercase;\r\n\tfont-size: 0.7em;\r\n\tline-height: 1;\r\n\tpadding: 5px 20px;\r\n\tdisplay: block;\r\n\tborder: none;\r\n\tcolor: #bc0b0b;\r\n\tletter-spacing: 1px;\r\n\tfont-weight: 800;\r\n\ttext-shadow: 0 1px rgba(255,255,255,0.2);\r\n} \r\n\r\n.menu-panel div a:hover {\r\n\tbackground: inherit;\r\n\tcolor: #fff;\r\n\ttext-shadow: none;\r\n}\r\n\r\n.bb-custom-wrapper nav {\r\n\ttop: 20px;\r\n\tleft: 60px;\r\n\tposition: absolute;\r\n\tz-index: 1000;\r\n}\r\n\r\n.bb-custom-wrapper nav span,\r\n.menu-button {\r\n\tposition: absolute;\r\n\twidth: 32px;\r\n\theight: 32px;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tbackground: #f1103a;\r\n\tborder-radius: 50%;\r\n\tcolor: #fff;\r\n\tline-height: 30px;\r\n\ttext-align: center;\r\n\tspeak: none;\r\n\tfont-weight: bold;\r\n\tcursor: pointer;\r\n}\r\n\r\n.bb-custom-wrapper nav span:hover,\r\n.menu-button:hover {\r\n\tbackground: #000;\r\n}\r\n\r\n.bb-custom-wrapper nav span:last-child {\r\n\tleft: 40px;\r\n}\r\n\r\n.menu-button {\r\n\tz-index: 1000;\r\n\tleft: 20px;\r\n\ttop: 20px;\r\n\ttext-indent: -9000px;\r\n}\r\n\r\n.menu-button:after {\r\n\tposition: absolute;\r\n\tcontent: '';\r\n\twidth: 50%;\r\n\theight: 2px;\r\n\tbackground: #fff;\r\n\ttop: 50%;\r\n\tmargin-top: -1px;\r\n\tleft: 25%;\r\n\tbox-shadow: 0 -4px #fff, 0 4px #fff;\r\n}\r\n\r\n.no-js .bb-custom-wrapper nav span,\r\n.no-js .menu-button {\r\n\tdisplay: none;\r\n}\r\n\r\n.js .content {\r\n\tposition: absolute;\r\n\ttop: 60px;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\tbottom: 50px;\r\n\toverflow: hidden;\r\n\t-webkit-font-smoothing: subpixel-antialiased;\r\n}\r\n\r\n.scroller {\r\n\tpadding: 10px 5% 10px 5%;\r\n}\r\n\r\n.js .content:before,\r\n.js .content:after {\r\n\tcontent: '';\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 20px;\r\n\tz-index: 100;\r\n\tpointer-events: none;\r\n\tbackground: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\r\n\tbackground: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\r\n\tbackground: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\r\n\tbackground: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\r\n}\r\n\r\n.js .content:after {\r\n\ttop: auto;\r\n\tbottom: 0;\r\n\tbackground: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\r\n\tbackground: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\r\n\tbackground: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\r\n\tbackground: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\r\n}\r\n\r\n.content h2 {\r\n\tfont-weight: 300;\r\n\tfont-size: 3em;\r\n\tpadding: 0 0 10px;\r\n\tcolor: #333;\r\n\tmargin: 0 1% 40px;\r\n\ttext-align: left;\r\n\tbox-shadow: 0 10px 0 rgba(0,0,0,0.02);\r\n\ttext-shadow: 0 0 2px #fff;\r\n}\r\n\r\n.no-js .content h2 {\r\n\tpadding: 40px 1% 20px;\r\n}\r\n\r\n.content p {\r\n\tfont-size: 1.2em;\r\n\tline-height: 1.6;\r\n\tfont-weight: 300;\r\n\tpadding: 5px 8%;\r\n\ttext-align: justify;\r\n}\r\n.content #logo {\r\n\twidth:300px;\t\r\n\ttext-align: left;\r\n\tmargin-left:auto;\r\n\tmargin-right:auto;\r\n}\r\n.content .last{\r\n\ttext-align: center;\r\n}\r\n.center {\r\n\ttext-align:center;\r\n\tmargin-left:auto;\r\n\tmargin-right:auto;\r\n\t}\r\n\r\n@media screen and (max-width: 800px){\r\n\t.no-js .menu-panel {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.no-js .container {\r\n\t\tpadding: 0;\r\n\t}\r\n}\r\n\r\n@media screen and (max-width: 400px){\r\n\t.menu-panel,\r\n\t.content {\r\n\t\tfont-size: 75%;\r\n\t}\r\n}\r\n<\/style>\r\n<\/pre>\n<p>\u25bcHTML<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"\u25bcHTML\" >\r\n\r\n<!DOCTYPE html>\r\n<html lang=\"jp\" class=\"no-js\">\r\n\t<head>\r\n\t\t<meta charset=\"UTF-8\" \/>\r\n\t\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\"> \r\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> \r\n\t\t<title>\u30a4\u30f3\u30c6\u30ea\u30a2\u30fb\u30c7\u30b6\u30a4\u30f3<\/title>\r\n\t\t<meta name=\"keywords\" content=\"fullscreen pageflip, booklet, layout, bookblock, jquery plugin, flipboard layout, sidebar menu\" \/>\r\n\t\t<link rel=\"shortcut icon\" href=\"..\/favicon.ico\"> \r\n\t\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"css\/jquery.jscrollpane.custom.css\" \/>\r\n\t\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"css\/bookblock.css\" \/>\r\n\t\t<link rel=\"stylesheet\" type=\"text\/css\" href=\"css\/custom.css\" \/>\r\n\t\t<script src=\"js\/modernizr.custom.79639.js\"><\/script>\r\n\t<\/head>\r\n\t<body>\r\n\t\t<div id=\"container\" class=\"container\">\t\r\n\r\n\t\t\t<div class=\"menu-panel\">\r\n\t\t\t\t<h3>\u30a4\u30f3\u30c6\u30ea\u30a2\u30fb\u30c7\u30b6\u30a4\u30f3<\/h3>\r\n\t\t\t\t<ul id=\"menu-toc\" class=\"menu-toc\">\r\n\t\t\t\t\t<li class=\"menu-toc-current\"><a href=\"#item1\">\u65b0\u751f\u6d3b\u306e\u3054\u63d0\u6848<\/a><\/li>\r\n\t\t\t\t\t<li><a href=\"#item2\">\u30ea\u30d3\u30f3\u30b01<\/a><\/li>\r\n\t\t\t\t\t<li><a href=\"#item3\">\u30ea\u30d3\u30f3\u30b02<\/a><\/li>\r\n\t\t\t\t\t<li><a href=\"#item4\">\u30ad\u30c3\u30c1\u30f3<\/a><\/li>\r\n\t\t\t\t\t<li><a href=\"#item5\">\u6d77\u6cbf\u3044\u306e\u90e8\u5c4b<\/a><\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"bb-custom-wrapper\">\r\n\t\t\t\t<div id=\"bb-bookblock\" class=\"bb-bookblock\">\r\n\t\t\t\t\t<div class=\"bb-item\" id=\"item1\">\r\n\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t<div class=\"scroller\">\r\n\t\t\t\t\t\t\t\t<h2>\u65b0\u751f\u6d3b\u306e\u3054\u63d0\u6848<\/h2>\r\n                                <p>\u3053\u308c\u304b\u3089\u306e\u5bb6\u306f\u3001\u30a8\u30cd\u30eb\u30ae\u30fc\u3092\u81ea\u7d66\u81ea\u8db3\u3002\u30bd\u30fc\u30e9\u30fc\u30d1\u30cd\u30eb\u3067\u767a\u96fb\u3057\u307e\u3059\u3002<\/p>\r\n\t\t\t\t\t\t\t\t<p class=\"scroller last\"><img decoding=\"async\" src=\"img\/01.jpg\"><\/p>                                                              \r\n\t\t\t\t\t\t  <\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bb-item\" id=\"item2\">\r\n\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t<div class=\"scroller\">\r\n\t\t\t\t\t\t\t\t<h2>\u30ea\u30d3\u30f3\u30b01<\/h2>\r\n\t\t\t\t\t\t\t\t<p>\u3086\u3063\u305f\u308a\u3068\u3057\u305f\u30ea\u30d3\u30f3\u30b0\u3092\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\r\n\r\n\t\t\t\t\t\t\t\t<p>\u30d5\u30ed\u30fc\u30ea\u30f3\u30b0\u306e\u7a7a\u9593\u306b\u3001\u30bd\u30d5\u30a1\u30fc\u30bb\u30c3\u30c8\u3068\u89b3\u8449\u690d\u7269\u306f\u3044\u304b\u304c\u3067\u3059\u304b\uff1f<\/p>\r\n                                \r\n                                <p class=\"scroller last\"><img decoding=\"async\" src=\"img\/02.jpg\"><\/p>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bb-item\" id=\"item3\">\r\n\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t<div class=\"scroller\">\r\n\t\t\t\t\t\t\t\t<h2>\u30ea\u30d3\u30f3\u30b02<\/h2>\r\n\r\n\t\t\t\t\t\t\t\t<p>\u304f\u3064\u308d\u3052\u308b\u90e8\u5c4b\u3067\u3042\u308a\u305f\u3044\u3002<\/p>\r\n\r\n\t\t\t\t\t\t\t\t<p>\u305d\u308c\u304c\u79c1\u305f\u3061\u306e\u8003\u3048\u308b\u30ea\u30d3\u30f3\u30b0\u3067\u3059\u3002<\/p>\r\n                                \r\n                                <p class=\"scroller last\"><img decoding=\"async\" src=\"img\/03.jpg\"><\/p>\r\n                                \r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bb-item\" id=\"item4\">\r\n\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t<div class=\"scroller\">\r\n\t\t\t\t\t\t\t\t<h2>\u30ad\u30c3\u30c1\u30f3<\/h2>\r\n\t\t\t\t\t\t\t\t<p>\u4f7f\u3044\u6613\u3055\u306f\u91cd\u8981\u3067\u3059\u3002<\/p>\r\n\r\n\t\t\t\t\t\t\t\t<p>\u672c\u8cea\u3092\u304d\u3063\u3061\u308a\u6349\u3048\u3001\u4f7f\u3044\u3084\u3059\u3044\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u3042\u308b\u3053\u3068\u3002<\/p>\r\n\r\n\t\t\t\t\t\t\t\t<p>\u305f\u3068\u3048\u6642\u4ee3\u306f\u5909\u308f\u3063\u3066\u3082\u3001\u300c\u6c17\u914d\u308a\u300d\u306e\u5fc3\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\r\n                                \r\n                                <p class=\"scroller last\"><img decoding=\"async\" src=\"img\/04.jpg\"><\/p>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"bb-item\" id=\"item5\">\r\n\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t<div class=\"scroller\">\r\n\t\t\t\t\t\t\t\t<h2 class=\"scroller last\">\u6d77\u304c\u898b\u3048\u308b\u90e8\u5c4b<\/h2>\r\n\t\t\t\t\t\t\t\t<p class=\"scroller last\">\u6d77\u304c\u898b\u3048\u308b\u90e8\u5c4b\u306f\u3001\u3044\u304b\u304c\u3067\u3059\u304b\uff1f<\/p>\r\n\r\n\t\t\t\t\t\t\t\t<p class=\"scroller last\">\u7f8e\u3057\u3044\u98a8\u666f\u306f\u3001\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u306a\u767a\u60f3\u3092\u751f\u307f\u51fa\u3057\u307e\u3059<\/p>\r\n\r\n\t\t\t\t\t\t\t\t<p class=\"scroller last\"><img decoding=\"async\" src=\"img\/05.jpg\"><\/p>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<nav>\r\n\t\t\t\t\t<span id=\"bb-nav-prev\">&larr;<\/span>\r\n\t\t\t\t\t<span id=\"bb-nav-next\">&rarr;<\/span>\r\n\t\t\t\t<\/nav>\r\n\r\n\t\t\t\t<span id=\"tblcontents\" class=\"menu-button\">Table of Contents<\/span>\r\n\r\n\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t<\/div><!-- \/container -->\r\n\t\t<script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.8.3\/jquery.min.js\"><\/script>\r\n\t\t<script src=\"js\/jquery.mousewheel.js\"><\/script>\r\n\t\t<script src=\"js\/jquery.jscrollpane.min.js\"><\/script>\r\n\t\t<script src=\"js\/jquerypp.custom.js\"><\/script>\r\n\t\t<script src=\"js\/jquery.bookblock.js\"><\/script>\r\n\t\t<script src=\"js\/page.js\"><\/script>\r\n\t\t<script>\r\n\t\t\t$(function() {\r\n\t\t\t\tPage.init();\r\n\t\t\t});\r\n\t\t<\/script>\r\n\t<\/body>\r\n<\/html>\r\n\r\n<\/pre>\n<p>\u4eca\u56de\u3001\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u306e\u306f\u3001\u6b21\u306eweb\u30b5\u30a4\u30c8\u3067\u3059\u3002<br \/>\n\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<br \/>\n<a href=\"https:\/\/tympanus.net\/codrops\/2012\/12\/11\/fullscreen-pageflip-layout\/\" target=\"_blank\">Fullscreen Pageflip Layout<\/a><br \/>\n<a href=\"http:\/\/www.takaya-com.jp\/archives\/demo\/fullscreenbookblock\/\" target=\"_blank\">\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30da\u30fc\u30b8\u3092\u3081\u304f\u308b\u3088\u3046\u306a\u8868\u793a\u3092\u3059\u308bJavaScript\u3067\u3059\u3002 \u8907\u6570\u306ejQuery\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002 \u96fb\u5b50\u66f8\u7c4d\u30d3\u30e5\u30fc\u30a2\u306a\u3069\u3067\u3001\u4f3c\u305f\u3088\u3046\u306a\u52b9\u679c\u304c\u3088\u304f\u4f7f\u308f\u308c\u3066\u3044\u307e\u3059\u3002 \u6587\u5b57\u3060\u3051\u3067\u306a\u304f\u3001\u753b\u50cf\u304c\u5165\u3063\u305f\u30da\u30fc\u30b8\u3082\u8868\u793a\u3067\u304d\u307e\u3059\u3002<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/573"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=573"}],"version-history":[{"count":21,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/573\/revisions"}],"predecessor-version":[{"id":594,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/573\/revisions\/594"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}