{"id":26129,"date":"2025-07-27T09:24:39","date_gmt":"2025-07-27T00:24:39","guid":{"rendered":"http:\/\/www.tyosuke20xx.com\/blog\/?p=26129"},"modified":"2025-07-27T09:24:40","modified_gmt":"2025-07-27T00:24:40","slug":"%e6%8e%a8%e3%81%97%e3%83%ad%e3%82%b0-%e6%8e%a8%e3%81%97%e6%b4%bb%e6%83%85%e5%a0%b1%e5%85%b1%e6%9c%89%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9","status":"publish","type":"post","link":"http:\/\/www.tyosuke20xx.com\/blog\/?p=26129","title":{"rendered":"\u63a8\u3057\u30ed\u30b0 – \u63a8\u3057\u6d3b\u60c5\u5831\u5171\u6709\u30b5\u30fc\u30d3\u30b9"},"content":{"rendered":"\n
<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>\u63a8\u3057\u30ed\u30b0 - \u63a8\u3057\u6d3b\u60c5\u5831\u5171\u6709\u30b5\u30fc\u30d3\u30b9<\/title>\n  <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<\/head>\n<body class=\"bg-gradient-to-r from-purple-200 to-indigo-200\">\n\n  <!-- \u30d8\u30c3\u30c0\u30fc -->\n  <header class=\"bg-purple-600 text-white p-4 shadow-lg\">\n    <div class=\"container mx-auto flex justify-between items-center\">\n      <h1 class=\"text-3xl font-bold\"><i class=\"fa-solid fa-heart mr-2\"><\/i>\u63a8\u3057\u30ed\u30b0<\/h1>\n      <nav class=\"space-x-4\">\n        <a href=\"#\" class=\"hover:text-gray-200\">\u30db\u30fc\u30e0<\/a>\n        <a href=\"#\" class=\"hover:text-gray-200\">\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb<\/a>\n        <a href=\"#\" class=\"hover:text-gray-200\">\u30cb\u30e5\u30fc\u30b9<\/a>\n        <a href=\"#\" class=\"hover:text-gray-200\">\u30ed\u30b0\u30a4\u30f3<\/a>\n      <\/nav>\n    <\/div>\n  <\/header>\n\n  <!-- \u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4 -->\n  <main class=\"container mx-auto my-8 px-4\">\n\n    <!-- \u63a8\u3057\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb -->\n    <section class=\"bg-white p-8 rounded-xl shadow-xl mb-8\">\n      <h2 class=\"text-2xl font-bold border-b pb-2 mb-4\"><i class=\"fa-regular fa-calendar mr-2\"><\/i>\u4eca\u6708\u306e\u63a8\u3057\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb<\/h2>\n      <ul class=\"space-y-3\">\n        <li class=\"flex justify-between items-center p-4 bg-gray-50 rounded-lg shadow\">\n          <span class=\"font-semibold\">\u30e9\u30a4\u30d6\u914d\u4fe1\u300c\u63a8\u3057\u306e\u90e8\u5c4b\u300d<\/span>\n          <span class=\"text-gray-500\">8\/10(\u6728) 20:00\u301c<\/span>\n        <\/li>\n        <li class=\"flex justify-between items-center p-4 bg-gray-50 rounded-lg shadow\">\n          <span class=\"font-semibold\">\u30cb\u30e5\u30fc\u30b7\u30f3\u30b0\u30eb\u767a\u58f2\u65e5\uff01<\/span>\n          <span class=\"text-gray-500\">8\/15(\u706b)<\/span>\n        <\/li>\n        <li class=\"flex justify-between items-center p-4 bg-gray-50 rounded-lg shadow\">\n          <span class=\"font-semibold\">\u30d5\u30a1\u30f3\u30af\u30e9\u30d6\u9650\u5b9a\u30a4\u30d9\u30f3\u30c8<\/span>\n          <span class=\"text-gray-500\">8\/25(\u91d1) 18:30\u301c<\/span>\n        <\/li>\n      <\/ul>\n      <button class=\"mt-4 bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded\">\u3082\u3063\u3068\u898b\u308b<\/button>\n    <\/section>\n\n    <!-- \u6700\u65b0\u63a8\u3057\u30cb\u30e5\u30fc\u30b9 -->\n    <section class=\"bg-white p-8 rounded-xl shadow-xl mb-8\">\n      <h2 class=\"text-2xl font-bold border-b pb-2 mb-4\"><i class=\"fa-solid fa-newspaper mr-2\"><\/i>\u6700\u65b0\u63a8\u3057\u30cb\u30e5\u30fc\u30b9<\/h2>\n      <article class=\"mb-6 border-b pb-4\">\n        <h3 class=\"font-semibold text-purple-700 mb-1\">\u63a8\u3057\u306e\u65b0\u66f2MV\u304c\u516c\u958b\uff01<\/h3>\n        <p class=\"text-gray-600\">\u5f85\u671b\u306e\u65b0\u66f2MV\u304c\u516c\u5f0fYouTube\u30c1\u30e3\u30f3\u30cd\u30eb\u306b\u3066\u516c\u958b\u3055\u308c\u307e\u3057\u305f\uff01\u8996\u8074\u6570\u3082\u6025\u4e0a\u6607\u4e2d\uff01<\/p>\n        <a href=\"#\" class=\"text-blue-500 hover:underline\">\u8a73\u3057\u304f\u898b\u308b <i class=\"fa-solid fa-arrow-right ml-1\"><\/i><\/a>\n      <\/article>\n\n      <article>\n        <h3 class=\"font-semibold text-purple-700 mb-1\">\u63a8\u3057\u3001\u30c6\u30ec\u30d3\u756a\u7d44\u306b\u51fa\u6f14\u6c7a\u5b9a\uff01<\/h3>\n        <p class=\"text-gray-600\">8\/12(\u571f)\u306e\u300c\u97f3\u697d\u30d0\u30ba\u300d\u306b\u30b2\u30b9\u30c8\u51fa\u6f14\u4e88\u5b9a\u3067\u3059\u3002\u7279\u5225\u30c8\u30fc\u30af\u3082\u304a\u697d\u3057\u307f\u306b\uff01<\/p>\n        <a href=\"#\" class=\"text-blue-500 hover:underline\">\u8a73\u3057\u304f\u898b\u308b <i class=\"fa-solid fa-arrow-right ml-1\"><\/i><\/a>\n      <\/article>\n      <button class=\"mt-4 bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded\">\u3082\u3063\u3068\u898b\u308b<\/button>\n    <\/section>\n\n    <!-- \u63a8\u3057\u30e1\u30f3\u30d0\u30fc\u7d39\u4ecb -->\n    <section class=\"bg-white p-8 rounded-xl shadow-xl\">\n      <h2 class=\"text-2xl font-bold border-b pb-2 mb-4\"><i class=\"fa-solid fa-user-group mr-2\"><\/i>\u63a8\u3057\u30e1\u30f3\u30d0\u30fc\u7d39\u4ecb<\/h2>\n      <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <div class=\"text-center\">\n          <img src=\"https:\/\/via.placeholder.com\/150\" class=\"rounded-full mx-auto mb-2\" alt=\"\u63a8\u30571\">\n          <h3 class=\"font-semibold\">\u63a8\u3057\u30e1\u30f31<\/h3>\n        <\/div>\n        <div class=\"text-center\">\n          <img src=\"https:\/\/via.placeholder.com\/150\" class=\"rounded-full mx-auto mb-2\" alt=\"\u63a8\u30572\">\n          <h3 class=\"font-semibold\">\u63a8\u3057\u30e1\u30f32<\/h3>\n        <\/div>\n        <div class=\"text-center\">\n          <img src=\"https:\/\/via.placeholder.com\/150\" class=\"rounded-full mx-auto mb-2\" alt=\"\u63a8\u30573\">\n          <h3 class=\"font-semibold\">\u63a8\u3057\u30e1\u30f33<\/h3>\n        <\/div>\n        <div class=\"text-center\">\n          <img src=\"https:\/\/via.placeholder.com\/150\" class=\"rounded-full mx-auto mb-2\" alt=\"\u63a8\u30574\">\n          <h3 class=\"font-semibold\">\u63a8\u3057\u30e1\u30f34<\/h3>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <!-- \u30d5\u30c3\u30bf\u30fc -->\n  <footer class=\"bg-gray-900 text-white text-center py-4 mt-8\">\n    <p class=\"text-sm\">\u00a9 2024 \u63a8\u3057\u30ed\u30b0. All rights reserved.<\/p>\n  <\/footer>\n\n<\/body>\n<\/html>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[55,80,6,87],"tags":[],"class_list":["post-26129","post","type-post","status-publish","format-standard","hentry","category-ai","category-html","category-web"],"aioseo_notices":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26129"}],"version-history":[{"count":1,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26129\/revisions"}],"predecessor-version":[{"id":26130,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26129\/revisions\/26130"}],"wp:attachment":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=26129"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=26129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}