{"title":"\u81ea\u5206\u3067\u5c0f\u8aac\u30b5\u30a4\u30c8\u3092\u4f5c\u308c\u306a\u3044\u304b","author_url":"https://blog.hatena.ne.jp/kyukyunyorituryo/","version":"1.0","blog_url":"https://99nyorituryo.hatenablog.com/","url":"https://99nyorituryo.hatenablog.com/entry/2026/05/31/014632","blog_title":"KDP(\u96fb\u5b50\u51fa\u7248)\u306e\u30e1\u30e2\u3000\u6025\u6025\u5982\u5f8b\u4ee4","height":"190","author_name":"kyukyunyorituryo","categories":["javascript"],"type":"rich","published":"2026-05-31 01:46:32","image_url":null,"width":"100%","description":"github.com You: astro\u306f\u72ec\u81ea\u306ehtml\u30ec\u30f3\u30c0\u30fc\u3092\u4f7f\u3063\u3066\u30b5\u30a4\u30c8\u3092\u4f5c\u308c\u308b\u304b ChatGPT: \u306f\u3044\u3001Astro\u306f\u304b\u306a\u308a\u81ea\u7531\u306b\u72ec\u81eaHTML\u30ec\u30f3\u30c0\u30fc\u3092\u4f7f\u3048\u307e\u3059\u3002 Astro\u81ea\u4f53\u304c\uff1a \u300cHTML\u3092\u751f\u6210\u3059\u308b\u4ed5\u7d44\u307f\u300d \u300c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u9759\u7684HTML\u3078\u5909\u63db\u3059\u308b\u4ed5\u7d44\u307f\u300d \u306a\u306e\u3067\u3001\u901a\u5e38\u306eMarkdown/MDX\u3060\u3051\u3067\u306a\u304f\u3001 \u72ec\u81ea\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8 \u72ec\u81ea\u30ec\u30f3\u30c0\u30e9\u30fc \u72ec\u81eaDSL JSON\u2192HTML EPUB\u30e1\u30bf\u30c7\u30fc\u30bf\u2192HTML \u307f\u305f\u3044\u306a\u7528\u9014\u306b\u975e\u5e38\u306b\u5411\u3044\u3066\u3044\u307e\u3059\u3002 \u4ee3\u8868\u7684\u306a\u65b9\u6cd5 1. \u666e\u901a\u306b .astro \u3067\u72ec\u81eaHTML\u751f\u6210 \u4e00\u756a\u7c21\u5358\u3002 --- const book = Astro.props.book;\u2026","provider_name":"Hatena Blog","provider_url":"https://hatena.blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2F99nyorituryo.hatenablog.com%2Fentry%2F2026%2F05%2F31%2F014632\" title=\"\u81ea\u5206\u3067\u5c0f\u8aac\u30b5\u30a4\u30c8\u3092\u4f5c\u308c\u306a\u3044\u304b - KDP(\u96fb\u5b50\u51fa\u7248)\u306e\u30e1\u30e2\u3000\u6025\u6025\u5982\u5f8b\u4ee4\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>"}