{"id":9222,"date":"2025-12-23T13:22:28","date_gmt":"2025-12-23T04:22:28","guid":{"rendered":"https:\/\/rakkokeyword.com\/techo\/?p=9222"},"modified":"2026-01-30T10:48:44","modified_gmt":"2026-01-30T01:48:44","slug":"tool-event-countdown","status":"publish","type":"post","link":"https:\/\/rakkokeyword.com\/techo\/tool-event-countdown\/","title":{"rendered":"\u30ab\u30a6\u30f3\u30c8\u30c0\u30a6\u30f3\u30bf\u30a4\u30de\u30fc"},"content":{"rendered":"\n<div id=\"cdtimer_container\">\n  <style>\n    #cdtimer_container {\n      width: 100%;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      color: #333;\n    }\n    \n    \/* \u30ab\u30a6\u30f3\u30c8\u30c0\u30a6\u30f3\u8868\u793a\u30a8\u30ea\u30a2 *\/\n    .cdtimer_display {\n      background: #13284B;\n      padding: 40px 20px;\n      border-radius: 12px;\n      text-align: center;\n      margin-bottom: 20px;\n    }\n    \n    .cdtimer_title {\n      font-size: 28px;\n      font-weight: bold;\n      color: white;\n      margin-bottom: 8px;\n      word-wrap: break-word;\n    }\n    \n    .cdtimer_target_info {\n      font-size: 14px;\n      color: rgba(255,255,255,0.9);\n      margin-bottom: 30px;\n    }\n    \n    .cdtimer_countdown {\n      display: flex;\n      justify-content: center;\n      gap: 15px;\n      flex-wrap: wrap;\n      margin: 30px 0;\n    }\n    \n    .cdtimer_unit {\n      background: rgba(255,255,255,0.15);\n      border-radius: 12px;\n      padding: 20px 15px;\n      min-width: 80px;\n    }\n    \n    .cdtimer_number {\n      font-size: 48px;\n      font-weight: bold;\n      color: white;\n      line-height: 1;\n      font-variant-numeric: tabular-nums;\n    }\n    \n    .cdtimer_label {\n      font-size: 13px;\n      color: rgba(255,255,255,0.8);\n      margin-top: 8px;\n      font-weight: 500;\n    }\n    \n    .cdtimer_finished_message {\n      font-size: 36px;\n      font-weight: bold;\n      color: white;\n      padding: 40px 20px;\n    }\n    \n    \/* \u30a2\u30af\u30b7\u30e7\u30f3\u30dc\u30bf\u30f3 *\/\n    .cdtimer_actions {\n      display: flex;\n      gap: 10px;\n      margin-bottom: 20px;\n      flex-wrap: wrap;\n    }\n    \n    .cdtimer_action_btn {\n      flex: 1;\n      min-width: 140px;\n      height: 48px;\n      background: #13284B;\n      color: white;\n      border: none;\n      border-radius: 8px;\n      font-size: 15px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: opacity 0.2s;\n    }\n    \n    .cdtimer_action_btn:hover {\n      opacity: 0.9;\n    }\n    \n    .cdtimer_action_btn.settings {\n      background: #666;\n    }\n    \n    \/* \u8a2d\u5b9a\u30d1\u30cd\u30eb *\/\n    .cdtimer_settings_panel {\n      background: #f9f9f9;\n      border-radius: 12px;\n      padding: 20px;\n      margin-bottom: 20px;\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.3s ease, padding 0.3s ease;\n    }\n    \n    .cdtimer_settings_panel.open {\n      max-height: 2000px;\n      padding: 20px;\n    }\n    \n    .cdtimer_settings_panel.closed {\n      padding: 0 20px;\n    }\n    \n    .cdtimer_section {\n      margin-bottom: 25px;\n    }\n    \n    .cdtimer_section_title {\n      font-size: 16px;\n      font-weight: bold;\n      margin-bottom: 12px;\n      color: #13284B;\n    }\n    \n    \/* \u30d7\u30ea\u30bb\u30c3\u30c8\u30dc\u30bf\u30f3 *\/\n    .cdtimer_presets {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n      gap: 10px;\n      margin-bottom: 20px;\n    }\n    \n    .cdtimer_preset_btn {\n      height: 44px;\n      background: white;\n      border: 2px solid #13284B;\n      border-radius: 8px;\n      color: #13284B;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n    \n    .cdtimer_preset_btn:hover {\n      background: #13284B;\n      color: white;\n    }\n    \n    .cdtimer_preset_btn.active {\n      background: #13284B;\n      color: white;\n    }\n    \n    \/* \u8a73\u7d30\u8a2d\u5b9a\u306e\u6298\u308a\u305f\u305f\u307f *\/\n    .cdtimer_advanced_toggle {\n      background: white;\n      border: 1px solid #ddd;\n      border-radius: 8px;\n      padding: 12px 16px;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 15px;\n      transition: background 0.2s;\n    }\n    \n    .cdtimer_advanced_toggle:hover {\n      background: #f5f5f5;\n    }\n    \n    .cdtimer_advanced_toggle_text {\n      font-size: 14px;\n      font-weight: 600;\n      color: #333;\n    }\n    \n    .cdtimer_advanced_toggle_icon {\n      font-size: 18px;\n      color: #666;\n      transition: transform 0.3s;\n    }\n    \n    .cdtimer_advanced_toggle_icon.open {\n      transform: rotate(180deg);\n    }\n    \n    .cdtimer_advanced_content {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.3s ease;\n    }\n    \n    .cdtimer_advanced_content.open {\n      max-height: 1500px;\n    }\n    \n    \/* \u30d5\u30a9\u30fc\u30e0\u8981\u7d20 *\/\n    .cdtimer_input_group {\n      margin-bottom: 15px;\n    }\n    \n    .cdtimer_input_label {\n      display: block;\n      font-size: 13px;\n      color: #666;\n      margin-bottom: 6px;\n      font-weight: 500;\n    }\n    \n    .cdtimer_input,\n    .cdtimer_select {\n      width: 100%;\n      height: 44px;\n      padding: 10px 14px;\n      font-size: 14px;\n      border: 1px solid #ddd;\n      border-radius: 8px;\n      box-sizing: border-box;\n      transition: border-color 0.2s;\n    }\n    \n    .cdtimer_input:focus,\n    .cdtimer_select:focus {\n      outline: none;\n      border-color: #13284B;\n    }\n    \n    \/* \u30ab\u30e9\u30fc\u30d7\u30ea\u30bb\u30c3\u30c8 *\/\n    .cdtimer_color_presets {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 10px;\n      margin-bottom: 15px;\n    }\n    \n    .cdtimer_color_preset {\n      height: 50px;\n      border-radius: 8px;\n      border: 3px solid transparent;\n      cursor: pointer;\n      transition: all 0.2s;\n      position: relative;\n    }\n    \n    .cdtimer_color_preset:hover {\n      transform: scale(1.05);\n    }\n    \n    .cdtimer_color_preset.active {\n      border-color: #333;\n      box-shadow: 0 0 0 2px white, 0 0 0 4px #333;\n    }\n    \n    .cdtimer_color_custom_wrap {\n      margin-top: 10px;\n    }\n    \n    .cdtimer_color_custom_label {\n      display: block;\n      font-size: 13px;\n      color: #666;\n      margin-bottom: 6px;\n      font-weight: 500;\n    }\n    \n    .cdtimer_color_input {\n      width: 100%;\n      height: 44px;\n      border: 1px solid #ddd;\n      border-radius: 8px;\n      cursor: pointer;\n    }\n    \n    \/* \u5e83\u544a\u975e\u8868\u793a\uff08\u8a2d\u5b9a\u5185\uff09 *\/\n    .cdtimer_ad_setting {\n      background: white;\n      border: 1px solid #ddd;\n      border-radius: 8px;\n      padding: 14px 16px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n    \n    .cdtimer_ad_setting:hover {\n      background: #f5f5f5;\n    }\n    \n    .cdtimer_ad_checkbox {\n      width: 18px;\n      height: 18px;\n      cursor: pointer;\n      margin: 0;\n    }\n    \n    .cdtimer_ad_label_text {\n      font-size: 14px;\n      color: #333;\n      cursor: pointer;\n      margin: 0;\n      user-select: none;\n      flex: 1;\n    }\n    \n    .cdtimer_ad_active .sticky-sidebar,\n    .cdtimer_ad_active .sticky-footer {\n      display: none !important;\n    }\n    \n    \/* SNS\u30b7\u30a7\u30a2 *\/\n    .cdtimer_share_section {\n      margin-top: 20px;\n      padding-top: 20px;\n      border-top: 2px solid #f0f0f0;\n    }\n    \n    .cdtimer_share_title {\n      font-size: 14px;\n      font-weight: 600;\n      color: #666;\n      margin-bottom: 12px;\n      text-align: center;\n    }\n    \n    .cdtimer_share_buttons {\n      display: flex;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n    \n    .cdtimer_share_btn {\n      flex: 1;\n      min-width: 100px;\n      height: 40px;\n      background: white;\n      border: 1px solid #ddd;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n    \n    .cdtimer_share_btn:hover {\n      background: #f5f5f5;\n    }\n    \n    \/* \u30e1\u30c3\u30bb\u30fc\u30b8 *\/\n    .cdtimer_message {\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      text-align: center;\n      margin: 10px 0;\n    }\n    \n    .cdtimer_message.success {\n      background: #e8f5e9;\n      color: #2e7d32;\n      border: 1px solid #a5d6a7;\n    }\n    \n    .cdtimer_message.error {\n      background: #ffebee;\n      color: #c62828;\n      border: 1px solid #ef9a9a;\n    }\n    \n    .cdtimer_hidden {\n      display: none !important;\n    }\n    \n    \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n    @media (max-width: 640px) {\n      .cdtimer_title {\n        font-size: 22px;\n      }\n      \n      .cdtimer_number {\n        font-size: 36px;\n      }\n      \n      .cdtimer_unit {\n        min-width: 65px;\n        padding: 15px 10px;\n      }\n      \n      .cdtimer_finished_message {\n        font-size: 26px;\n      }\n      \n      .cdtimer_presets {\n        grid-template-columns: repeat(2, 1fr);\n      }\n      \n      .cdtimer_actions {\n        flex-direction: column;\n      }\n      \n      .cdtimer_action_btn {\n        width: 100%;\n      }\n      \n      .cdtimer_color_presets {\n        grid-template-columns: repeat(4, 1fr);\n      }\n    }\n  <\/style>\n  \n  <div id=\"cdtimer_app\">\n    <!-- \u30ab\u30a6\u30f3\u30c8\u30c0\u30a6\u30f3\u8868\u793a\uff08\u5e38\u306b\u8868\u793a\uff09 -->\n    <div id=\"cdtimer_display\" class=\"cdtimer_display\">\n      <div id=\"cdtimer_title_text\" class=\"cdtimer_title\">\u6b21\u306e\u30af\u30ea\u30b9\u30de\u30b9\u307e\u3067<\/div>\n      <div id=\"cdtimer_target_text\" class=\"cdtimer_target_info\"><\/div>\n      \n      <div id=\"cdtimer_countdown_area\" aria-live=\"polite\" aria-atomic=\"true\">\n        <div class=\"cdtimer_countdown\">\n          <div class=\"cdtimer_unit\">\n            <div id=\"cdtimer_days\" class=\"cdtimer_number\">0<\/div>\n            <div class=\"cdtimer_label\">\u65e5<\/div>\n          <\/div>\n          <div class=\"cdtimer_unit\">\n            <div id=\"cdtimer_hours\" class=\"cdtimer_number\">00<\/div>\n            <div class=\"cdtimer_label\">\u6642\u9593<\/div>\n          <\/div>\n          <div class=\"cdtimer_unit\">\n            <div id=\"cdtimer_minutes\" class=\"cdtimer_number\">00<\/div>\n            <div class=\"cdtimer_label\">\u5206<\/div>\n          <\/div>\n          <div class=\"cdtimer_unit\">\n            <div id=\"cdtimer_seconds\" class=\"cdtimer_number\">00<\/div>\n            <div class=\"cdtimer_label\">\u79d2<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div id=\"cdtimer_finished_area\" class=\"cdtimer_finished_message cdtimer_hidden\" role=\"status\" aria-live=\"assertive\"><\/div>\n    <\/div>\n    \n    <!-- \u30a2\u30af\u30b7\u30e7\u30f3\u30dc\u30bf\u30f3 -->\n    <div class=\"cdtimer_actions\">\n      <button type=\"button\" id=\"cdtimer_copy_btn\" class=\"cdtimer_action_btn\">URL\u3092\u30b3\u30d4\u30fc<\/button>\n      <button type=\"button\" id=\"cdtimer_settings_btn\" class=\"cdtimer_action_btn settings\" aria-expanded=\"false\">\u8a2d\u5b9a\u3092\u5909\u66f4<\/button>\n    <\/div>\n    \n    <div id=\"cdtimer_message_area\" class=\"cdtimer_message success cdtimer_hidden\" role=\"status\" aria-live=\"polite\"><\/div>\n    <div id=\"cdtimer_error_area\" class=\"cdtimer_message error cdtimer_hidden\" role=\"alert\" aria-live=\"assertive\"><\/div>\n    \n    <!-- \u8a2d\u5b9a\u30d1\u30cd\u30eb -->\n    <div id=\"cdtimer_settings_panel\" class=\"cdtimer_settings_panel closed\">\n      <!-- \u30d7\u30ea\u30bb\u30c3\u30c8 -->\n      <div class=\"cdtimer_section\">\n        <p class=\"cdtimer_section_title\">\u30a4\u30d9\u30f3\u30c8\u3092\u9078\u629e<\/p>\n        <div class=\"cdtimer_presets\">\n          <button type=\"button\" class=\"cdtimer_preset_btn\" data-event=\"newyear\">\u6b63\u6708<\/button>\n          <button type=\"button\" class=\"cdtimer_preset_btn\" data-event=\"valentine\">\u30d0\u30ec\u30f3\u30bf\u30a4\u30f3<\/button>\n          <button type=\"button\" class=\"cdtimer_preset_btn\" data-event=\"whiteday\">\u30db\u30ef\u30a4\u30c8\u30c7\u30fc<\/button>\n          <button type=\"button\" class=\"cdtimer_preset_btn\" data-event=\"tanabata\">\u4e03\u5915<\/button>\n          <button type=\"button\" class=\"cdtimer_preset_btn\" data-event=\"halloween\">\u30cf\u30ed\u30a6\u30a3\u30f3<\/button>\n          <button type=\"button\" class=\"cdtimer_preset_btn active\" data-event=\"christmas\">\u30af\u30ea\u30b9\u30de\u30b9<\/button>\n        <\/div>\n      <\/div>\n      \n      <!-- \u8a73\u7d30\u8a2d\u5b9a\uff08\u6298\u308a\u305f\u305f\u307f\uff09 -->\n      <div class=\"cdtimer_advanced_toggle\" id=\"cdtimer_advanced_toggle\" role=\"button\" aria-expanded=\"false\">\n        <span class=\"cdtimer_advanced_toggle_text\">\u8a73\u7d30\u8a2d\u5b9a<\/span>\n        <span class=\"cdtimer_advanced_toggle_icon\">\u25bc<\/span>\n      <\/div>\n      \n      <div id=\"cdtimer_advanced_content\" class=\"cdtimer_advanced_content\">\n        <!-- \u65e5\u6642\u624b\u52d5\u8a2d\u5b9a -->\n        <div class=\"cdtimer_section\">\n          <p class=\"cdtimer_section_title\">\u65e5\u6642\u3092\u6307\u5b9a<\/p>\n          \n          <div class=\"cdtimer_input_group\">\n            <label class=\"cdtimer_input_label\" for=\"cdtimer_custom_datetime\">\u76ee\u6a19\u65e5\u6642<\/label>\n            <input type=\"datetime-local\" id=\"cdtimer_custom_datetime\" class=\"cdtimer_input\">\n          <\/div>\n        <\/div>\n        \n        <!-- \u30bf\u30a4\u30c8\u30eb\u30fb\u30e1\u30c3\u30bb\u30fc\u30b8 -->\n        <div class=\"cdtimer_section\">\n          <p class=\"cdtimer_section_title\">\u30c6\u30ad\u30b9\u30c8\u8a2d\u5b9a<\/p>\n          \n          <div class=\"cdtimer_input_group\">\n            <label class=\"cdtimer_input_label\" for=\"cdtimer_custom_title\">\u30bf\u30a4\u30c8\u30eb<\/label>\n            <input type=\"text\" id=\"cdtimer_custom_title\" class=\"cdtimer_input\" placeholder=\"\u4f8b: \u8a66\u9a13\u307e\u3067\" maxlength=\"50\">\n          <\/div>\n          \n          <div class=\"cdtimer_input_group\">\n            <label class=\"cdtimer_input_label\" for=\"cdtimer_custom_end\">\u7d42\u4e86\u30e1\u30c3\u30bb\u30fc\u30b8<\/label>\n            <input type=\"text\" id=\"cdtimer_custom_end\" class=\"cdtimer_input\" placeholder=\"\u4f8b: \u7d42\u4e86\u3057\u307e\u3057\u305f!\" maxlength=\"50\">\n          <\/div>\n        <\/div>\n        \n        <!-- \u30ab\u30e9\u30fc\u8a2d\u5b9a -->\n        <div class=\"cdtimer_section\">\n          <p class=\"cdtimer_section_title\">\u80cc\u666f\u8272<\/p>\n          \n          <div class=\"cdtimer_color_presets\">\n            <div class=\"cdtimer_color_preset\" data-color=\"#13284B\" style=\"background: #13284B;\" title=\"\u30cd\u30a4\u30d3\u30fc\" role=\"button\" tabindex=\"0\" aria-label=\"\u30cd\u30a4\u30d3\u30fc\"><\/div>\n            <div class=\"cdtimer_color_preset\" data-color=\"#C62828\" style=\"background: #C62828;\" title=\"\u30ec\u30c3\u30c9\" role=\"button\" tabindex=\"0\" aria-label=\"\u30ec\u30c3\u30c9\"><\/div>\n            <div class=\"cdtimer_color_preset\" data-color=\"#1565C0\" style=\"background: #1565C0;\" title=\"\u30d6\u30eb\u30fc\" role=\"button\" tabindex=\"0\" aria-label=\"\u30d6\u30eb\u30fc\"><\/div>\n            <div class=\"cdtimer_color_preset\" data-color=\"#2E7D32\" style=\"background: #2E7D32;\" title=\"\u30b0\u30ea\u30fc\u30f3\" role=\"button\" tabindex=\"0\" aria-label=\"\u30b0\u30ea\u30fc\u30f3\"><\/div>\n            <div class=\"cdtimer_color_preset\" data-color=\"#6A1B9A\" style=\"background: #6A1B9A;\" title=\"\u30d1\u30fc\u30d7\u30eb\" role=\"button\" tabindex=\"0\" aria-label=\"\u30d1\u30fc\u30d7\u30eb\"><\/div>\n            <div class=\"cdtimer_color_preset\" data-color=\"#D84315\" style=\"background: #D84315;\" title=\"\u30aa\u30ec\u30f3\u30b8\" role=\"button\" tabindex=\"0\" aria-label=\"\u30aa\u30ec\u30f3\u30b8\"><\/div>\n            <div class=\"cdtimer_color_preset\" data-color=\"#00695C\" style=\"background: #00695C;\" title=\"\u30c6\u30a3\u30fc\u30eb\" role=\"button\" tabindex=\"0\" aria-label=\"\u30c6\u30a3\u30fc\u30eb\"><\/div>\n            <div class=\"cdtimer_color_preset\" data-color=\"#424242\" style=\"background: #424242;\" title=\"\u30b0\u30ec\u30fc\" role=\"button\" tabindex=\"0\" aria-label=\"\u30b0\u30ec\u30fc\"><\/div>\n          <\/div>\n          \n          <div class=\"cdtimer_color_custom_wrap\">\n            <label class=\"cdtimer_color_custom_label\" for=\"cdtimer_custom_bg\">\u30ab\u30b9\u30bf\u30e0\u30ab\u30e9\u30fc<\/label>\n            <input type=\"color\" id=\"cdtimer_custom_bg\" class=\"cdtimer_color_input\" value=\"#13284B\">\n          <\/div>\n        <\/div>\n        \n        <!-- \u5e83\u544a\u975e\u8868\u793a -->\n        <div class=\"cdtimer_section\">\n          <p class=\"cdtimer_section_title\">\u8868\u793a\u8a2d\u5b9a<\/p>\n          \n          <label class=\"cdtimer_ad_setting\">\n            <input type=\"checkbox\" id=\"cdtimer_ad_checkbox\" class=\"cdtimer_ad_checkbox\">\n            <span class=\"cdtimer_ad_label_text\">\u5e83\u544a\u3092\u96a0\u3059<\/span>\n          <\/label>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- SNS\u30b7\u30a7\u30a2 -->\n    <div class=\"cdtimer_share_section\">\n      <p class=\"cdtimer_share_title\">\u30b7\u30a7\u30a2\u3059\u308b<\/p>\n      <div class=\"cdtimer_share_buttons\">\n        <button type=\"button\" id=\"cdtimer_share_twitter\" class=\"cdtimer_share_btn\">X \u3067\u30b7\u30a7\u30a2<\/button>\n        <button type=\"button\" id=\"cdtimer_share_line\" class=\"cdtimer_share_btn\">LINE \u3067\u30b7\u30a7\u30a2<\/button>\n        <button type=\"button\" id=\"cdtimer_share_copy\" class=\"cdtimer_share_btn\">URL\u3092\u30b3\u30d4\u30fc<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <script>\n\n  <\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-0\">\u3053\u306e\u30c4\u30fc\u30eb\u3067\u3067\u304d\u308b\u3053\u3068<\/h2>\n\n\n\n<p>\u3053\u306e\u30ab\u30a6\u30f3\u30c8\u30c0\u30a6\u30f3\u30bf\u30a4\u30de\u30fc\u306b\u306f\u3001\u5358\u306a\u308b\u6642\u9593\u306e\u8a08\u6e2c\u3060\u3051\u3067\u306a\u304f\u3001\u4ee5\u4e0b\u306e\u4fbf\u5229\u306a\u6a5f\u80fd\u304c\u5099\u308f\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u5b9a\u756a\u30a4\u30d9\u30f3\u30c8\u306e\u30ef\u30f3\u30bf\u30c3\u30d7\u8a2d\u5b9a<\/strong> \u30af\u30ea\u30b9\u30de\u30b9\u3001\u304a\u6b63\u6708\u3001\u30d0\u30ec\u30f3\u30bf\u30a4\u30f3\u3001\u30cf\u30ed\u30a6\u30a3\u30f3\u306a\u3069\u306e\u4e3b\u8981\u306a\u884c\u4e8b\u306f\u3001\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3060\u3051\u3067\u5373\u5ea7\u306b\u30ab\u30a6\u30f3\u30c8\u30c0\u30a6\u30f3\u3092\u958b\u59cb\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u81ea\u7531\u306a\u65e5\u6642\u6307\u5b9a\u3068\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/strong> 1\u5206\u5358\u4f4d\u3067\u76ee\u6a19\u65e5\u6642\u3092\u8a2d\u5b9a\u3067\u304d\u308b\u307b\u304b\u3001\u8868\u793a\u3055\u308c\u308b\u30bf\u30a4\u30c8\u30eb\u3084\u7d42\u4e86\u6642\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u3082\u81ea\u7531\u306b\u5909\u66f4\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30c7\u30b6\u30a4\u30f3\u306e\u5909\u66f4<\/strong> 8\u8272\u306e\u30ab\u30e9\u30fc\u30d7\u30ea\u30bb\u30c3\u30c8\u3084\u30ab\u30e9\u30fc\u30d4\u30c3\u30ab\u30fc\u3092\u4f7f\u3044\u3001\u6c17\u5206\u3084\u30a4\u30d9\u30f3\u30c8\u306e\u96f0\u56f2\u6c17\u306b\u5408\u308f\u305b\u3066\u80cc\u666f\u8272\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>URL\u306b\u3088\u308b\u5171\u6709\u6a5f\u80fd<\/strong> \u4f5c\u6210\u3057\u305f\u30aa\u30ea\u30b8\u30ca\u30eb\u306e\u30ab\u30a6\u30f3\u30c8\u30c0\u30a6\u30f3\u306f\u3001URL\u3092\u30b3\u30d4\u30fc\u3059\u308b\u3060\u3051\u3067SNS\u3084\u30e1\u30c3\u30bb\u30fc\u30b8\u30a2\u30d7\u30ea\u3067\u7c21\u5358\u306b\u5171\u6709\u3067\u304d\u307e\u3059\u3002\u53d7\u3051\u53d6\u3063\u305f\u76f8\u624b\u3082\u3001\u3042\u306a\u305f\u3068\u540c\u3058\u30c7\u30b6\u30a4\u30f3\u30fb\u8a2d\u5b9a\u306e\u30bf\u30a4\u30de\u30fc\u3092\u898b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-1\">\u3053\u306e\u30c4\u30fc\u30eb\u3067\u53d6\u5f97\u3059\u308b\u60c5\u5831\u306e\u57fa\u790e\u77e5\u8b58<\/h2>\n\n\n\n<p>\u30c4\u30fc\u30eb\u3092\u5229\u7528\u30fb\u6d3b\u7528\u3059\u308b\u4e0a\u3067\u77e5\u3063\u3066\u304a\u304f\u3068\u5f79\u7acb\u3064\u7528\u8a9e\u3084\u4ed5\u7d44\u307f\u306e\u89e3\u8aac\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u76ee\u6a19\u65e5\u6642\uff08\u30bf\u30fc\u30b2\u30c3\u30c8\u6642\u523b\uff09<\/strong> \u30ab\u30a6\u30f3\u30c8\u30c0\u30a6\u30f3\u304c\u300c0\u300d\u306b\u306a\u308b\u77ac\u9593\u306e\u6642\u523b\u3067\u3059\u3002\u5f53\u30c4\u30fc\u30eb\u306e\u8a08\u7b97\u306f\u3001\u5229\u7528\u8005\u304c\u73fe\u5728\u4f7f\u7528\u3057\u3066\u3044\u308b\u30c7\u30d0\u30a4\u30b9\uff08PC\u3084\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\uff09\u306e\u6642\u523b\u8a2d\u5b9a\u306b\u57fa\u3065\u3044\u3066\u884c\u308f\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>URL\u30d1\u30e9\u30e1\u30fc\u30bf\uff08\u5171\u6709\u306e\u4ed5\u7d44\u307f\uff09<\/strong> URL\u306e\u672b\u5c3e\u306b\u300c?date=\u2026&amp;title=\u2026\u300d\u3068\u3044\u3063\u305f\u6587\u5b57\u5217\u3092\u52a0\u3048\u308b\u3053\u3068\u3067\u3001\u8a2d\u5b9a\u60c5\u5831\u3092URL\u81ea\u4f53\u306b\u4fdd\u5b58\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30b5\u30fc\u30d0\u30fc\u306b\u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\u3059\u308b\u3053\u3068\u306a\u304f\u3001URL\u3092\u9001\u308b\u3060\u3051\u3067\u81ea\u5206\u5c02\u7528\u306e\u8a2d\u5b9a\u3092\u4ed6\u4eba\u306b\u4f1d\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u8a08\u6e2c<\/strong> JavaScript\u3068\u3044\u3046\u6280\u8853\u3092\u7528\u3044\u30011\u79d2\u3054\u3068\u306b\u300c\u76ee\u6a19\u6642\u523b \u2013 \u73fe\u5728\u6642\u523b\u300d\u3092\u8a08\u7b97\u3057\u3066\u8868\u793a\u3092\u66f4\u65b0\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-2\">\u3053\u306e\u30c4\u30fc\u30eb\u304c\u5f79\u7acb\u3064\u3068\u304d\u306f\u3069\u3093\u306a\u3068\u304d\uff1f \u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u306f\uff1f<\/h2>\n\n\n\n<p>\u65e5\u5e38\u306e\u3055\u307e\u3056\u307e\u306a\u30b7\u30fc\u30f3\u3067\u6d3b\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SNS\u3067\u306e\u671f\u5f85\u611f\u91b8\u6210\u306b<\/strong> \u300c\u65b0\u4f5c\u30b2\u30fc\u30e0\u306e\u767a\u58f2\u307e\u3067\u3042\u3068\u25ef\u65e5\uff01\u300d\u300c\u63a8\u3057\u306e\u8a95\u751f\u65e5\u307e\u3067\u3042\u3068\u25ef\u6642\u9593\uff01\u300d\u3068\u3044\u3063\u305f\u30e1\u30c3\u30bb\u30fc\u30b8\u3068\u5171\u306bURL\u3092\u30b7\u30a7\u30a2\u3057\u3066\u3001\u30d5\u30a9\u30ed\u30ef\u30fc\u3068\u30ef\u30af\u30ef\u30af\u3092\u5171\u6709\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u8a66\u9a13\u3084\u8cc7\u683c\u52c9\u5f37\u306e\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3\u7dad\u6301\u306b<\/strong> \u8a66\u9a13\u65e5\u3092\u76ee\u6a19\u65e5\u6642\u306b\u8a2d\u5b9a\u3057\u3001\u30d6\u30e9\u30a6\u30b6\u306e\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u4fdd\u5b58\u3057\u3066\u304a\u304f\u3053\u3068\u3067\u3001\u5e38\u306b\u300c\u6b8b\u308a\u65e5\u6570\u300d\u3092\u610f\u8b58\u3057\u3066\u8a08\u753b\u7684\u306b\u5b66\u7fd2\u3092\u9032\u3081\u3089\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u7d50\u5a5a\u5f0f\u3084\u65c5\u884c\u306a\u3069\u306e\u30a4\u30d9\u30f3\u30c8\u7ba1\u7406\u306b<\/strong> \u4e00\u751f\u306b\u4e00\u5ea6\u306e\u30a4\u30d9\u30f3\u30c8\u3084\u697d\u3057\u307f\u306b\u3057\u3066\u3044\u308b\u65c5\u884c\u307e\u3067\u3092\u30ab\u30a6\u30f3\u30c8\u30c0\u30a6\u30f3\u3002\u30ab\u30c3\u30d7\u30eb\u3084\u53cb\u3060\u3061\u540c\u58eb\u3067URL\u3092\u5171\u6709\u3059\u308c\u3070\u3001\u5f53\u65e5\u307e\u3067\u306e\u6e96\u5099\u671f\u9593\u3082\u3088\u308a\u697d\u3057\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u671f\u9593\u9650\u5b9a\u30bb\u30fc\u30eb\u3084\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u306e\u30ab\u30a6\u30f3\u30c8\u306b<\/strong> Web\u30b5\u30a4\u30c8\u306e\u904b\u55b6\u8005\u3084\u30de\u30fc\u30b1\u30bf\u30fc\u304c\u3001\u30bb\u30fc\u30eb\u306e\u7d42\u4e86\u6642\u523b\u3092\u8a2d\u5b9a\u3057\u3066\u30bf\u30d6\u306b\u8868\u793a\u3055\u305b\u3066\u304a\u304f\u3053\u3068\u3067\u3001\u4f5c\u696d\u306e\u7de0\u3081\u5207\u308a\u610f\u8b58\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-3\">\u5171\u6709URL\u3092\u30d6\u30c3\u30af\u30de\u30fc\u30af\u3059\u308b\u30e1\u30ea\u30c3\u30c8<\/h2>\n\n\n\n<p>\u3053\u306e\u30c4\u30fc\u30eb\u306e\u6700\u5927\u306e\u7279\u5fb4\u306f\u3001\u8a2d\u5b9a\u3092\u5909\u66f4\u3059\u308b\u305f\u3073\u306b\u30d6\u30e9\u30a6\u30b6\u306eURL\u304c\u81ea\u52d5\u7684\u306b\u66f4\u65b0\u3055\u308c\u308b\u70b9\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u4e00\u5ea6\u81ea\u5206\u597d\u307f\u306e\u8272\u3084\u30bf\u30a4\u30c8\u30eb\u3067\u300c\u8a66\u9a13\u65e5\u307e\u3067\u300d\u3084\u300c\u8a18\u5ff5\u65e5\u307e\u3067\u300d\u306e\u30bf\u30a4\u30de\u30fc\u3092\u4f5c\u6210\u3057\u305f\u3089\u3001\u305d\u306e\u6642\u306eURL\u3092\u30d6\u30e9\u30a6\u30b6\u306e\u300c\u304a\u6c17\u306b\u5165\u308a\uff08\u30d6\u30c3\u30af\u30de\u30fc\u30af\uff09\u300d\u306b\u767b\u9332\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u6b21\u56de\u304b\u3089\u305d\u306e\u30d6\u30c3\u30af\u30de\u30fc\u30af\u3092\u958b\u304f\u3060\u3051\u3067\u3001\u518d\u8a2d\u5b9a\u306e\u624b\u9593\u306a\u304f\u3001\u3044\u3064\u3067\u3082\u6700\u65b0\u306e\u6b8b\u308a\u6642\u9593\u3092\u30c1\u30a7\u30c3\u30af\u3067\u304d\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6b21\u306e\u30af\u30ea\u30b9\u30de\u30b9\u307e\u3067 0 \u65e5 00 \u6642\u9593 00 \u5206 00 \u79d2 URL\u3092\u30b3\u30d4\u30fc \u8a2d\u5b9a\u3092\u5909\u66f4 \u30a4\u30d9\u30f3\u30c8\u3092\u9078\u629e \u6b63\u6708 \u30d0\u30ec\u30f3\u30bf\u30a4\u30f3 \u30db\u30ef\u30a4\u30c8\u30c7\u30fc \u4e03\u5915 \u30cf\u30ed\u30a6\u30a3\u30f3 \u30af\u30ea\u30b9\u30de\u30b9 \u8a73\u7d30\u8a2d\u5b9a \u25bc \u65e5\u6642\u3092\u6307\u5b9a \u76ee\u6a19\u65e5\u6642 \u30c6\u30ad\u30b9\u30c8\u8a2d\u5b9a \u30bf &#8230; <\/p>\n","protected":false},"author":4,"featured_media":9229,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,39],"tags":[],"class_list":{"0":"post-9222","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tool","8":"category-life","9":"entry"},"_links":{"self":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/9222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/comments?post=9222"}],"version-history":[{"count":7,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/9222\/revisions"}],"predecessor-version":[{"id":9230,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/9222\/revisions\/9230"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/media\/9229"}],"wp:attachment":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/media?parent=9222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/categories?post=9222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/tags?post=9222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}