{"id":25616,"date":"2024-10-18T02:19:07","date_gmt":"2024-10-17T17:19:07","guid":{"rendered":"http:\/\/www.tyosuke20xx.com\/blog\/?p=25616"},"modified":"2024-10-18T02:19:09","modified_gmt":"2024-10-17T17:19:09","slug":"elder-html","status":"publish","type":"post","link":"http:\/\/www.tyosuke20xx.com\/blog\/?p=25616","title":{"rendered":"ELDER.html"},"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>ELDER - \u30bd\u30fc\u30b7\u30e3\u30eb\u30cd\u30c3\u30c8\u30ef\u30fc\u30ad\u30f3\u30b0\u30b5\u30fc\u30d3\u30b9<\/title>\n  <!-- CSS\u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u8fbc\u307f -->\n  <link href="https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css" rel="stylesheet"> \n  <link href="https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css" rel="stylesheet">\n  <!-- RiTa.js\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u8aad\u307f\u8fbc\u307f -->\n  <script src="https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/rita\/1.3.63\/rita-full.min.js"><\/script>\n  <style>\n    \/* \u65e2\u5b58\u306e\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8 *\/\n    body {\n      padding-top: 20px;\n      background: linear-gradient(to right, #f8f9fa, #e9ecef);\n      font-family: 'Arial', sans-serif;\n      color: #343a40;\n    }\n\n    .navbar {\n      background-color: #007bff;\n      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    }\n\n    .navbar-brand,\n    .nav-link {\n      color: #fff !important;\n      font-weight: bold;\n    }\n\n    .navbar-toggler {\n      border: none;\n    }\n\n    .card {\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n      transition: transform 0.3s, box-shadow 0.3s;\n    }\n\n    .card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n    }\n\n    .card-body {\n      padding: 30px;\n    }\n\n    .form-control {\n      border-radius: 20px;\n      border: 1px solid #ced4da;\n      padding: 15px;\n      transition: border-color 0.3s;\n    }\n\n    .form-control:focus {\n      border-color: #007bff;\n      box-shadow: none;\n    }\n\n    .btn-primary {\n      background-color: #007bff;\n      border: none;\n      border-radius: 20px;\n      padding: 10px 20px;\n      font-weight: bold;\n      transition: background-color 0.3s, transform 0.3s;\n    }\n\n    .btn-primary:hover {\n      background-color: #0056b3;\n      transform: translateY(-3px);\n    }\n\n    .btn-secondary {\n      border-radius: 20px;\n      padding: 10px 20px;\n      font-weight: bold;\n      transition: background-color 0.3s, transform 0.3s;\n    }\n\n    .btn-secondary:hover {\n      background-color: #6c757d;\n      transform: translateY(-3px);\n    }\n\n    .profile-img {\n      width: 80px;\n      height: 80px;\n      object-fit: cover;\n      border-radius: 50%;\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n    }\n\n    .text-center h1 {\n      font-weight: 700;\n      font-size: 2.5em;\n      margin-bottom: 20px;\n      color: #007bff;\n    }\n\n    .comment-section {\n      margin-top: 20px;\n      padding: 20px;\n      background-color: #f1f3f5;\n      border-radius: 8px;\n    }\n\n    .comment-section .card {\n      border: none;\n      background: #ffffff;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .modal-content {\n      border-radius: 15px;\n      overflow: hidden;\n    }\n\n    .modal-header {\n      background-color: #007bff;\n      color: white;\n      border-bottom: none;\n    }\n\n    .modal-footer {\n      border-top: none;\n    }\n\n    .form-error {\n      color: red;\n      font-size: 0.9em;\n    }\n\n    \/* \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306e\u30c7\u30b6\u30a4\u30f3 *\/\n    #timeline {\n      margin-top: 20px;\n    }\n\n    #timeline .card {\n      border-radius: 15px;\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n      margin-bottom: 20px;\n      overflow: hidden;\n      background-color: #fff;\n    }\n\n    #timeline .card-body {\n      padding: 20px;\n    }\n\n    #timeline .btn {\n      border-radius: 20px;\n    }\n\n    \/* \u6295\u7a3f\u306e\u30b7\u30a7\u30a2\u30dc\u30bf\u30f3 *\/\n    .btn-share {\n      background-color: #ff9800;\n      border: none;\n      border-radius: 20px;\n      padding: 5px 10px;\n      color: #fff;\n      font-weight: bold;\n      transition: background-color 0.3s;\n    }\n\n    .btn-share:hover {\n      background-color: #e68900;\n    }\n\n    \/* X\uff08\u65e7Twitter\uff09\u30b7\u30a7\u30a2\u30dc\u30bf\u30f3 *\/\n    .btn-share-twitter {\n      background-color: #1da1f2;\n      border: none;\n      border-radius: 20px;\n      padding: 5px 10px;\n      color: #fff;\n      font-weight: bold;\n      transition: background-color 0.3s;\n    }\n\n    .btn-share-twitter:hover {\n      background-color: #1480bf;\n    }\n\n    \/* \u901a\u77e5\u30a8\u30ea\u30a2 *\/\n    #notificationArea {\n      position: fixed;\n      top: 80px;\n      right: 20px;\n      z-index: 1000;\n      max-width: 300px;\n    }\n\n    \/* FEED\u30a2\u30a4\u30b3\u30f3\u3092RSS\u306e\u6587\u5b57\u306b\u5909\u66f4 *\/\n    .nav-item .rss-icon {\n      font-weight: bold;\n      color: #fff;\n    }\n  <\/style>\n<\/head>\n<body>\n\n<!-- \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc -->\n<nav class="navbar navbar-expand-lg navbar-light bg-light">\n  <a class="navbar-brand" href="#">ELDER<\/a>\n  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u306e\u5207\u308a\u66ff\u3048">\n    <span class="navbar-toggler-icon"><\/span>\n  <\/button>\n  <div class="collapse navbar-collapse" id="navbarNav">\n    <ul class="navbar-nav ml-auto">\n      <li class="nav-item">\n        <a class="nav-link" href="#" onclick="showLoginForm()">\u30ed\u30b0\u30a4\u30f3<\/a>\n      <\/li>\n      <li class="nav-item">\n        <a class="nav-link" href="#" onclick="showRegisterForm()">\u767b\u9332<\/a>\n      <\/li>\n      <li class="nav-item">\n        <a class="nav-link" href="#" onclick="showProfile()" style="display: none;" id="navProfile">\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb<\/a>\n      <\/li>\n      <li class="nav-item">\n        <a class="nav-link" href="#" onclick="logout()" style="display: none;" id="navLogout">\u30ed\u30b0\u30a2\u30a6\u30c8<\/a>\n      <\/li>\n      <!-- FEED\u30a2\u30a4\u30b3\u30f3\u3092RSS\u306e\u6587\u5b57\u306b\u5909\u66f4 -->\n      <li class="nav-item" id="navFeed" style="display: none;">\n        <a class="nav-link rss-icon" href="#" onclick="showFeedForm()">RSS<\/a>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/nav>\n\n<div class="container">\n  <!-- \u30ed\u30b0\u30a4\u30f3\u30d5\u30a9\u30fc\u30e0 -->\n  <div id="loginForm" class="card w-50 mx-auto">\n    <div class="card-body">\n      <h2 class="card-title text-center mb-4">\u30ed\u30b0\u30a4\u30f3<\/h2>\n      <div class="form-group">\n        <input type="text" id="loginUsername" class="form-control" placeholder="\u30e6\u30fc\u30b6\u30fc\u540d">\n        <span id="loginUsernameError" class="form-error" style="display: none;">\u30e6\u30fc\u30b6\u30fc\u540d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/span>\n      <\/div>\n      <div class="form-group">\n        <input type="password" id="loginPassword" class="form-control" placeholder="\u30d1\u30b9\u30ef\u30fc\u30c9">\n        <span id="loginPasswordError" class="form-error" style="display: none;">\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/span>\n      <\/div>\n      <button onclick="login()" class="btn btn-primary btn-block">\u30ed\u30b0\u30a4\u30f3<\/button>\n      <button onclick="showRegisterForm()" class="btn btn-secondary btn-block">\u767b\u9332<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u767b\u9332\u30d5\u30a9\u30fc\u30e0 -->\n  <div id="registerForm" class="card w-50 mx-auto" style="display: none;">\n    <div class="card-body">\n      <h2 class="card-title text-center mb-4">\u767b\u9332<\/h2>\n      <div class="form-group">\n        <input type="text" id="registerName" class="form-control" placeholder="\u6c0f\u540d">\n        <span id="registerNameError" class="form-error" style="display: none;">\u6c0f\u540d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/span>\n      <\/div>\n      <div class="form-group">\n        <input type="text" id="registerUsername" class="form-control" placeholder="\u30e6\u30fc\u30b6\u30fc\u540d">\n        <span id="registerUsernameError" class="form-error" style="display: none;">\u30e6\u30fc\u30b6\u30fc\u540d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/span>\n      <\/div>\n      <div class="form-group">\n        <input type="password" id="registerPassword" class="form-control" placeholder="\u30d1\u30b9\u30ef\u30fc\u30c9">\n        <span id="registerPasswordError" class="form-error" style="display: none;">\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/span>\n      <\/div>\n      <div class="form-group">\n        <input type="password" id="registerConfirmPassword" class="form-control" placeholder="\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u78ba\u8a8d">\n        <span id="registerConfirmPasswordError" class="form-error" style="display: none;">\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u4e00\u81f4\u3057\u307e\u305b\u3093<\/span>\n      <\/div>\n      <button onclick="register()" class="btn btn-primary btn-block">\u767b\u9332<\/button>\n      <button onclick="showLoginForm()" class="btn btn-secondary btn-block">\u30ed\u30b0\u30a4\u30f3\u306b\u623b\u308b<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb -->\n  <div id="profile" class="card w-50 mx-auto" style="display: none;">\n    <div class="card-body">\n      <h2 class="card-title text-center mb-4">\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb<\/h2>\n      <div class="text-center mb-3">\n        <img id="profileImg" class="profile-img" src="default_profile_img.jpg" alt="\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf">\n      <\/div>\n      <p class="text-center mb-2"><strong>\u6c0f\u540d:<\/strong> <span id="profileName"><\/span><\/p>\n      <p class="text-center mb-4"><strong>\u30e6\u30fc\u30b6\u30fc\u540d:<\/strong> <span id="profileUsername"><\/span><\/p>\n      <div class="form-group">\n        <input type="file" id="profileImageInput" accept="image\/*" class="form-control-file">\n      <\/div>\n      <button onclick="uploadProfileImage()" class="btn btn-primary btn-block"><i class="fas fa-upload"><\/i> \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9<\/button>\n      <button onclick="logout()" class="btn btn-danger btn-block"><i class="fas fa-sign-out-alt"><\/i> \u30ed\u30b0\u30a2\u30a6\u30c8<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u6295\u7a3f\u30d5\u30a9\u30fc\u30e0 -->\n  <div id="postForm" class="card w-75 mx-auto" style="display: none;">\n    <div class="card-body">\n      <h2 class="card-title text-center mb-4">\u6295\u7a3f\u3092\u4f5c\u6210<\/h2>\n      <div class="form-group">\n        <textarea id="postContent" class="form-control" rows="3" placeholder="\u4eca\u4f55\u3092\u8003\u3048\u3066\u3044\u307e\u3059\u304b\uff1f"><\/textarea>\n      <\/div>\n      <button onclick="createPost()" class="btn btn-primary btn-block">\u6295\u7a3f<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- FEED\u767b\u9332\u30d5\u30a9\u30fc\u30e0 -->\n  <div id="feedForm" class="card w-75 mx-auto" style="display: none;">\n    <div class="card-body">\n      <h2 class="card-title text-center mb-4">FEED\u3092\u767b\u9332<\/h2>\n      <div class="form-group">\n        <input type="text" id="feedUrl" class="form-control" placeholder="RSS\u30d5\u30a3\u30fc\u30c9\u306eURL">\n        <span id="feedUrlError" class="form-error" style="display: none;">RSS\u30d5\u30a3\u30fc\u30c9\u306eURL\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/span>\n      <\/div>\n      <button onclick="registerFeed()" class="btn btn-primary btn-block">\u767b\u9332<\/button>\n      <div class="form-group mt-4">\n        <label for="feedInterval">\u81ea\u52d5\u6295\u7a3f\u306e\u9593\u9694\uff08\u79d2\uff09:<\/label>\n        <input type="number" id="feedInterval" class="form-control" placeholder="\u4f8b\uff1a60" min="1">\n      <\/div>\n      <button onclick="setFeedInterval()" class="btn btn-secondary btn-block">\u9593\u9694\u3092\u8a2d\u5b9a<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- AIBOT\u6295\u7a3f\u767b\u9332\u30d5\u30a9\u30fc\u30e0 -->\n  <div id="aiBotForm" class="card w-75 mx-auto" style="display: none;">\n    <div class="card-body">\n      <h2 class="card-title text-center mb-4">BOT\u6295\u7a3f\u3092\u767b\u9332<\/h2>\n      <div class="form-group">\n        <textarea id="aiBotContent" class="form-control" rows="3" placeholder="BOT\u306b\u6295\u7a3f\u3055\u305b\u305f\u3044\u5185\u5bb9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044"><\/textarea>\n      <\/div>\n      <button onclick="registerAiBotPost()" class="btn btn-primary btn-block">BOT\u6295\u7a3f\u3092\u767b\u9332<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3 -->\n  <div id="timeline" class="w-75 mx-auto mt-4"><\/div>\n\n  <!-- \u901a\u77e5\u30a8\u30ea\u30a2 -->\n  <div id="notificationArea" class="alert alert-info" style="display: none;"><\/div>\n\n<\/div>\n\n<!-- \u30ea\u30d7\u30e9\u30a4\u30e2\u30fc\u30c0\u30eb -->\n<div class="modal fade" id="replyModal" tabindex="-1" role="dialog" aria-labelledby="replyModalLabel" aria-hidden="true">\n  <div class="modal-dialog" role="document">\n    <div class="modal-content">\n      <!-- \u30e2\u30fc\u30c0\u30eb\u306e\u5185\u5bb9\u306f\u5f8c\u307b\u3069JavaScript\u3067\u5236\u5fa1\u3057\u307e\u3059 -->\n      <div class="modal-header">\n        <h5 class="modal-title" id="replyModalLabel">\u6295\u7a3f\u306b\u8fd4\u4fe1<\/h5>\n        <button type="button" class="close" data-dismiss="modal" aria-label="\u9589\u3058\u308b">\n          <span aria-hidden="true">&times;<\/span>\n        <\/button>\n      <\/div>\n      <div class="modal-body">\n        <textarea id="replyContent" class="form-control" rows="3" placeholder="\u8fd4\u4fe1\u3092\u3053\u3053\u306b\u66f8\u3044\u3066\u304f\u3060\u3055\u3044..."><\/textarea>\n      <\/div>\n      <div class="modal-footer">\n        <button type="button" class="btn btn-secondary" data-dismiss="modal">\u9589\u3058\u308b<\/button>\n        <button type="button" onclick="postReply()" class="btn btn-primary">\u8fd4\u4fe1<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u30b9\u30af\u30ea\u30d7\u30c8\u306e\u8aad\u307f\u8fbc\u307f -->\n<script src="https:\/\/code.jquery.com\/jquery-3.5.1.slim.min.js"><\/script>\n<!-- Bootstrap\u306eJavaScript -->\n<script src="https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js"><\/script>\n<!-- RiTa.js\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u8aad\u307f\u8fbc\u307f\uff08\u65e2\u306bhead\u5185\u3067\u8aad\u307f\u8fbc\u307f\u6e08\u307f\uff09 -->\n<script>\n  \/\/ \u30e6\u30fc\u30b6\u30fc\u3001\u6295\u7a3f\u3001\u30d5\u30a3\u30fc\u30c9\u3001\u30c1\u30e3\u30c3\u30c8\u95a2\u9023\u306e\u30c7\u30fc\u30bf\n  let currentUser = null;\n  let users = [];\n  let posts = [];\n  let feeds = [];\n  let notifications = [];\n  let aiBotPosts = [];\n  let feedFetchInterval = 60000; \/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\u306f60,000\u30df\u30ea\u79d2\uff0860\u79d2\uff09\n  let feedFetchTimer;\n  let markovBotInterval = 60000; \/\/ \u30de\u30eb\u30b3\u30d5\u9023\u9396BOT\u306e\u6295\u7a3f\u9593\u9694\n\n  \/\/ \u30ed\u30fc\u30ab\u30eb\u30b9\u30c8\u30ec\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u30fb\u4fdd\u5b58\u95a2\u9023\u306e\u95a2\u6570\n  function saveUsersToLocalStorage() {\n    localStorage.setItem('users', JSON.stringify(users));\n  }\n\n  function savePostsToLocalStorage() {\n    localStorage.setItem('posts', JSON.stringify(posts));\n  }\n\n  function saveFeedsToLocalStorage() {\n    localStorage.setItem('feeds', JSON.stringify(feeds));\n  }\n\n  function saveAiBotPostsToLocalStorage() {\n    localStorage.setItem('aiBotPosts', JSON.stringify(aiBotPosts));\n  }\n\n  function saveCurrentUserToLocalStorage() {\n    if (currentUser) {\n      localStorage.setItem('currentUser', JSON.stringify(currentUser));\n    } else {\n      localStorage.removeItem('currentUser');\n    }\n  }\n\n  function loadUsersFromLocalStorage() {\n    const storedUsers = localStorage.getItem('users');\n    if (storedUsers) {\n      users = JSON.parse(storedUsers);\n    }\n  }\n\n  function loadPostsFromLocalStorage() {\n    const storedPosts = localStorage.getItem('posts');\n    if (storedPosts) {\n      posts = JSON.parse(storedPosts);\n    }\n  }\n\n  function loadFeedsFromLocalStorage() {\n    const storedFeeds = localStorage.getItem('feeds');\n    if (storedFeeds) {\n      feeds = JSON.parse(storedFeeds);\n    }\n  }\n\n  function loadAiBotPostsFromLocalStorage() {\n    const storedAiBotPosts = localStorage.getItem('aiBotPosts');\n    if (storedAiBotPosts) {\n      aiBotPosts = JSON.parse(storedAiBotPosts);\n    }\n  }\n\n  function loadCurrentUserFromLocalStorage() {\n    const storedCurrentUser = localStorage.getItem('currentUser');\n    if (storedCurrentUser) {\n      currentUser = JSON.parse(storedCurrentUser);\n    }\n  }\n\n  \/\/ \u30d5\u30a9\u30fc\u30e0\u306e\u8868\u793a\u30fb\u975e\u8868\u793a\n  function hideAll() {\n    document.getElementById('loginForm').style.display = 'none';\n    document.getElementById('registerForm').style.display = 'none';\n    document.getElementById('profile').style.display = 'none';\n    document.getElementById('postForm').style.display = 'none';\n    document.getElementById('feedForm').style.display = 'none';\n    document.getElementById('aiBotForm').style.display = 'none';\n  }\n\n  function showLoginForm() {\n    hideAll();\n    document.getElementById('loginForm').style.display = 'block';\n    document.getElementById('navProfile').style.display = 'none';\n    document.getElementById('navLogout').style.display = 'none';\n    document.getElementById('navFeed').style.display = 'none';\n  }\n\n  function showRegisterForm() {\n    hideAll();\n    document.getElementById('registerForm').style.display = 'block';\n  }\n\n  function showProfile() {\n    hideAll();\n    document.getElementById('profile').style.display = 'block';\n    document.getElementById('profileName').textContent = currentUser.name;\n    document.getElementById('profileUsername').textContent = currentUser.username;\n    document.getElementById('postForm').style.display = 'block';\n    document.getElementById('feedForm').style.display = 'block';\n    document.getElementById('aiBotForm').style.display = 'block';\n    loadProfileImage(); \/\/ \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf\u3092\u30ed\u30fc\u30c9\n    displayTimeline(); \/\/ \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3092\u8868\u793a\n    document.getElementById('navProfile').style.display = 'block';\n    document.getElementById('navLogout').style.display = 'block';\n    document.getElementById('navFeed').style.display = 'block'; \/\/ RSS\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u8868\u793a\n  }\n\n  function showFeedForm() {\n    hideAll();\n    document.getElementById('feedForm').style.display = 'block';\n  }\n\n  \/\/ \u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u95a2\u9023\u306e\u95a2\u6570\n  function validateLoginForm() {\n    let valid = true;\n    const username = document.getElementById('loginUsername').value;\n    const password = document.getElementById('loginPassword').value;\n\n    if (!username) {\n      document.getElementById('loginUsernameError').style.display = 'block';\n      valid = false;\n    } else {\n      document.getElementById('loginUsernameError').style.display = 'none';\n    }\n\n    if (!password) {\n      document.getElementById('loginPasswordError').style.display = 'block';\n      valid = false;\n    } else {\n      document.getElementById('loginPasswordError').style.display = 'none';\n    }\n\n    return valid;\n  }\n\n  function login() {\n    if (!validateLoginForm()) {\n      return;\n    }\n\n    const username = document.getElementById('loginUsername').value;\n    const password = document.getElementById('loginPassword').value;\n    const user = users.find(u => u.username === username && u.password === password);\n    if (user) {\n      currentUser = user;\n      saveCurrentUserToLocalStorage(); \/\/ currentUser\u3092\u4fdd\u5b58\n      showProfile();\n    } else {\n      alert('\u30e6\u30fc\u30b6\u30fc\u540d\u307e\u305f\u306f\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u9593\u9055\u3063\u3066\u3044\u307e\u3059\u3002');\n    }\n  }\n\n  function logout() {\n    currentUser = null;\n    saveCurrentUserToLocalStorage(); \/\/ currentUser\u3092\u524a\u9664\n    hideAll();\n    showLoginForm();\n  }\n\n  function validateRegisterForm() {\n    let valid = true;\n    const name = document.getElementById('registerName').value;\n    const username = document.getElementById('registerUsername').value;\n    const password = document.getElementById('registerPassword').value;\n    const confirmPassword = document.getElementById('registerConfirmPassword').value;\n\n    if (!name) {\n      document.getElementById('registerNameError').style.display = 'block';\n      valid = false;\n    } else {\n      document.getElementById('registerNameError').style.display = 'none';\n    }\n\n    if (!username) {\n      document.getElementById('registerUsernameError').style.display = 'block';\n      valid = false;\n    } else {\n      document.getElementById('registerUsernameError').style.display = 'none';\n    }\n\n    \/\/ \u30e6\u30fc\u30b6\u30fc\u540d\u306e\u91cd\u8907\u30c1\u30a7\u30c3\u30af\n    if (users.find(u => u.username === username)) {\n      document.getElementById('registerUsernameError').textContent = '\u3053\u306e\u30e6\u30fc\u30b6\u30fc\u540d\u306f\u65e2\u306b\u4f7f\u7528\u3055\u308c\u3066\u3044\u307e\u3059';\n      document.getElementById('registerUsernameError').style.display = 'block';\n      valid = false;\n    } else {\n      document.getElementById('registerUsernameError').style.display = 'none';\n    }\n\n    if (!password) {\n      document.getElementById('registerPasswordError').style.display = 'block';\n      valid = false;\n    } else {\n      document.getElementById('registerPasswordError').style.display = 'none';\n    }\n\n    if (password !== confirmPassword) {\n      document.getElementById('registerConfirmPasswordError').style.display = 'block';\n      valid = false;\n    } else {\n      document.getElementById('registerConfirmPasswordError').style.display = 'none';\n    }\n\n    return valid;\n  }\n\n  function register() {\n    if (!validateRegisterForm()) {\n      return;\n    }\n\n    const name = document.getElementById('registerName').value;\n    const username = document.getElementById('registerUsername').value;\n    const password = document.getElementById('registerPassword').value;\n\n    users.push({ name, username, password, profileImage: null });\n    saveUsersToLocalStorage(); \/\/ \u30e6\u30fc\u30b6\u30fc\u60c5\u5831\u3092\u4fdd\u5b58\n    alert('\u767b\u9332\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\uff01\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n    showLoginForm();\n  }\n\n  \/\/ \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf\u306e\u51e6\u7406\n  function loadProfileImage() {\n    const profileImg = document.getElementById('profileImg');\n    \/\/ \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u306f\u305d\u306e\u753b\u50cf\u3092\u8868\u793a\n    if (currentUser.profileImage) {\n      profileImg.src = currentUser.profileImage;\n    } else {\n      \/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf\u3092\u8868\u793a\n      profileImg.src = 'default_profile_img.jpg';\n    }\n  }\n\n  function uploadProfileImage() {\n    const input = document.getElementById('profileImageInput');\n    const file = input.files[0];\n    if (file) {\n      \/\/ FileReader\u3092\u4f7f\u7528\u3057\u3066\u753b\u50cf\u3092\u8aad\u307f\u8fbc\u3080\n      const reader = new FileReader();\n      reader.onload = function(e) {\n        \/\/ \u8aad\u307f\u8fbc\u3093\u3060\u753b\u50cf\u3092\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf\u3068\u3057\u3066\u8a2d\u5b9a\n        currentUser.profileImage = e.target.result;\n        \/\/ \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf\u3092\u66f4\u65b0\u3057\u3066\u8868\u793a\n        loadProfileImage();\n        saveUsersToLocalStorage(); \/\/ \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf\u3092\u4fdd\u5b58\n        saveCurrentUserToLocalStorage(); \/\/ currentUser\u3092\u66f4\u65b0\n      }\n      reader.readAsDataURL(file);\n    }\n  }\n\n  \/\/ AIBOT\u6295\u7a3f\u3092\u767b\u9332\n  function registerAiBotPost() {\n    const content = document.getElementById('aiBotContent').value;\n    if (content.trim() !== '') {\n      aiBotPosts.push(content);\n      saveAiBotPostsToLocalStorage();\n      alert("BOT\u306e\u6295\u7a3f\u304c\u767b\u9332\u3055\u308c\u307e\u3057\u305f\uff01");\n      document.getElementById('aiBotContent').value = ''; \/\/ \u5165\u529b\u6b04\u3092\u7a7a\u306b\u3059\u308b\n    }\n  }\n\n  \/\/ AIBOT\u304c\u5b9a\u671f\u7684\u306b\u6295\u7a3f\n  function postAiBotContent() {\n    if (aiBotPosts.length > 0) {\n      const content = aiBotPosts[Math.floor(Math.random() * aiBotPosts.length)];\n      const aiUser = {\n        name: 'BOT',\n        username: 'bot',\n        profileImage: 'default_ai_profile_img.jpg'\n      };\n      const post = {\n        id: Date.now(),\n        content: content,\n        author: aiUser.name,\n        authorUsername: aiUser.username,\n        authorProfileImage: aiUser.profileImage,\n        likes: 0,\n        comments: []\n      };\n      posts.unshift(post);\n      savePostsToLocalStorage();\n      displayTimeline();\n    }\n  }\n\n  setInterval(postAiBotContent, 500000); \/\/ 50,000\u30df\u30ea\u79d2 = 50\u79d2\n\n  \/\/ \u30de\u30eb\u30b3\u30d5\u9023\u9396\u3092\u4f7f\u7528\u3057\u305f\u81ea\u52d5\u6295\u7a3fBOT\n  function generateMarkovChainText(order = 2) {\n    const allTexts = posts.map(post => post.content).join(' ');\n    if (allTexts.length < 100) return null; \/\/ \u30c6\u30ad\u30b9\u30c8\u304c\u77ed\u3059\u304e\u308b\u5834\u5408\u306f\u751f\u6210\u3057\u306a\u3044\n\n    const markov = new RiTa.Markov(order);\n    markov.addText(allTexts);\n    const sentences = markov.generate(1);\n    return sentences[0];\n  }\n\n  function postMarkovBotContent() {\n    const generatedText = generateMarkovChainText(3); \/\/ \u968e\u6570\u30923\u306b\u8a2d\u5b9a\n    if (generatedText) {\n      const botUser = {\n        name: 'MarkovBot',\n        username: 'markovbot',\n        profileImage: 'markov_bot_profile_img.jpg'\n      };\n      const post = {\n        id: Date.now(),\n        content: generatedText,\n        author: botUser.name,\n        authorUsername: botUser.username,\n        authorProfileImage: botUser.profileImage,\n        likes: 0,\n        comments: []\n      };\n      posts.unshift(post);\n      savePostsToLocalStorage();\n      displayTimeline();\n    }\n  }\n\n  setInterval(postMarkovBotContent, markovBotInterval); \/\/ \u30de\u30eb\u30b3\u30d5\u9023\u9396BOT\u306e\u6295\u7a3f\u9593\u9694\n\n  \/\/ \u6295\u7a3f\u95a2\u9023\u306e\u95a2\u6570\n  function createPost() {\n    const postContent = document.getElementById('postContent').value;\n    if (postContent.trim() !== '') {\n      const post = {\n        id: Date.now(),\n        content: postContent,\n        author: currentUser.name,\n        authorUsername: currentUser.username,\n        authorProfileImage: currentUser.profileImage,\n        likes: 0,\n        comments: [],\n        shares: 0\n      };\n      posts.unshift(post); \/\/ \u6700\u65b0\u306e\u6295\u7a3f\u3092\u5148\u982d\u306b\u8ffd\u52a0\n      savePostsToLocalStorage(); \/\/ \u6295\u7a3f\u3092\u4fdd\u5b58\n      displayTimeline();\n      document.getElementById('postContent').value = ''; \/\/ \u6295\u7a3f\u5f8c\u3001\u5165\u529b\u6b04\u3092\u7a7a\u306b\u3059\u308b\n    }\n  }\n\n  function displayTimeline() {\n    const timeline = document.getElementById('timeline');\n    timeline.innerHTML = '';\n    posts.forEach(post => {\n      const postElement = document.createElement('div');\n      postElement.classList.add('card', 'mb-3');\n      postElement.innerHTML = `\n        <div class="card-body">\n          <div class="d-flex align-items-center mb-3">\n            <img src="${post.authorProfileImage || 'default_profile_img.jpg'}" class="profile-img mr-2" alt="\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf">\n            <div>\n              <strong>${post.author}<\/strong> (@${post.authorUsername})\n              ${post.shared ? '<span class="badge badge-info ml-2">\u30b7\u30a7\u30a2<\/span>' : ''}\n            <\/div>\n          <\/div>\n          <p class="card-text">${post.content}<\/p>\n          ${post.link ? `<a href="${post.link}" target="_blank" class="btn btn-link">\u7d9a\u304d\u3092\u8aad\u3080<\/a>` : ''}\n          <div class="d-flex justify-content-between">\n            <div>\n              <button onclick="likePost(${post.id})" class="btn btn-primary btn-sm"><i class="fas fa-thumbs-up"><\/i> \u3044\u3044\u306d (${post.likes})<\/button>\n              <button onclick="toggleComments(${post.id})" class="btn btn-secondary btn-sm"><i class="fas fa-comments"><\/i> \u30b3\u30e1\u30f3\u30c8 (${post.comments.length})<\/button>\n              <button onclick="replyToPost(${post.id})" class="btn btn-info btn-sm"><i class="fas fa-reply"><\/i> \u8fd4\u4fe1<\/button>\n              <button onclick="sharePost(${post.id})" class="btn btn-share btn-sm"><i class="fas fa-share"><\/i> \u30b7\u30a7\u30a2 (${post.shares || 0})<\/button>\n              <button onclick="shareToTwitter(${post.id})" class="btn btn-share-twitter btn-sm"><i class="fab fa-twitter"><\/i> X\u3067\u30b7\u30a7\u30a2<\/button>\n            <\/div>\n            <small class="text-muted">${new Date(post.id).toLocaleString()}<\/small>\n          <\/div>\n          <div id="comments-${post.id}" class="comment-section mt-3" style="display: none;">\n            ${post.comments.map(comment => `\n              <div class="card mb-2">\n                <div class="card-body">\n                  <p><strong>${comment.author}<\/strong>: ${comment.content}<\/p>\n                <\/div>\n              <\/div>\n            `).join('')}\n          <\/div>\n        <\/div>\n      `;\n      timeline.appendChild(postElement);\n    });\n  }\n\n  \/\/ \u3044\u3044\u306d\u6a5f\u80fd\n  function likePost(postId) {\n    const post = posts.find(p => p.id === postId);\n    post.likes++;\n    savePostsToLocalStorage();\n    displayTimeline();\n  }\n\n  \/\/ \u30b3\u30e1\u30f3\u30c8\u8868\u793a\u5207\u66ff\n  function toggleComments(postId) {\n    const commentSection = document.getElementById(`comments-${postId}`);\n    commentSection.style.display = commentSection.style.display === 'none' ? 'block' : 'none';\n  }\n\n  \/\/ \u30ea\u30d7\u30e9\u30a4\u6a5f\u80fd\n  function replyToPost(postId) {\n    const modal = document.getElementById('replyModal');\n    modal.dataset.postId = postId;\n    $('#replyModal').modal('show');\n  }\n\n  function postReply() {\n    const postId = parseInt(document.getElementById('replyModal').dataset.postId);\n    const post = posts.find(p => p.id === postId);\n    const replyContent = document.getElementById('replyContent').value;\n    if (replyContent.trim() !== '') {\n      post.comments.push({ author: currentUser.name, content: replyContent });\n      $('#replyModal').modal('hide');\n      savePostsToLocalStorage();\n      displayTimeline();\n    } else {\n      alert('\u8fd4\u4fe1\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n    }\n  }\n\n  \/\/ \u6295\u7a3f\u306e\u30b7\u30a7\u30a2\u6a5f\u80fd\n  function sharePost(postId) {\n    const post = posts.find(p => p.id === postId);\n    if (post) {\n      const sharedPost = {\n        ...post,\n        id: Date.now(),\n        author: currentUser.name,\n        authorUsername: currentUser.username,\n        authorProfileImage: currentUser.profileImage,\n        shared: true,\n        likes: 0,\n        comments: [],\n        shares: post.shares ? post.shares + 1 : 1\n      };\n      posts.unshift(sharedPost);\n      savePostsToLocalStorage();\n      displayTimeline();\n      alert('\u6295\u7a3f\u3092\u30b7\u30a7\u30a2\u3057\u307e\u3057\u305f\u3002');\n    }\n  }\n\n  \/\/ X\uff08\u65e7Twitter\uff09\u306b\u30b7\u30a7\u30a2\u3059\u308b\u6a5f\u80fd\n  function shareToTwitter(postId) {\n    const post = posts.find(p => p.id === postId);\n    if (post) {\n      let shareText = post.content;\n      if (post.link) {\n        shareText += ' ' + post.link;\n      }\n      const shareUrl = `https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(window.location.href)}`;\n      window.open(shareUrl, '_blank');\n    }\n  }\n\n  \/\/ FEED\u306e\u767b\u9332\u3068\u81ea\u52d5\u6295\u7a3f\u6a5f\u80fd\n  function registerFeed() {\n    const feedUrl = document.getElementById('feedUrl').value;\n    if (feedUrl.trim() !== '') {\n      feeds.push(feedUrl);\n      saveFeedsToLocalStorage(); \/\/ \u30d5\u30a3\u30fc\u30c9\u60c5\u5831\u3092\u4fdd\u5b58\n      alert('RSS\u30d5\u30a3\u30fc\u30c9\u304c\u767b\u9332\u3055\u308c\u307e\u3057\u305f\uff01');\n      document.getElementById('feedUrl').value = ''; \/\/ \u767b\u9332\u5f8c\u3001\u5165\u529b\u6b04\u3092\u7a7a\u306b\u3059\u308b\n    } else {\n      document.getElementById('feedUrlError').style.display = 'block';\n    }\n  }\n\n  function fetchFeeds() {\n    feeds.forEach(feedUrl => {\n      fetch(`https:\/\/api.rss2json.com\/v1\/api.json?rss_url=${encodeURIComponent(feedUrl)}`)\n        .then(response => response.json())\n        .then(data => {\n          data.items.forEach(item => {\n            \/\/ \u540c\u3058\u6295\u7a3f\u304c\u65e2\u306b\u5b58\u5728\u3059\u308b\u304b\u30c1\u30a7\u30c3\u30af\n            if (!posts.some(p => p.link === item.link)) {\n              const post = {\n                id: Date.now() + Math.random(), \/\/ \u91cd\u8907\u3057\u306a\u3044ID\u3092\u751f\u6210\n                content: item.title,\n                link: item.link, \/\/ \u30ea\u30f3\u30af\u3092\u8ffd\u52a0\n                author: 'FEEDBOT',\n                authorUsername: 'feedbot',\n                authorProfileImage: 'feedbot_profile_img.jpg', \/\/ FEEDBOT\u306e\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf\u3092\u8a2d\u5b9a\n                likes: 0,\n                comments: []\n              };\n              posts.unshift(post); \/\/ \u6700\u65b0\u306e\u6295\u7a3f\u3092\u5148\u982d\u306b\u8ffd\u52a0\n              savePostsToLocalStorage(); \/\/ \u6295\u7a3f\u3092\u4fdd\u5b58\n            }\n          });\n          displayTimeline(); \/\/ \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3092\u8868\u793a\n        })\n        .catch(error => console.error('RSS\u30d5\u30a3\u30fc\u30c9\u306e\u53d6\u5f97\u30a8\u30e9\u30fc:', error));\n    });\n  }\n\n  function setFeedInterval() {\n    const intervalInput = document.getElementById('feedInterval').value;\n    if (intervalInput && parseInt(intervalInput) > 0) {\n      feedFetchInterval = parseInt(intervalInput) * 1000; \/\/ \u30df\u30ea\u79d2\u306b\u5909\u63db\n      clearInterval(feedFetchTimer);\n      feedFetchTimer = setInterval(fetchFeeds, feedFetchInterval);\n      alert(`\u81ea\u52d5\u6295\u7a3f\u306e\u9593\u9694\u304c${intervalInput}\u79d2\u306b\u8a2d\u5b9a\u3055\u308c\u307e\u3057\u305f\u3002`);\n    } else {\n      alert('\u6709\u52b9\u306a\u9593\u9694\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\uff081\u4ee5\u4e0a\u306e\u6570\u5b57\uff09\u3002');\n    }\n  }\n\n  \/\/ \u30da\u30fc\u30b8\u30ed\u30fc\u30c9\u6642\u306b\u30d5\u30a3\u30fc\u30c9\u306e\u81ea\u52d5\u53d6\u5f97\u3092\u958b\u59cb\n  function startFeedFetch() {\n    feedFetchTimer = setInterval(fetchFeeds, feedFetchInterval);\n  }\n\n  \/\/ \u521d\u671f\u5316\n  function init() {\n    loadUsersFromLocalStorage();\n    loadPostsFromLocalStorage();\n    loadFeedsFromLocalStorage();\n    loadAiBotPostsFromLocalStorage();\n    loadCurrentUserFromLocalStorage();\n\n    if (currentUser) {\n      showProfile();\n    } else {\n      hideAll();\n      document.getElementById('loginForm').style.display = 'block';\n    }\n\n    displayTimeline();\n    startFeedFetch(); \/\/ \u30d5\u30a3\u30fc\u30c9\u306e\u81ea\u52d5\u53d6\u5f97\u3092\u958b\u59cb\n  }\n\n  \/\/ \u30da\u30fc\u30b8\u30ed\u30fc\u30c9\u6642\u306b\u521d\u671f\u5316\n  window.onload = init;\n\n<\/script>\n\n<\/body>\n<\/html>\n<\/pre><\/div>","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":[80],"tags":[3],"class_list":["post-25616","post","type-post","status-publish","format-standard","hentry","category-html","tag-programming"],"aioseo_notices":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25616","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=25616"}],"version-history":[{"count":1,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25616\/revisions"}],"predecessor-version":[{"id":25617,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25616\/revisions\/25617"}],"wp:attachment":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=25616"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=25616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}