<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Tsumugi</title>
<!-- Favicon -->
<link rel="shortcut icon"
href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23667eea' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/></svg>"/>
<!-- Tailwind CSS v2 -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"/>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css"/>
<style>
:root {
--grad-a: #667eea;
--grad-b: #764ba2;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: radial-gradient(circle at top left, #1f2937 0%, #111827 40%, #020617 100%);
min-height: 100vh;
color: #111827;
}
.glass-effect {
background: radial-gradient(circle at top left, rgba(255,255,255,0.15), rgba(255,255,255,0.03));
backdrop-filter: blur(18px);
border-radius: 18px;
border: 1px solid rgba(255,255,255,0.16);
}
.card-hover { transition: all 0.25s ease; }
.card-hover:hover { transform: translateY(-3px); box-shadow: 0 20px 30px -12px rgba(0,0,0,0.45); }
.gradient-text {
background: linear-gradient(90deg, var(--grad-a), var(--grad-b));
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.timeline-post {
background: rgba(15,23,42,0.96);
border-radius: 18px;
box-shadow: 0 14px 30px -16px rgba(0,0,0,0.7);
transition: all 0.25s ease;
border-left: 4px solid var(--grad-a);
}
.timeline-post:hover { transform: translateX(4px); }
.profile-avatar {
width: 100px; height: 100px; border-radius: 50%;
object-fit: cover; border: 3px solid rgba(255,255,255,0.9);
box-shadow: 0 10px 24px rgba(0,0,0,0.35);
}
.mini-avatar {
width: 46px; height: 46px; border-radius: 50%; object-fit: cover;
border: 2px solid rgba(255,255,255,0.9);
}
.btn-primary {
background: linear-gradient(135deg, var(--grad-a), var(--grad-b));
border: none; transition: all 0.2s ease;
}
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 10px 18px rgba(0,0,0,0.4); }
.section-divider {
height: 3px; background: linear-gradient(90deg, var(--grad-a), var(--grad-b));
border-radius: 999px; margin: 2rem 0;
}
.username-badge {
background: radial-gradient(circle at top left, var(--grad-a), var(--grad-b));
color: white; padding: 0.2rem 0.6rem; border-radius: 999px;
font-size: 0.75rem; font-weight: 600; display: inline-flex;
align-items: center; margin-left: 0.5rem;
}
.username-badge i { margin-right: 4px; }
.share-menu { position: absolute; z-index: 50; min-width: 180px; right: 0; top: 110%; background: #020617; border-radius: 12px; box-shadow: 0 18px 45px rgba(0,0,0,0.75); border: 1px solid rgba(148,163,184,0.5); }
.share-menu button { width: 100%; text-align: left; padding: 10px 20px; border: none; background: none; cursor: pointer; font-size: 0.95rem; color: #e5e7eb; }
.share-menu button:hover { background: rgba(51,65,85,0.9); }
.status-indicator { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; }
.status-active { background-color: #10b981; animation: pulse 1.5s infinite; }
.status-inactive { background-color: #6b7280; }
.log-container {
max-height: 180px; overflow-y: auto; background: rgba(15,23,42,0.85);
border-radius: 10px; padding: 10px; margin-top: 10px; font-size: 0.8rem;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
border: 1px solid rgba(148,163,184,0.5); color: #e5e7eb;
}
.error-message { color: #fecaca; background: rgba(127,29,29,0.6); padding: 8px; border-radius: 8px; margin: 5px 0; }
.success-message { color: #bbf7d0; background: rgba(6,95,70,0.6); padding: 8px; border-radius: 8px; margin: 5px 0; }
@keyframes pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.1); } }
.dark .glass-effect { background: rgba(15,23,42,0.92); border: 1px solid rgba(148,163,184,0.4); }
.dark .timeline-post { background: #020617; color: #f9fafb; border-left-color: #4f46e5; }
.dark .share-menu { background: #020617; color: #e5e7eb; }
.dark .success-message { background: rgba(6,95,70,0.7); }
.dark .error-message { background: rgba(127,29,29,0.7); }
.icon-label {
font-size: 0.8rem; color: #e5e7eb; text-transform: uppercase; letter-spacing: 0.05em;
}
@media print {
body { background: white !important; -webkit-print-color-adjust: exact; }
.glass-effect { background: white !important; backdrop-filter: none !important; border: 1px solid #e5e7eb !important; }
.timeline-post { background: white !important; color: #111827 !important; }
}
</style>
</head>
<body class="dark text-gray-100">
<!-- ログイン/登録モーダル -->
<div id="auth-modal" class="fixed inset-0 bg-black bg-opacity-60 flex items-center justify-center z-50" style="display:none">
<div class="bg-gray-900 rounded-2xl shadow-2xl w-full max-w-sm p-6 border border-gray-700">
<h2 class="text-2xl font-bold mb-4 text-center gradient-text" id="auth-title">ログイン</h2>
<div id="auth-error" class="error-message mb-2" style="display:none"></div>
<form id="auth-form" autocomplete="off">
<div class="mb-3">
<label class="block mb-1 text-xs font-semibold text-gray-300">メールアドレス</label>
<input type="email" id="auth-email" class="w-full border border-gray-700 bg-gray-800 rounded px-3 py-2 text-sm text-gray-100" required>
</div>
<div class="mb-3">
<label class="block mb-1 text-xs font-semibold text-gray-300">パスワード</label>
<input type="password" id="auth-password" class="w-full border border-gray-700 bg-gray-800 rounded px-3 py-2 text-sm text-gray-100" required>
</div>
<button type="submit" class="btn-primary w-full py-2 rounded-lg text-white font-semibold text-sm mt-2">
<i class="fas fa-sign-in-alt mr-2"></i>ログイン
</button>
</form>
<div class="mt-4 text-center">
<button id="toggle-auth-mode" class="text-indigo-400 underline text-xs">新規登録はこちら</button>
</div>
</div>
</div>
<!-- ヘッダー -->
<header class="glass-effect mx-4 mt-4 p-6 border border-indigo-500/40">
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between space-y-4 lg:space-y-0">
<div class="text-left">
<h1 class="text-3xl md:text-4xl font-extrabold text-white mb-1 tracking-tight">
<i class="fas fa-comments mr-3 text-indigo-300"></i>
<span class="gradient-text">Tsumugi</span>
<span class="ml-2 text-xs px-2 py-1 rounded-full bg-indigo-500/20 border border-indigo-400/60 align-middle">Verse Core v3.0</span>
</h1>
<p class="text-indigo-100 text-sm md:text-base opacity-90">
次世代ソーシャルネットワーク • RSS / BOT 専用エディション(AI機能なし)
</p>
</div>
<div class="flex flex-wrap items-center justify-end gap-3">
<div class="flex items-center bg-slate-900/70 rounded-2xl px-3 py-2 shadow-inner border border-slate-700">
<img id="header-profile-icon" class="mini-avatar" src="https://via.placeholder.com/80" alt="プロフィール">
<div class="ml-3 text-left">
<div class="font-semibold text-sm" id="header-username">未設定</div>
<div class="text-xs text-slate-300 opacity-75" id="header-user-email"></div>
</div>
</div>
<button onclick="toggleDarkMode()" class="btn-primary px-4 py-2 rounded-full text-white text-xs flex items-center">
<i class="fas fa-moon mr-2"></i><span>テーマ切替</span>
</button>
<button onclick="showSystemStatus()" class="bg-slate-900 hover:bg-slate-800 px-4 py-2 rounded-full text-white text-xs border border-slate-600 flex items-center">
<i class="fas fa-info-circle mr-2"></i>ステータス
</button>
<button onclick="clearVerseCache()" class="bg-yellow-400 hover:bg-yellow-500 px-4 py-2 rounded-full text-black text-xs flex items-center">
<i class="fas fa-broom mr-2"></i>キャッシュクリア
</button>
<button id="logout-btn" onclick="logout()" class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full text-white text-xs flex items-center hidden">
<i class="fas fa-sign-out-alt mr-2"></i>ログアウト
</button>
</div>
</div>
</header>
<!-- メイン -->
<div class="max-w-6xl mx-auto px-4 py-6" id="main-content" style="display:none">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<!-- 左カラム:プロフィール/BOT/RSS -->
<div class="lg:col-span-1 space-y-6">
<!-- プロフィール -->
<div class="glass-effect p-6 card-hover border border-slate-600">
<h3 class="text-2xl font-bold gradient-text mb-4 flex items-center">
<i class="fas fa-user-circle mr-2 text-indigo-300"></i>プロフィール
</h3>
<div class="text-center mb-6">
<img id="profile-icon" class="profile-avatar mx-auto mb-4" src="https://via.placeholder.com/100" alt="プロフィール">
<input type="file" id="profile-upload" accept="image/*" onchange="uploadProfileIcon(event)" class="hidden">
<button onclick="document.getElementById('profile-upload').click()" class="btn-primary px-4 py-2 rounded-full text-white text-sm">
<i class="fas fa-camera mr-2"></i>プロフィール画像
</button>
</div>
<div class="space-y-4">
<div>
<label class="block text-gray-200 font-semibold mb-1 text-xs">ユーザー名</label>
<input type="text" id="username" class="w-full p-3 border border-slate-600 rounded-lg bg-slate-900 text-gray-100 text-sm" placeholder="ユーザー名を入力" maxlength="20">
</div>
<div>
<label class="block text-gray-200 font-semibold mb-1 text-xs">自己紹介</label>
<textarea id="self-intro" class="w-full p-3 border border-slate-600 rounded-lg bg-slate-900 text-gray-100 text-sm" rows="4" placeholder="自己紹介を入力"></textarea>
</div>
<button onclick="saveProfile()" class="btn-primary w-full py-2 rounded-lg text-white text-sm font-semibold">
<i class="fas fa-save mr-2"></i>プロフィール保存
</button>
<div class="p-3 bg-slate-900/80 rounded-lg border border-slate-700">
<h5 class="font-semibold text-gray-200 mb-2 text-xs">プレビュー</h5>
<div class="text-gray-300 text-sm">
<div class="font-semibold mb-1" id="username-preview">未設定</div>
<div id="self-intro-preview" class="text-xs whitespace-pre-line min-h-8">まだ自己紹介がありません</div>
</div>
</div>
</div>
</div>
<!-- BOT/Feed アイコン設定 -->
<div class="glass-effect p-6 card-hover border border-indigo-500/40">
<h3 class="text-xl font-bold text-indigo-100 mb-4 flex items-center">
<i class="fas fa-icons mr-2 text-indigo-300"></i>BOT / Feed アイコン設定
</h3>
<div class="space-y-4 text-xs">
<div class="flex items-center space-x-3">
<img id="bot-icon-preview" class="mini-avatar" src="https://cdn-icons-png.flaticon.com/512/4712/4712109.png" alt="BOT">
<div class="flex-1">
<div class="icon-label">BOT / Markov BOT</div>
<input type="file" id="bot-icon-upload" accept="image/*" class="hidden" onchange="uploadIcon('bot', event)">
<button onclick="document.getElementById('bot-icon-upload').click()" class="bg-slate-900 hover:bg-slate-800 px-3 py-1 rounded-full text-gray-100 text-[11px] border border-slate-600 mt-1">
<i class="fas fa-robot mr-1"></i>BOTアイコン変更
</button>
</div>
</div>
<div class="flex items-center space-x-3">
<img id="feed-icon-preview" class="mini-avatar" src="https://cdn-icons-png.flaticon.com/512/3416/3416046.png" alt="Feed">
<div class="flex-1">
<div class="icon-label">RSS FEED BOT</div>
<input type="file" id="feed-icon-upload" accept="image/*" class="hidden" onchange="uploadIcon('feed', event)">
<button onclick="document.getElementById('feed-icon-upload').click()" class="bg-slate-900 hover:bg-slate-800 px-3 py-1 rounded-full text-gray-100 text-[11px] border border-slate-600 mt-1">
<i class="fas fa-rss mr-1"></i>Feedアイコン変更
</button>
</div>
</div>
</div>
</div>
<!-- RSS自動投稿機能 -->
<div class="glass-effect p-6 card-hover border border-amber-500/40">
<h3 class="text-xl font-bold text-amber-100 mb-4">
<i class="fas fa-rss mr-2 text-amber-300"></i>RSS自動投稿(全体共有)
<span class="status-indicator" id="rss-status"></span>
<span id="rss-status-text" class="text-xs opacity-75">停止中</span>
</h3>
<div>
<input id="rss-url" type="text" class="w-full p-2 border border-slate-600 rounded-lg bg-slate-900 text-gray-100 text-xs mb-2" placeholder="RSSフィードURLを入力">
<button onclick="addRssFeed()" class="btn-primary w-full py-2 rounded-lg text-white mb-2 text-xs">
<i class="fas fa-plus mr-2"></i>追加
</button>
<div id="rss-list" class="mb-3 text-xs"></div>
<div class="flex items-center space-x-2 mb-2">
<input type="number" id="rss-interval" class="w-1/2 p-2 border border-slate-600 rounded-lg bg-slate-900 text-gray-100 text-xs" min="10" max="3600" value="300" placeholder="間隔(秒)">
<button onclick="setRssInterval()" class="btn-primary flex-1 py-2 rounded-lg text-white text-xs">
<i class="fas fa-clock mr-2"></i>間隔設定
</button>
</div>
<div class="flex items-center space-x-2 mb-2">
<button onclick="fetchRssNow()" class="btn-primary flex-1 py-2 rounded-lg text-white text-xs">
<i class="fas fa-sync mr-2"></i>今すぐ取得
</button>
<button onclick="stopRssAuto()" class="bg-red-600 hover:bg-red-700 flex-1 py-2 rounded-lg text-white text-xs">
<i class="fas fa-stop mr-2"></i>自動停止
</button>
</div>
<div class="flex items-center space-x-2 text-xs">
<button onclick="setAllRssEnabled(true)" class="btn-primary flex-1 py-2 rounded-lg text-white text-[11px]">
<i class="fas fa-toggle-on mr-1"></i>すべてON
</button>
<button onclick="setAllRssEnabled(false)" class="bg-gray-600 hover:bg-gray-700 flex-1 py-2 rounded-lg text-white text-[11px]">
<i class="fas fa-toggle-off mr-1"></i>すべてOFF
</button>
</div>
<div id="rss-log" class="log-container text-xs mt-3"></div>
</div>
</div>
<!-- BOT機能 -->
<div class="glass-effect p-6 card-hover border border-emerald-500/40">
<h3 class="text-xl font-bold text-emerald-100 mb-4">
<i class="fas fa-robot mr-2 text-emerald-300"></i>BOT機能
<span class="status-indicator" id="bot-status"></span>
<span id="bot-status-text" class="text-xs opacity-75">停止中</span>
</h3>
<div class="space-y-4">
<div>
<textarea id="botContent" class="w-full p-3 border border-slate-600 rounded-lg bg-slate-900 text-gray-100 text-sm" rows="3" placeholder="BOT投稿内容"></textarea>
<button onclick="postBotMessage()" class="btn-primary w-full mt-2 py-2 rounded-lg text-white text-xs">
<i class="fas fa-robot mr-2"></i>BOT投稿
</button>
</div>
<div>
<input type="number" id="botIntervalSec" class="w-full p-2 border border-slate-600 rounded-lg bg-slate-900 text-gray-100 text-xs" placeholder="マルコフ自動投稿間隔(秒)" min="10" max="3600" value="60">
<div class="flex space-x-2 mt-2">
<button onclick="postMarkovBot()" class="btn-primary flex-1 py-2 rounded-lg text-white text-xs">
<i class="fas fa-dice mr-2"></i>マルコフ生成
</button>
<button onclick="startBotAutoPost()" class="btn-primary flex-1 py-2 rounded-lg text-white text-xs">
<i class="fas fa-play mr-2"></i>自動開始
</button>
<button onclick="stopBotAutoPost()" class="bg-red-600 hover:bg-red-700 flex-1 py-2 rounded-lg text-white text-xs">
<i class="fas fa-stop mr-2"></i>停止
</button>
</div>
</div>
<div class="text-emerald-100 text-xs opacity-80">
<i class="fas fa-info-circle mr-1"></i>
マルコフ連鎖ではユーザー/BOT投稿のみを学習し、RSS記事本文は学習対象から除外します。
</div>
<div id="bot-log" class="log-container text-xs"></div>
</div>
</div>
</div>
<!-- 右カラム:投稿&タイムライン -->
<div class="lg:col-span-2 space-y-6">
<!-- 新規投稿 -->
<div class="glass-effect p-6 card-hover border border-slate-600">
<h3 class="text-2xl font-bold gradient-text mb-4 flex items-center">
<i class="fas fa-edit mr-2 text-indigo-300"></i>新規投稿
</h3>
<div>
<textarea id="postContent" class="w-full p-4 border border-slate-600 rounded-lg bg-slate-900 text-gray-100 text-sm" rows="4" placeholder="今何を考えていますか?(Ctrl+Enter で投稿)" maxlength="500"></textarea>
<div class="mt-4 flex flex-col md:flex-row md:items-center md:justify-between space-y-3 md:space-y-0">
<div class="text-indigo-100 text-xs opacity-90 flex items-center space-x-2">
<i class="fas fa-info-circle"></i>
<span>あなたの思いを共有しましょう</span>
<span id="char-count" class="ml-2 px-2 py-1 rounded-full bg-slate-900 border border-slate-600">(0/500)</span>
</div>
<div class="flex space-x-2">
<button onclick="createUserPost()" class="btn-primary px-5 py-2 rounded-lg text-white text-xs font-semibold">
<i class="fas fa-paper-plane mr-2"></i>投稿する
</button>
</div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- タイムライン -->
<div class="glass-effect p-6 border border-slate-600">
<div class="flex flex-col md:flex-row md:justify-between md:items-center mb-4 space-y-3 md:space-y-0">
<h3 class="text-2xl font-bold text-indigo-100 flex items-center">
<i class="fas fa-stream mr-2 text-indigo-300"></i>タイムライン
<span id="post-count" class="text-sm font-normal opacity-75 ml-2">(0件の投稿)</span>
</h3>
<div class="flex space-x-2">
<button onclick="clearAllPosts()" class="bg-red-600 hover:bg-red-700 px-3 py-1 rounded text-white text-xs flex items-center">
<i class="fas fa-trash mr-1"></i>全削除
</button>
<button onclick="exportData()" class="bg-emerald-600 hover:bg-emerald-700 px-3 py-1 rounded text-white text-xs flex items-center">
<i class="fas fa-download mr-1"></i>エクスポート
</button>
</div>
</div>
<!-- フィルター&検索 -->
<div class="flex flex-col md:flex-row md:items-center md:justify-between mb-4 space-y-3 md:space-y-0">
<div class="flex flex-wrap gap-2 text-xs">
<button id="filter-all" onclick="setFilter('all')" class="px-3 py-1 rounded-full border border-slate-600 bg-indigo-600 text-white flex items-center">
<i class="fas fa-globe mr-1"></i>すべて
</button>
<button id="filter-user" onclick="setFilter('user')" class="px-3 py-1 rounded-full border border-slate-600 text-slate-200 flex items-center">
<i class="fas fa-user mr-1"></i>ユーザー
</button>
<button id="filter-bot" onclick="setFilter('bot')" class="px-3 py-1 rounded-full border border-slate-600 text-slate-200 flex items-center">
<i class="fas fa-robot mr-1"></i>BOT
</button>
<button id="filter-feed" onclick="setFilter('feed')" class="px-3 py-1 rounded-full border border-slate-600 text-slate-200 flex items-center">
<i class="fas fa-rss mr-1"></i>Feed
</button>
</div>
<div class="relative w-full md:w-64">
<input id="timeline-search" type="text" class="w-full pl-8 pr-3 py-2 rounded-full bg-slate-900 border border-slate-600 text-xs text-slate-100" placeholder="キーワード検索(本文・ユーザー名)">
<i class="fas fa-search text-slate-400 text-xs absolute left-2.5 top-1/2 transform -translate-y-1/2"></i>
</div>
</div>
<div id="timeline" class="space-y-4"></div>
<div id="empty-timeline" class="text-center py-12 text-slate-200 opacity-80">
<i class="fas fa-comments text-4xl mb-4 text-indigo-300"></i>
<p class="text-lg">まだ投稿がありません</p>
<p class="text-xs text-slate-300">最初の投稿をして、タイムラインを始めましょう!</p>
</div>
</div>
</div>
</div>
</div>
<footer class="glass-effect mx-4 mb-4 p-4 text-center border border-slate-700">
<p class="text-slate-200 opacity-80 text-xs">
<i class="fas fa-copyright mr-1"></i>
2025 Verse – 次世代ソーシャルネットワーク v3.0
<span class="ml-4 inline-flex items-center">
<i class="fas fa-rss mr-1 text-amber-300"></i>共有RSS / 個別ON/OFF / BOT・マルコフ自動投稿
</span>
</p>
</footer>
<script>
// ==== 初期RSS ====
const PRESET_RSS = [
"http://2ch-2.net/rss/all.xml",
"http://2ch-ranking.net/rss/livemarket1.rdf",
"http://2ch-ranking.net/rss/livemarket2.rdf",
"http://kabumatome.doorblog.jp/index.rdf",
"http://momoniji.com/feed",
"http://oekakigakusyuu.blog97.fc2.com/?xml",
"http://otanews.livedoor.biz/atom.xml",
"http://otanews.livedoor.biz/index.rdf",
"http://news4vip.livedoor.biz/index.rdf",
"http://news.kakaku.com/prdnews/rss.asp",
"http://www.jma-net.go.jp/rss/jma.rss",
"http://rss.asahi.com/rss/asahi/newsheadlines.rdf",
"https://uploadvr.com/feed/",
"http://www.atmarkit.co.jp/rss/rss2dc.xml",
"http://liginc.co.jp/feed",
"http://liginc.co.jp/feed/",
"http://blog.livedoor.jp/shachiani/index.rdf",
"http://manga.lemon-s.com/atom.xml",
"http://b.hatena.ne.jp/search/text?safe=on&q=%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3&users=500&mode=rss",
"http://creator-life.net/feed/",
"http://feedblog.ameba.jp/rss/ameblo/ca-1pixel/rss20.xml",
"http://rssblog.ameba.jp/ca-1pixel/rss20.xml",
"http://weekly.ascii.jp/cate/1/rss.xml",
"http://blog.livedoor.jp/coleblog/atom.xml",
"http://2chantena.antenam.biz/rss1s.rss",
"http://www.4gamer.net/rss/index.xml",
"http://www.4gamer.net/rss/news_topics.xml",
"http://nyan.eggtree.net/feed.xml",
"http://nunnnunn.hatenablog.com/rss",
"http://www.nikkansports.com/general/atom.xml",
"http://feeds.afpbb.com/rss/afpbb/access_ranking",
"http://akiba-pc.watch.impress.co.jp/cda/rss/akiba-pc.rdf",
"https://area.autodesk.jp/rss.xml",
"http://av.watch.impress.co.jp/sublink/av.rdf",
"http://rss.allabout.co.jp/aa/latest/ch/netpc/",
"http://www.ar-ch.org/atom.xml",
"http://feeds.arstechnica.com/arstechnica/BAaf",
"https://feeds.feedburner.com/awwwards-sites-of-the-day",
"http://news.bbc.co.uk/rss/newsonline_uk_edition/front_page/rss091.xml",
"http://www.criteo.com/blog/rss/",
"https://blueskyweb.xyz/rss.xml",
"http://boingboing.net/rss.xml",
"http://www.cc2.co.jp/blog/?feed=rss2",
"http://cgarena.com/cgarena.xml",
"http://cgtracking.net/feed",
"http://japan.cnet.com/rss/index.rdf",
"http://newclassic.jp/feed",
"https://www.cssmania.com/feed/",
"http://ceron.jp/top/?type=rss",
"http://blog.btrax.com/jp/comments/feed/",
"http://2ch.logpo.jp/1hour.xml",
"http://menthas.com/javascript/rss",
"http://www.nhk.or.jp/rss/news/cat0.xml",
"http://ozpa-h4.com/feed/",
"https://www.youtube.com/feeds/videos.xml?channel_id=UC1DCedRgGHBdm81E1llLhOQ",
"http://rass.blog43.fc2.com/?xml",
"http://stackoverflow.com/feeds",
"http://www.slideshare.net/rss/latest",
"http://www.jp.square-enix.com/whatsnew2/whatsnew.rdf",
"http://www.ituore.com/feed",
"http://synodos.jp/comments/feed",
"http://www.shinkigensha.co.jp/feed/",
"http://e-shuushuu.net/index.rss",
"http://slashdot.org/index.rss",
"http://feeds.feedburner.com/TheHackersNews?format=xml",
"http://googleblog.blogspot.com/atom.xml",
"http://www.theregister.co.uk/tonys/slashdot.rdf",
"http://thinkit.co.jp/rss.xml",
"http://blog.livedoor.jp/news23vip/atom.xml",
"http://blog.livedoor.jp/news23vip/index.rdf",
"http://www.webcreatorbox.com/feed/",
"http://web-d.navigater.info/atom.xml",
"http://2ch-c.net/?xml_all",
"http://smhn.info/feed",
"http://feeds.japan.zdnet.com/rss/zdnet/all.rdf",
"http://20kaido.com/index.rdf",
"http://2chnode.com/rss/feed/all",
"http://akiba-souken.com/feed/all/",
"http://amaebi.net/index.rdf",
"http://amakakeru.blog59.fc2.com/?xml",
"http://artskype.com/rss/feed.xml",
"http://asitagamienai.blog118.fc2.com/?xml",
"http://beta.egmnow.com/feed/",
"http://blog.livedoor.jp/ogenre/index.rdf",
"http://blog.nicovideo.jp/atom.xml",
"http://blog.tsubuani.com/feed",
"http://blogs.adobe.com/flex/atom.xml",
"http://blogs.adobe.com/index.xml",
"http://bm.s5-style.com/feed",
"http://business.nikkeibp.co.jp/rss/all_nbo.rdf",
"http://createlier.sitemix.jp/feed/",
"http://crocro.com/news/nc.cgi?action=search&skin=rdf_srch_xml",
"http://d.hatena.ne.jp/thk/rss",
"http://damage0.blomaga.jp/index.rdf",
"http://danbooru.donmai.us/posts.atom",
"http://danbooru.donmai.us/posts.atom?tags=rss",
"http://dengekionline.com/cate/11/rss.xml",
"http://dictionary.reference.com/wordoftheday/wotd.rss",
"http://doujin-games88.net/feed",
"http://doujin.sekurosu.com/rss",
"http://dousyoko.blog.fc2.com/?xml",
"http://eroaniblog.blog.fc2.com/?xml",
"http://eroanimedougakan.blog.fc2.com/?xml",
"http://erogetrailers.com/api?md=latest",
"http://eronizimage.blog.fc2.com/?xml",
"http://erosanime.blog121.fc2.com/?xml",
"http://erotaganime.blog.fc2.com/?xml",
"http://feed.nikkeibp.co.jp/rss/nikkeibp/index.rdf",
"http://feed.rssad.jp/rss/gigazine/rss_2.0",
"http://feed.rssad.jp/rss/jcast/index.xml",
"http://feed.rssad.jp/rss/klug/fxnews/rss5.xml",
"http://feedblog.ameba.jp/rss/ameblo/yusayusa0211/rss20.xml",
"http://feeds.adobe.com/xml/rss.cfm?query=byMostRecent&languages=1",
"http://feeds.builder.japan.zdnet.com/rss/builder/all.rdf",
"http://feeds.fc2.com/fc2/xml?host=anrism.blog&format=xml",
"http://feeds.fc2.com/fc2/xml?host=kahouha2jigen.blog&format=xml",
"http://feeds.feedburner.com/gekiura",
"http://feeds.journal.mycom.co.jp/rss/mycom/index",
"http://feeds.reuters.com/reuters/JPTopNews?format=xml",
"http://galten705.blog.fc2.com/?xml",
"http://gamanjiru.net/feed",
"http://gamanjiru.net/feed/atom",
"http://gamebiz.jp/?feed=rss",
"http://gamenode.jp/rss/feed/all",
"http://ggsoku.com/feed/atom/",
"http://girlcelly.blog.fc2.com/?xml&trackback",
"http://hairana.blog.fc2.com/?xml",
"http://haruka-yumenoato.net/static/rss/index.rss",
"http://headline.harikonotora.net/rss2.xml",
"http://hentaidoujinanime.com/?xml",
"http://homepage1.nifty.com/maname/index.rdf",
"http://horiemon.com/feed/",
"http://ideahacker.net/feed/",
"http://itpro.nikkeibp.co.jp/rss/develop.rdf",
"http://itpro.nikkeibp.co.jp/rss/news.rss",
"http://itpro.nikkeibp.co.jp/rss/oss.rdf",
"http://itpro.nikkeibp.co.jp/rss/win.rdf",
"http://japan.internet.com/rss/rdf/index.rdf",
"http://jp.leopard-raws.org/rss.php",
"http://jp.techcrunch.com/feed/",
"http://kakaku.com/trendnews/rss.xml",
"http://kamisoku.blog47.fc2.com/?xml",
"http://kanesoku.com/index.rdf",
"http://kibougamotenai.blog.fc2.com/?xml",
"http://kiisu.jpn.org/rss/now.xml",
"http://konachan.com/post/piclens?page=1&tags=loli",
"http://labo.tv/2chnews/index.xml",
"http://lineblog.me/yamamotoichiro/atom.xml",
"http://majimougen.blog.fc2.com/?xml",
"http://mantan-web.jp/rss/mantan.xml",
"http://matome.naver.jp/feed/hot",
"http://matome.naver.jp/feed/tech",
"http://matome.sekurosu.com/rss",
"http://mizuhonokuni2ch.com/?xml",
"http://momoiroanime.blog.fc2.com/?xml",
"http://moroahedoujin.com/?xml",
"http://nesingazou.blog.fc2.com/?xml",
"http://newnews-moe.com/index.rdf",
"http://news.ameba.jp/index.xml",
"http://news.com.com/2547-1_3-0-5.xml",
"http://news.nicovideo.jp/?rss=2.0",
"http://news.nicovideo.jp/ranking/hot?rss=2.0",
"http://newsbiz.yahoo.co.jp/topnews.rss",
"http://nijitora.blog.fc2.com/?xml",
"http://nodvd21ver2.blog.fc2.com/?xml",
"http://orebibou.com/feed/",
"http://osu.ppy.sh/feed/ranked/",
"http://otakomu.jp/feed",
"http://pcgameconquest.blog.fc2.com/?xml",
"http://picks.dir.yahoo.co.jp/dailypicks/rss/",
"http://piknik2ch.blog76.fc2.com/?xml",
"http://plus.appgiga.jp/feed/user",
"http://purisoku.com/index.rdf",
"http://rdsig.yahoo.co.jp/RV=1/RU=aHR0cDovL3NlYXJjaHJhbmtpbmcueWFob28uY28uanAvcnNzL2J1cnN0X3JhbmtpbmctcnNzLnhtbA--;_ylt=A2RhjFhfAi9XEi0A6Glhdu57",
"http://read2ch.net/rss/",
"http://rss.dailynews.yahoo.co.jp/fc/computer/rss.xml",
"http://rss.rssad.jp/rss/akibapc/akiba-pc.rdf",
"http://rss.rssad.jp/rss/ascii/biz/rss.xml",
"http://rss.rssad.jp/rss/ascii/hobby/rss.xml",
"http://rss.rssad.jp/rss/ascii/it/rss.xml",
"http://rss.rssad.jp/rss/ascii/mac/rss.xml",
"http://rss.rssad.jp/rss/ascii/pc/rss.xml",
"http://rss.rssad.jp/rss/ascii/rss.xml",
"http://rss.rssad.jp/rss/codezine/new/20/index.xml",
"http://rss.rssad.jp/rss/forest/rss.xml",
"http://rss.rssad.jp/rss/gihyo/feed/atom",
"http://rss.rssad.jp/rss/headline/headline.rdf",
"http://rss.rssad.jp/rss/impresswatch/pcwatch.rdf",
"http://rss.rssad.jp/rss/itm/1.0/makoto.xml",
"http://rss.rssad.jp/rss/itm/1.0/netlab.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_akiba.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_android_appli.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_apple.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_facebook.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_google.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_ipad.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_iphone.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_iphone_appli.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_mixi.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_smartphone.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_twitter.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_ustream.xml",
"http://rss.rssad.jp/rss/itm/2.0/kw_youtube.xml",
"http://rss.rssad.jp/rss/itmbizid/1.0/bizid.xml",
"http://rss.rssad.jp/rss/itmnews/2.0/news_bursts.xml",
"http://rss.rssad.jp/rss/japaninternetcom/index.rdf",
"http://rss.rssad.jp/rss/oshietekun/atom.xml",
"http://rss.rssad.jp/rss/slashdot/slashdot.rss",
"http://rss.rssad.jp/rss/zaikeishimbun/main.xml",
"http://rssc.dokoda.jp/r/8a1dd8f128047929ba4390dab3c8065e/http/searchranking.yahoo.co.jp/realtime_buzz/",
"http://sakurabaryo.com/feed/",
"http://sankei.jp.msn.com/rss/news/points.xml",
"http://sankei.jp.msn.com/rss/news/west_points.xml",
"http://search.goo.ne.jp/rss/newkw.rdf",
"http://sekurosu.com/rss",
"http://streaming.yahoo.co.jp/rss/newly/anime/",
"http://sub0000528116.hmk-temp.com/wordpress/?feed=rss2",
"http://sukebei.nyaa.se/?page=rss&sort=2",
"http://tenshoku.mynavi.jp/knowhow/rss.xml",
"http://tensinyakimeshi.blog98.fc2.com/?xml",
"http://thefreedom12.blog41.fc2.com/?xml",
"http://togetter.com/rss/hot/culture/62",
"http://togetter.com/rss/hot/culture/63",
"http://torimatome.main.jp/blogs/comments/feed",
"http://torimatome.main.jp/blogs/feed",
"http://toshinokyouko.com/rss.php",
"http://tvanimedouga.blog93.fc2.com/?xml",
"http://uranourainformation.blog21.fc2.com/?xml",
"http://video.fc2.com/a/feed_popular.php?m=week",
"http://weather.livedoor.com/forecast/rss/area/400010.xml",
"http://wotopi.jp/feed",
"http://www.100shiki.com/feed",
"http://www.alistapart.com/rss.xml",
"http://www.anime-sharing.com/forum/external.php?type=RSS2&forumids=36",
"http://www.anime-sharing.com/forum/external.php?type=RSS2&forumids=38",
"http://www.anime-sharing.com/forum/external.php?type=RSS2&forumids=47",
"http://www.blosxom.com/?feed=rss2",
"http://www.britannica.com/eb/dailycontent/rss",
"http://www.csmonitor.com/rss/top.rss",
"http://www.ehackingnews.com/feeds/posts/default",
"http://www.falcom.co.jp/new.xml",
"http://www.famitsu.com/rss/category/fcom_game.rdf",
"http://www.famitsu.com/rss/fcom_all.rdf",
"http://www.ganganonline.com/rss/index.xml",
"http://www.ideaxidea.com/feed",
"http://www.itnews711.com/index.rdf",
"http://www.jp.playstation.com/whatsnew/whatsnew.rdf",
"http://www.keyman.or.jp/rss/v1/?rss_type=all",
"http://www.koubo.co.jp/rss.xml",
"http://www.nyaa.se/?page=rss&sort=2",
"http://www.nyaa.se/?page=rss&user=118009",
"http://www.nytimes.com/services/xml/rss/userland/HomePage.xml",
"http://www.phianime.tv/feed/",
"http://www.rebootdevelop.hr/feed/",
"http://www.rictus.com/muchado/feed/",
"http://www.sbcr.jp/atom.xml",
"http://www.slashgear.com/comments/feed/",
"http://www.torrent-anime.com/feed",
"http://www.torrent-anime.com/feed/",
"http://www.webimemo.com/feed/",
"http://www.wired.com/news_drop/netcenter/netcenter.rdf",
"http://www.xvideos.com/rss/rss.xml",
"http://www.youtube.com/rss/user/KADOKAWAanime/videos.rss",
"http://www.youtube.com/rss/user/demosouko/videos.rss",
"http://www.yukawanet.com/index.rdf",
"http://www.zou3.net/php/rss/nikkei2rss.php?head=main",
"http://xml.ehgt.org/ehtracker.xml",
"http://xml.metafilter.com/rss.xml",
"http://xvideos.2jiero.info/feed",
"http://yaraon.blog109.fc2.com/?xml",
"http://yusaani.com/home/feed/",
"http://zipdeyaruo.blog42.fc2.com/?xml",
"http://www.portalgraphics.net/rss/latest_image_list.xml",
"http://api.syosetu.com/writernovel/430380.Atom",
"http://creive.me/feed/",
"http://gihyo.jp/dev/feed/atom",
"http://gihyo.jp/feed/rss1",
"http://hakase255.blog135.fc2.com/?xml",
"http://2ch-ranking.net/rss/zenban.rdf",
"http://www.isus.jp/feed/",
"http://www.jiji.com/rss/ranking.rdf",
"http://jp.gamesindustry.biz/rss/index.xml",
"https://www.youtube.com/feeds/videos.xml?channel_id=UCx1nAvtVDIsaGmCMSe8ofsQ",
"http://zakuzaku911.com/index.rdf",
"http://ke-tai.org/blog/feed/",
"http://data.newantenna.net/ero/rss/all.xml",
"http://developer.mixi.co.jp/feed/atom",
"http://neoneetch.blog.fc2.com/?xml",
"http://rss.itmedia.co.jp/rss/1.0/netlab.xml",
"http://netgeek.biz/feed",
"http://blog.esuteru.com/index.rdf",
"http://b.hatena.ne.jp/hotentry/game.rss",
"http://b.hatena.ne.jp/hotentry.rss",
"http://mobile.seisyun.net/rss/hot.rdf",
"http://yomi.mobi/rss/hot.rdf",
"http://saymygame.com/feed/",
"http://blog.webcreativepark.net/atom.xml",
"http://buhidoh.net/?xml",
"http://www.webcyou.com/?feed=rss2",
"http://withnews.jp/rss/consumer/new.rdf",
"https://yande.re/post/atom?tags=loli",
"http://blog.livedoor.jp/nizigami/atom.xml",
"http://nvmzaq.blog.fc2.com/?xml",
"http://keieimanga.net/index.rdf",
"http://megumi.ldblog.jp/atom.xml",
"http://kirik.tea-nifty.com/diary/index.rdf",
"http://sinri.net/comments/feed",
"http://himasoku.com/atom.xml",
"http://himasoku.com/index.rdf",
"http://20kaido.com/index.rdf",
"http://h723.blog.fc2.com/?xml",
"http://onecall2ch.com/index.rdf",
"http://www.forest.impress.co.jp/rss.xml",
"http://www.zaikei.co.jp/rss/sections/it.xml",
"http://akiba.keizai.biz/rss.xml",
"http://agag.tw/feed/2d-popular.rss",
"http://adult-vr.jp/feed/",
"http://www.anige-sokuhouvip.com/?xml",
"http://animeanime.jp/rss/index.rdf",
"http://alfalfalfa.com/index.rdf",
"http://feeds.feedburner.com/fc2/GhfA",
"http://erogetaiken072.blog.fc2.com/?xml",
"http://otanew.jp/atom.xml",
"http://jin115.com/index.rdf",
"http://www.onlinegamer.jp/rss/news.rdf",
"http://karapaia.livedoor.biz/index.rdf",
"http://getnews.jp/feed/ext/orig",
"http://www.gungho.co.jp/news/xml/rss.xml",
"http://blog.livedoor.jp/kinisoku/index.rdf",
"http://feeds.gizmodo.jp/rss/gizmodo/index.xml",
"http://himado.in/?sort=movie_id&rss=1",
"http://k-tai.impress.co.jp/cda/rss/ktai.rdf",
"http://gehasoku.com/atom.xml",
"http://feedblog.ameba.jp/rss/ameblo/principia-ca/rss20.xml",
"http://zai.diamond.jp/list/feed/rssfxnews",
"http://capacitor.blog.fc2.com/?xml",
"http://blog.livedoor.jp/vipsister23/index.rdf",
"http://vipsister23.com/atom.xml",
"http://b.hatena.ne.jp/search/tag?safe=on&q=2ch&users=500&mode=rss",
"http://b.hatena.ne.jp/search/tag?safe=on&q=%E3%83%8D%E3%83%83%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AF&users=500&mode=rss",
"http://b.hatena.ne.jp/search/tag?safe=off&q=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0&users=500&mode=rss",
"http://shikaku2ch.doorblog.jp/atom.xml",
"http://dotinstall.com/lessons.rss",
"http://2ch-ranking.net/rss/news4vip.rdf",
"http://blog.livedoor.jp/insidears/index.rdf",
"http://2ch-ranking.net/rss/newsplus.rdf",
"http://2ch-ranking.net/rss/news.rdf",
"http://nullpoantenna.com/game.rdf",
"http://workingnews.blog117.fc2.com/?xml",
"http://bm.s5-style.com/feed",
"http://2ch-ranking.net/rss/ghard.rdf",
"http://www.724685.com/blog/rss.xml",
"http://www.yukawanet.com/index.rdf",
"http://2ch-ranking.net/rss/bizplus.rdf",
"http://www.nicovideo.jp/ranking/fav/daily/all?rss=2.0&lang=ja-jp",
"http://www.tarikin.net/rss0.rdf",
"http://blog.livedoor.jp/dqnplus/index.rdf",
"http://www.seojapan.com/blog/feed",
"http://2ch-ranking.net/rss/morningcoffee.rdf",
"http://2ch-ranking.net/mt50k.rdf",
"http://rssblog.ameba.jp/yandereotto/rss20.xml",
"https://business.nikkei.com/rss/sns/nb.rdf",
"http://daredemopc.blog51.fc2.com/?xml",
"http://erogetaikenban.blog65.fc2.com/?xml",
"http://news.goo.ne.jp/rss/topstories/gootop/index.rdf",
"http://lanovelien.blog121.fc2.com/?xml",
"http://news.livedoor.com/topics/rss/eco.xml",
"http://ragnarokonline.gungho.jp/index.rdf",
"http://rocketnews24.com/feed/",
"https://news.denfaminicogamer.jp/feed",
"http://www.igda.jp/?feed=rss2",
"http://feeds.cnn.co.jp/cnn/rss"
];
// ==== アプリ状態 ====
if (!localStorage.getItem('verse_shared_rssFeeds')) {
localStorage.setItem('verse_shared_rssFeeds', JSON.stringify(PRESET_RSS));
}
let users = JSON.parse(localStorage.getItem('verse_users') || '[]');
let currentUser = JSON.parse(localStorage.getItem('verse_currentUser') || 'null');
let posts = JSON.parse(localStorage.getItem('verse_posts') || '[]');
let isDarkMode = localStorage.getItem('verse_darkMode') === 'true';
let isInitialized = false;
// BOT / RSS 状態
let botInterval = null;
let rssInterval = null;
// タイムラインフィルタ&検索
let currentFilter = 'all';
let currentSearch = '';
// 共有RSS設定
let sharedRssFeeds = JSON.parse(localStorage.getItem('verse_shared_rssFeeds') || '[]');
let sharedRssInterval = Number(localStorage.getItem('verse_shared_rssInterval')) || 300;
let sharedRssLastIds = JSON.parse(localStorage.getItem('verse_shared_rssLastIds') || '{}');
let sharedRssEnabled = JSON.parse(localStorage.getItem('verse_shared_rssEnabled') || '{}');
// アイコン設定(BOT, Feed)
let verseIcons = JSON.parse(localStorage.getItem('verse_icons') || 'null');
if (!verseIcons) {
verseIcons = {
bot: 'https://cdn-icons-png.flaticon.com/512/4712/4712109.png',
feed: 'https://cdn-icons-png.flaticon.com/512/3416/3416046.png'
};
localStorage.setItem('verse_icons', JSON.stringify(verseIcons));
}
function saveIcons() {
localStorage.setItem('verse_icons', JSON.stringify(verseIcons));
updateAllUI();
}
function uploadIcon(type, e) {
const f = e.target.files[0];
if (!f) return;
if (f.size > 5 * 1024 * 1024) { alert('5MB以下にしてください。'); return; }
const r = new FileReader();
r.onload = () => {
verseIcons[type] = r.result;
saveIcons();
alert(type.toUpperCase() + ' アイコンを更新しました');
};
r.readAsDataURL(f);
}
// ==== キャッシュクリア ====
function clearVerseCache() {
if (!confirm('Tsumugi / Verse のローカルキャッシュ(ユーザー, 投稿, RSS設定など)をすべて削除します。よろしいですか?')) return;
Object.keys(localStorage).forEach(k => {
if (k.startsWith('verse_')) localStorage.removeItem(k);
});
alert('ローカルキャッシュを削除しました。ページを再読み込みします。');
location.reload();
}
// ===== 認証UI =====
function showAuthModal(mode = 'login', errorMsg = '') {
document.getElementById('auth-title').textContent = (mode === 'register') ? '新規登録' : 'ログイン';
document.getElementById('auth-form').authMode = mode;
document.getElementById('auth-email').value = '';
document.getElementById('auth-password').value = '';
document.getElementById('auth-modal').style.display = '';
document.getElementById('main-content').style.display = 'none';
document.getElementById('auth-error').textContent = errorMsg || '';
document.getElementById('auth-error').style.display = errorMsg ? '' : 'none';
document.getElementById('toggle-auth-mode').textContent = (mode === 'register') ? 'ログインはこちら' : '新規登録はこちら';
}
function hideAuthModal() {
document.getElementById('auth-modal').style.display = 'none';
document.getElementById('main-content').style.display = '';
}
document.addEventListener('DOMContentLoaded', () => {
document.getElementById('auth-form').onsubmit = function(e) {
e.preventDefault();
const email = document.getElementById('auth-email').value.trim().toLowerCase();
const password = document.getElementById('auth-password').value;
if (!email || !password) {
showAuthModal(this.authMode, 'メールアドレスとパスワードを入力してください');
return;
}
if (this.authMode === 'register') {
if (users.find(u => u.email === email)) {
showAuthModal('register', 'このメールアドレスは既に登録されています');
return;
}
const newUser = {
email,
password,
profile: { icon: 'https://via.placeholder.com/100', username: email.split('@')[0], selfIntro: '' }
};
users.push(newUser);
localStorage.setItem('verse_users', JSON.stringify(users));
currentUser = { email };
localStorage.setItem('verse_currentUser', JSON.stringify(currentUser));
showAuthModal('login', '登録完了!ログインしてください');
} else {
const user = users.find(u => u.email === email && u.password === password);
if (!user) { showAuthModal('login', 'メールアドレスまたはパスワードが違います'); return; }
currentUser = { email };
localStorage.setItem('verse_currentUser', JSON.stringify(currentUser));
hideAuthModal();
initializeApp();
}
};
document.getElementById('toggle-auth-mode').onclick = function() {
const mode = (document.getElementById('auth-title').textContent === '新規登録') ? 'login' : 'register';
showAuthModal(mode);
};
if (!currentUser) showAuthModal('login'); else { hideAuthModal(); initializeApp(); }
});
function logout() {
localStorage.removeItem('verse_currentUser');
currentUser = null;
stopRssAuto();
stopBotAutoPost();
showAuthModal('login');
}
// ===== 初期化 =====
function initializeApp() {
if (isInitialized) return;
if (!currentUser) { showAuthModal('login'); return; }
users = JSON.parse(localStorage.getItem('verse_users') || '[]');
posts = JSON.parse(localStorage.getItem('verse_posts') || '[]');
isDarkMode = localStorage.getItem('verse_darkMode') === 'true';
const user = users.find(u => u.email === currentUser.email);
window.profile = user ? user.profile : { icon: 'https://via.placeholder.com/100', username: 'ゲストユーザー', selfIntro: '' };
updateAllUI();
updateStatusIndicators();
updateRssUI();
if (isDarkMode) {
document.body.classList.add('dark');
} else {
document.body.classList.remove('dark');
}
document.getElementById('main-content').style.display = '';
document.getElementById('logout-btn').classList.remove('hidden');
isInitialized = true;
startRssAuto();
addLog('bot-log', 'BOT機能初期化完了', 'success');
addLog('rss-log', 'RSS自動投稿(全体共有)初期化完了', 'success');
}
// ===== 投稿(ユーザー/BOT/Feed/Markov) =====
function createUserPost() {
const ta = document.getElementById('postContent');
const txt = ta.value.trim();
if (!txt) return alert('投稿内容を入力してください。');
if (!currentUser) return alert('ログインが必要です。');
createPost(txt, 'user', profile.username, profile.icon);
ta.value = '';
updateCharCount();
}
function createPost(content, type = 'user', username = null, icon = null, extra = {}) {
if (!content || !content.trim()) return false;
let finalIcon = icon;
if (!finalIcon) {
if (type === 'bot' || type === 'markov') finalIcon = verseIcons.bot;
else if (type === 'feed') finalIcon = verseIcons.feed;
else finalIcon = profile.icon;
}
const post = {
id: Date.now() + Math.random(),
content: content.trim(),
likes: 0,
timestamp: new Date().toLocaleString('ja-JP'),
type,
username: username || profile.username,
icon: finalIcon,
userEmail: currentUser ? currentUser.email : '',
...extra
};
posts.unshift(post);
saveData();
renderTimeline();
return true;
}
function likePost(id) {
const idx = posts.findIndex(p => p.id === id);
if (idx >= 0) {
posts[idx].likes++;
saveData();
renderTimeline();
}
}
function deletePost(id) {
if (!confirm('この投稿を削除しますか?')) return;
posts = posts.filter(p => p.id !== id);
saveData();
renderTimeline();
}
function clearAllPosts() {
if (!confirm('全ての投稿を削除しますか?')) return;
posts = [];
saveData();
renderTimeline();
}
function exportData() {
const blob = new Blob([JSON.stringify(posts, null, 2)], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'verse_posts.json';
a.click();
URL.revokeObjectURL(url);
}
// ===== タイムライン描画 =====
function escapeHtml(s) {
return (s || '').replace(/[&<>"']/g, m => ({'&':'&','<':'<','>':'>','"':'"','\'':'''}[m]));
}
function renderTimeline() {
const tl = document.getElementById('timeline');
const emp = document.getElementById('empty-timeline');
const cnt = document.getElementById('post-count');
if (!tl || !emp || !cnt) return;
let displayPosts = posts.slice();
// フィルター
displayPosts = displayPosts.filter(p => {
if (currentFilter === 'user' && p.type !== 'user') return false;
if (currentFilter === 'bot' && !['bot','markov'].includes(p.type)) return false;
if (currentFilter === 'feed' && p.type !== 'feed') return false;
return true;
});
// 検索
if (currentSearch && currentSearch.trim() !== '') {
const q = currentSearch.trim().toLowerCase();
displayPosts = displayPosts.filter(p => {
const text = (p.content || '') + ' ' + (p.username || '');
return text.toLowerCase().includes(q);
});
}
if (displayPosts.length === 0) {
tl.innerHTML = '';
emp.style.display = 'block';
cnt.textContent = '(0件の投稿)';
return;
}
emp.style.display = 'none';
cnt.textContent = `(${displayPosts.length}件の投稿)`;
tl.innerHTML = displayPosts.map(p => {
const info = {
bot: '<i class="fas fa-robot mr-1"></i>BOT',
markov: '<i class="fas fa-dice mr-1"></i>MarkovBOT',
user: '<i class="fas fa-user mr-1"></i>ユーザー',
feed: '<i class="fas fa-rss mr-1"></i>FEEDBOT'
}[p.type] || '<i class="fas fa-user mr-1"></i>';
const main = p.link
? `<a href="${p.link}" target="_blank" class="text-sky-400 underline">${escapeHtml(p.content)}</a>`
: `${escapeHtml(p.content)}`;
return `
<div class="timeline-post p-6">
<div class="flex justify-between items-start mb-4">
<div class="flex items-center space-x-3">
<img src="${p.icon}" class="w-10 h-10 rounded-full object-cover border border-slate-500" onerror="this.src='https://via.placeholder.com/40'">
<div>
<div class="flex items-center">
<span class="font-semibold text-slate-100">${escapeHtml(p.username)}</span>
<span class="username-badge text-[10px]">${info}</span>
</div>
<div class="text-[11px] text-slate-400">${p.timestamp}</div>
</div>
</div>
</div>
<div class="text-slate-100 mb-4 leading-relaxed text-sm">${main}</div>
<div class="flex items-center space-x-4 pt-4 border-t border-slate-700">
<button onclick="likePost(${p.id})" class="flex items-center space-x-2 text-slate-300 hover:text-red-400 text-xs">
<i class="fas fa-heart"></i><span>${p.likes}</span>
</button>
<div class="relative">
<button onclick="toggleShareMenu(${p.id})" class="flex items-center space-x-2 text-slate-300 hover:text-sky-400 text-xs">
<i class="fas fa-share"></i><span>シェア</span>
</button>
<div id="share-menu-${p.id}" class="share-menu hidden">
<button onclick="shareToX(${p.id})"><i class="fab fa-x-twitter text-sky-400 mr-2"></i>Xでシェア</button>
<button onclick="shareToLine(${p.id})"><i class="fab fa-line text-green-400 mr-2"></i>LINEでシェア</button>
<button onclick="copyPost(${p.id})"><i class="fas fa-copy mr-2"></i>コピー</button>
</div>
</div>
<button onclick="deletePost(${p.id})" class="flex items-center space-x-2 text-slate-400 hover:text-red-400 ml-auto text-xs">
<i class="fas fa-trash"></i><span>削除</span>
</button>
</div>
</div>
`;
}).join('');
}
function getPostContentText(id) {
const p = posts.find(x => x.id === id);
if (!p) return '';
const tmp = document.createElement('div');
tmp.innerHTML = p.content;
return tmp.textContent || tmp.innerText || '';
}
function toggleShareMenu(id) {
document.querySelectorAll('[id^="share-menu-"]').forEach(el => el.classList.add('hidden'));
const m = document.getElementById('share-menu-' + id);
if (m) m.classList.toggle('hidden');
}
function shareToX(id) {
const t = encodeURIComponent(getPostContentText(id));
const u = encodeURIComponent(location.href);
window.open(`https://twitter.com/intent/tweet?text=${t}&url=${u}`, '_blank');
}
function shareToLine(id) {
const u = encodeURIComponent(location.href);
window.open(`https://social-plugins.line.me/lineit/share?url=${u}`, '_blank');
}
function copyPost(id) {
const t = getPostContentText(id);
if (navigator.clipboard) {
navigator.clipboard.writeText(t).then(() => alert('コピーしました')).catch(() => fallbackCopy(t));
} else fallbackCopy(t);
}
function fallbackCopy(t) {
const ta = document.createElement('textarea');
ta.value = t; document.body.appendChild(ta);
ta.select(); document.execCommand('copy');
document.body.removeChild(ta);
alert('コピーしました');
}
// ===== タイムライン フィルタ&検索 =====
function setFilter(f) {
currentFilter = f;
['all','user','bot','feed'].forEach(k => {
const btn = document.getElementById('filter-' + k);
if (!btn) return;
if (k === f) {
btn.classList.add('bg-indigo-600','text-white');
} else {
btn.classList.remove('bg-indigo-600','text-white');
}
});
renderTimeline();
}
// ===== RSS UI(個別ON/OFF + 一括ON/OFF) =====
function updateRssUI() {
const listDiv = document.getElementById('rss-list');
if (!listDiv) return;
if (!sharedRssFeeds || sharedRssFeeds.length === 0) {
listDiv.innerHTML = '<div class="text-slate-200 text-[11px] opacity-80">RSSフィード未登録</div>';
} else {
listDiv.innerHTML = sharedRssFeeds.map((url, i) => {
const enabled = sharedRssEnabled[url] !== false;
const enc = encodeURIComponent(url);
return `
<div class="flex items-center space-x-2 bg-slate-900 rounded px-2 py-2 mb-1 border border-slate-700 text-[11px]">
<input type="checkbox" ${enabled ? 'checked' : ''} onchange="toggleRssEnabled('${enc}', this.checked)" title="ON/OFF">
<div class="truncate flex-1 text-slate-100" title="${escapeHtml(url)}">${escapeHtml(url)}</div>
<button onclick="delRssFeed(${i})" class="text-red-400 hover:text-red-500" title="削除"><i class="fas fa-trash"></i></button>
</div>
`;
}).join('');
}
const iv = document.getElementById('rss-interval');
if (iv) iv.value = sharedRssInterval || 300;
}
function toggleRssEnabled(encUrl, on) {
const url = decodeURIComponent(encUrl);
sharedRssEnabled[url] = !!on;
saveSharedRss();
addLog('rss-log', `FEED ${on ? 'ON' : 'OFF'}: ${url}`, 'info');
}
function setAllRssEnabled(on) {
(sharedRssFeeds || []).forEach(u => sharedRssEnabled[u] = !!on);
saveSharedRss();
updateRssUI();
addLog('rss-log', `全フィードを${on ? 'ON' : 'OFF'}にしました`, 'success');
}
function saveSharedRss() {
localStorage.setItem('verse_shared_rssFeeds', JSON.stringify(sharedRssFeeds));
localStorage.setItem('verse_shared_rssInterval', String(sharedRssInterval));
localStorage.setItem('verse_shared_rssLastIds', JSON.stringify(sharedRssLastIds));
localStorage.setItem('verse_shared_rssEnabled', JSON.stringify(sharedRssEnabled));
}
function addRssFeed() {
const url = document.getElementById('rss-url').value.trim();
if (!/^https?:\/\/.+/.test(url)) { addLog('rss-log', '正しいRSSフィードURLを入力してください', 'error'); return; }
if (!sharedRssFeeds) sharedRssFeeds = [];
if (sharedRssFeeds.includes(url)) { addLog('rss-log', 'すでに登録済みです', 'error'); return; }
sharedRssFeeds.push(url);
sharedRssEnabled[url] = true;
saveSharedRss();
updateRssUI();
addLog('rss-log', `RSS追加: ${url}`, 'success');
document.getElementById('rss-url').value = '';
}
function delRssFeed(i) {
if (!sharedRssFeeds[i]) return;
if (!confirm('このフィードを削除しますか?')) return;
const url = sharedRssFeeds[i];
sharedRssFeeds.splice(i, 1);
delete sharedRssEnabled[url];
delete sharedRssLastIds[url];
saveSharedRss();
updateRssUI();
addLog('rss-log', 'RSS削除', 'info');
}
function setRssInterval() {
const iv = document.getElementById('rss-interval').valueAsNumber || 300;
if (iv < 10) return alert('間隔は10秒以上で設定してください。');
sharedRssInterval = iv;
saveSharedRss();
updateRssUI();
startRssAuto();
addLog('rss-log', `自動投稿間隔を${iv}秒に設定`, 'success');
}
function fetchRssNow() { fetchRssFeeds(); }
function fetchRssFeeds() {
if (!sharedRssFeeds || sharedRssFeeds.length === 0) return;
sharedRssFeeds.forEach(feedUrl => {
if (sharedRssEnabled[feedUrl] === false) {
addLog('rss-log', `OFFのため取得スキップ: ${feedUrl}`, 'info');
return;
}
fetch('https://api.rss2json.com/v1/api.json?rss_url=' + encodeURIComponent(feedUrl))
.then(resp => resp.json())
.then(data => {
if (!data.items || !data.items.length) return;
let lastId = sharedRssLastIds[feedUrl] || '';
let newItems = [];
for (const item of data.items) {
const guid = item.guid || item.link || item.pubDate || item.title;
if (!lastId || String(guid) > String(lastId)) newItems.push(item);
}
if (newItems.length === 0) return;
newItems.reverse().forEach(item => {
const guid = item.guid || item.link || item.pubDate || item.title;
if (!posts.some(p => p.type === 'feed' && p.link === item.link)) {
createPost(item.title, 'feed', 'FEEDBOT', verseIcons.feed, { link: item.link });
addLog('rss-log', `新しい記事: ${item.title}`, 'success');
}
sharedRssLastIds[feedUrl] = guid;
});
saveSharedRss();
})
.catch(() => addLog('rss-log', 'RSS取得エラー: ' + feedUrl, 'error'));
});
}
function startRssAuto() {
stopRssAuto();
fetchRssFeeds();
rssInterval = setInterval(fetchRssFeeds, (sharedRssInterval || 300) * 1000);
updateStatusIndicators();
addLog('rss-log', `RSS自動投稿を開始 (${sharedRssInterval}秒間隔)`, 'success');
}
function stopRssAuto() {
if (rssInterval) clearInterval(rssInterval);
rssInterval = null;
updateStatusIndicators();
addLog('rss-log', 'RSS自動投稿を停止しました', 'info');
}
// ===== BOT =====
function postBotMessage() {
const ta = document.getElementById('botContent');
const txt = ta.value.trim();
if (!txt) return alert('BOT投稿内容を入力してください。');
if (!currentUser) return alert('ログインが必要です。');
if (createPost(txt, 'bot', 'BOT', verseIcons.bot)) {
ta.value = '';
addLog('bot-log', `BOT投稿: "${txt.substring(0, 30)}..."`, 'success');
}
}
function generateMarkovText() {
let text = posts
.filter(p => ['user','bot','markov'].includes(p.type))
.map(p => {
const d = document.createElement('div');
d.innerHTML = p.content;
return (d.textContent || d.innerText || '')
.replace(/\s+/g, ' ').replace(/https?:\/\/\S+/g, '').trim();
}).join(' ');
if (text.length < 20) {
const fallbacks = [
"今日はいい天気ですね!",
"最近面白いニュースありましたか?",
"新しいアイデアが浮かんできました。",
"みんなはどう思いますか?"
];
return fallbacks[Math.floor(Math.random() * fallbacks.length)];
}
const tokens = text.match(/[\u4e00-\u9fff\u3040-\u309f\u30a0-\u30ff\w]+|[。、!?\r\n]/g) || [];
if (tokens.length < 2) return tokens.join('');
const markov = {};
for (let i = 0; i < tokens.length - 2; i++) {
const key = tokens[i] + '|' + tokens[i+1];
if (!markov[key]) markov[key] = [];
markov[key].push(tokens[i+2]);
}
let idx = Math.floor(Math.random() * (tokens.length - 2));
let key = tokens[idx] + '|' + tokens[idx+1];
let result = [tokens[idx], tokens[idx+1]];
let maxLen = 60 + Math.floor(Math.random() * 40);
for (let i = 0; i < maxLen; i++) {
const nexts = markov[key];
if (!nexts || nexts.length === 0) break;
const next = nexts[Math.floor(Math.random() * nexts.length)];
result.push(next);
if (/[。!?\n]/.test(next)) break;
key = result[result.length - 2] + '|' + result[result.length - 1];
}
return result.join('').replace(/\n/g, '');
}
function postMarkovBot() {
const txt = generateMarkovText();
if (createPost(txt, 'markov', 'MarkovBOT', verseIcons.bot)) {
addLog('bot-log', `マルコフ投稿: "${txt.substring(0, 40)}..."`, 'success');
}
}
function startBotAutoPost() {
const iv = document.getElementById('botIntervalSec').valueAsNumber || 60;
if (iv < 10) { alert('間隔は10秒以上で設定してください。'); return; }
stopBotAutoPost();
setTimeout(postMarkovBot, 3000);
botInterval = setInterval(postMarkovBot, iv * 1000);
updateStatusIndicators();
addLog('bot-log', `マルコフBOT自動投稿開始 (${iv}秒間隔)`, 'success');
}
function stopBotAutoPost() {
if (botInterval) {
clearInterval(botInterval);
botInterval = null;
updateStatusIndicators();
addLog('bot-log', 'マルコフBOT自動投稿を停止しました', 'info');
}
}
// ===== 共通UI/保存 =====
function addLog(id, msg, type = 'info') {
const el = document.getElementById(id);
const ts = new Date().toLocaleTimeString('ja-JP');
const div = document.createElement('div');
const cls = { error: 'error-message', success: 'success-message', info: 'text-slate-100 text-[11px]' }[type] || 'text-slate-100 text-[11px]';
div.className = cls;
div.innerHTML = `<span class="opacity-70">[${ts}]</span> ${escapeHtml(msg)}`;
if (el) {
el.appendChild(div);
el.scrollTop = el.scrollHeight;
while (el.children.length > 100) el.removeChild(el.firstChild);
}
try { console.log(`[${ts}] ${msg}`); } catch(_) {}
}
function updateStatusIndicators() {
const botI = document.getElementById('bot-status');
const botT = document.getElementById('bot-status-text');
if (botI && botT) {
const active = botInterval !== null;
botI.className = `status-indicator ${active ? 'status-active' : 'status-inactive'}`;
botT.textContent = active ? '動作中' : '停止中';
}
const rssI = document.getElementById('rss-status');
const rssT = document.getElementById('rss-status-text');
if (rssI && rssT) {
const active = rssInterval !== null;
rssI.className = `status-indicator ${active ? 'status-active' : 'status-inactive'}`;
rssT.textContent = active ? '動作中' : '停止中';
}
}
function showSystemStatus() {
alert(
`=== Verse システムステータス ===
全体投稿数: ${posts.length}
RSS登録数: ${sharedRssFeeds.length}
BOT投稿数: ${posts.filter(p => ['bot', 'markov'].includes(p.type)).length}
BOT自動投稿: ${botInterval ? '動作中' : '停止中'}
RSS自動投稿: ${rssInterval ? '動作中' : '停止中'}`
);
}
function uploadProfileIcon(e) {
const f = e.target.files[0];
if (!f) return;
if (f.size > 5 * 1024 * 1024) { alert('5MB以下にしてください。'); return; }
const r = new FileReader();
r.onload = () => {
profile.icon = r.result;
saveProfileNoAlert();
updateAllUI();
alert('プロフィール画像更新!');
};
r.readAsDataURL(f);
}
function saveProfile() {
const un = document.getElementById('username').value.trim();
const si = document.getElementById('self-intro').value.trim();
if (un.length > 20) { alert('ユーザー名は20文字以内で。'); return; }
profile.username = un || 'ゲストユーザー';
profile.selfIntro = si;
saveProfileNoAlert();
updateAllUI();
alert('プロフィール保存!');
}
function saveProfileNoAlert() {
users = JSON.parse(localStorage.getItem('verse_users') || '[]');
const idx = users.findIndex(u => u.email === (currentUser && currentUser.email));
if (idx >= 0) {
users[idx].profile = profile;
localStorage.setItem('verse_users', JSON.stringify(users));
}
}
function updateAllUI() {
const pi = document.getElementById('profile-icon');
const hi = document.getElementById('header-profile-icon');
if (pi) pi.src = profile.icon;
if (hi) hi.src = profile.icon;
['username-preview','header-username'].forEach(id => {
const el = document.getElementById(id);
if (el) el.textContent = profile.username;
});
const sip = document.getElementById('self-intro-preview');
if (sip) sip.textContent = profile.selfIntro || 'まだ自己紹介がありません';
const emailEl = document.getElementById('header-user-email');
if (emailEl && currentUser) emailEl.textContent = currentUser.email;
const bi = document.getElementById('bot-icon-preview');
const fi = document.getElementById('feed-icon-preview');
if (bi) bi.src = verseIcons.bot;
if (fi) fi.src = verseIcons.feed;
renderTimeline();
}
function updateCharCount() {
const pc = document.getElementById('postContent');
const cc = document.getElementById('char-count');
if (pc && cc) {
const l = pc.value.length;
cc.textContent = `(${l}/500)`;
cc.style.color = l > 450 ? '#fca5a5' : '';
}
}
function toggleDarkMode() {
isDarkMode = !isDarkMode;
if (isDarkMode) {
document.body.classList.add('dark');
} else {
document.body.classList.remove('dark');
}
localStorage.setItem('verse_darkMode', isDarkMode.toString());
}
function saveData() { localStorage.setItem('verse_posts', JSON.stringify(posts)); }
// 入力UIフック
document.addEventListener('DOMContentLoaded', () => {
const pc = document.getElementById('postContent');
if (pc) {
pc.addEventListener('input', updateCharCount);
pc.addEventListener('keydown', e => { if (e.key === 'Enter' && e.ctrlKey) { e.preventDefault(); createUserPost(); } });
}
const ui = document.getElementById('username');
if (ui) ui.addEventListener('input', () => {
const v = ui.value.trim() || 'ゲストユーザー';
['username-preview','header-username'].forEach(id => {
const el = document.getElementById(id);
if (el) el.textContent = v;
});
});
const si = document.getElementById('self-intro');
if (si) si.addEventListener('input', () => {
const v = si.value.trim() || 'まだ自己紹介がありません';
const el = document.getElementById('self-intro-preview');
if (el) el.textContent = v;
});
const ts = document.getElementById('timeline-search');
if (ts) ts.addEventListener('input', () => {
currentSearch = ts.value || '';
renderTimeline();
});
setFilter('all');
});
window.addEventListener('beforeunload', () => { stopBotAutoPost(); stopRssAuto(); saveData(); });
window.addEventListener('error', e => { addLog('bot-log', `システムエラー: ${e.message}`, 'error'); });
</script>
</body>
</html>
ゼノギアスリメイク企画書
1. プロジェクト概要
- 企画名(仮):『Xenogears Rebirth(ゼノギアス リバース)(仮)』
- ジャンル:ドラマティックRPG / ロボット(ギア)バトルRPG
- 対象ハード:
- PlayStation 5 / PC(Steam) / 次世代Nintendoプラットフォーム
- プレイ人数:1人
- 想定プレイ時間:メインストーリー 60〜80時間+サブ要素 20〜40時間
- 企画区分:既存IPリメイク(※本書は非公式ファン企画書)
2. 企画意図・コンセプト
2-1. 企画意図
- 1990年代に発売された原作は、重厚なストーリー・哲学的テーマ・ギア(巨大ロボ)×人間ドラマが高く評価されている。
- 一方で、
- ハード性能制約による表現不足
- 終盤の駆け足展開
- 現代基準では不便なUI・テンポ
といった課題も指摘されている。
- 本リメイクでは、
**「原作の本質と感情の揺さぶりを守りつつ、現代RPGとしての遊びやすさ・映像・テンポを刷新」**することを目標とする。
2-2. メインコンセプト
- 原作のドラマ性・テーマ性を忠実に再現
- キャラクター性・世界観・大きな物語の流れ・名シーンの構造は尊重。
- ゲーム体験の再構築
- 戦闘テンポ、探索、UI、カメラワークを現代基準に最適化。
- 後半シナリオの再表現
- 当時表現しきれなかったシーンや背景を、プレイアブルパートやイベントとして補完。
- ギアバトルの“憧れ”を実現
- 重厚さとスピード感の両立した、アクション性の高いハイブリッドバトル。
3. ターゲットユーザー
- 原作ファン層(30〜40代中心)
- 当時プレイしたコアファン。
- シナリオ重視・キャラ重視のRPGを好むユーザー。
- 現代のJRPGファン(10〜20代)
- スタイリッシュなビジュアル、手触りの良いアクションRPGに慣れているユーザー。
- 他社の大型RPG(FF・テイルズ・ペルソナなど)を遊ぶ層。
- ロボット・メカファン
- アニメ調のロボットバトル、巨大兵器のスケール感に魅力を感じる層。
4. 世界観・ストーリーテーマ(高レベル)
※具体的なネタバレの細部ではなく、「リメイク方向性」を示すレベルに留める。
- 核となるテーマ
- 「自己との対話」「存在理由」「因果・輪廻」「人と機械・神話の境界」
- トーン&ムード
- 一見牧歌的な日常から、徐々に世界の根源的な闇へ降りていく構成。
- シリアス中心だが、仲間同士の掛け合いや日常シーンで緩急を付ける。
- リメイクでの方針
- 後半の出来事を**ナレーション主体ではなく、可能な限り“実際に操作して体験させる”**形へ再構成。
- 補完要素として、
- 過去編の短いプレイアブルセクション
- サブクエストで描かれる脇役の視点
などを追加し、世界の厚み・説得力を強化。
5. ゲームシステム全体像
5-1. バトルシステム(人間戦 / ギア戦)
共通方針
- ベースはコマンドRPG+コンボ(連携)システムを継承しつつ、
入力タイミングや位置取りを取り入れたアクション性のあるハイブリッドにする。 - 行動順やバフ・デバフなど、戦術RPGとしての深みを維持。
人間戦(オンフット)
- 三ボタン程度の「弱・中・強」攻撃の組み合わせで、コンボ技を発動。
- AP(アクションポイント)制で、行動配分・温存の駆け引きを残す。
- 回避・ガード・距離管理など、ライトなアクション要素を追加。
- 必殺技発動時はカットイン+カメラワーク強化。
ギア戦
- 重量感・速度感を感じるカメラとSEで「巨大兵器を操る感覚」を強調。
- 燃料・装甲・ブースト管理を要素にした中量級“シミュレーションアクション”寄りの手触り。
- ギアごとにロール(格闘型 / 射撃型 / 支援型)を明確化し、パーティ編成の意味を強化。
- 合体技・連携技は演出を刷新し、ボス戦のハイライトに。
5-2. フィールド・ダンジョン
- シームレス3Dフィールド:ローディングを極力隠し、没入感を重視。
- キャラアクション:
- ダッシュ・ジャンプ・よじ登り・壁キックなど、原作の立体的マップを現代仕様にアップグレード。
- ダンジョンデザイン:
- ただ複雑にするのではなく、「ギミック+物語的意味」のある構造へ再調整。
- ショートカット・簡易マップなどで迷いすぎストレスを軽減。
5-3. 町・拠点要素
- 町では
- NPCとの会話
- ショップ
- サブクエスト受注
- 仲間との会話イベント(好感度イベントではなく、あくまでストーリー深堀り)
を配置。
- 宿屋・酒場などで**仲間同士の会話イベント(「キャンプトーク」的なもの)**を追加し、
心情描写を補強。
6. キャラクターデザイン・ビジュアル
- ビジュアルスタイル:
- “ハイエンドなアニメ調3D”を目指し、トゥーンシェーダ+物理ベースレンダリングを両立。
- オリジナルの印象的なデザインを尊重し、細部・質感・装飾を現代的にアップデート。
- ギアデザイン:
- シルエット・武装は原作のイメージを維持しつつ、関節ディテール・マーキング・発光表現で情報量を増加。
- バトル中の変形・形態変化を一部ギアに追加し、差別化と盛り上げに利用。
7. サウンド・音楽
- BGM:
- 原作楽曲をフルオーケストラ・バンド・民族楽器などで再アレンジ。
- 要所では原曲アレンジを使用し、ファン心理を刺激。
- ボイス:
- メインストーリーはフルボイスを基本とし、一部サブイベントもボイス対応。
- SE:
- ギアの駆動音・ブースト音・衝撃音をハイレゾ化し、“質量感”を音でも表現。
8. UI/UX・快適さ
- 戦闘速度は**3段階調整(標準 / 早い / 非常に早い)**を用意。
- オートバトル・オートコンボ機能(難易度EASY向け)を搭載。
- ログ機能、イベントリプレイ機能で、物語の振り返りをサポート。
- ミニマップ&クエストガイド(オン/オフ可能)で迷子ストレスを軽減。
9. 新規要素(リメイクオリジナル)
- サブクエスト強化
- 主要都市・村ごとに「世界観を深めるサブストーリー」を用意。
- 一部はギア専用サブクエスト(闘技場・模擬戦・試作機テストなど)。
- ギアカスタマイズ拡張
- 外見は原作イメージを壊さない範囲で、カラー・マーキング・エンブレム変更を許可。
- パーツ・チップによる能力カスタム要素を拡張。
- フォトモード
- ギア・キャラクターを撮影できるフォトモードを実装し、SNS映えを意識。
- ギャラリーモード
- イラスト・3Dモデル・BGM・過去PVなどを閲覧可能なモードを搭載。
- リメイク制作のメイキング要素を一部公開し、ファン満足度を高める。
10. 開発体制(想定)
- 開発期間:36〜42ヶ月
- チーム規模:メイン開発 80〜120名規模
- ディレクター:1名
- プロデューサー:1〜2名
- シナリオ・演出:数名(原作関係者+新規ライター)
- プログラマー:15〜25名
- アーティスト(キャラ・ギア・背景):25〜35名
- UI/UX:3〜5名
- サウンド:3〜5名
- QA:外部含め多数
11. 開発スケジュール(ラフ)
- プリプロダクション(〜6ヶ月)
- リメイク範囲・シナリオ再構成方針の決定
- 映像コンセプト・バトルプロトタイプ作成
- プロダクション前半(〜18ヶ月)
- メインストーリー実装
- バトルシステム・ギアシステムの実装と調整
- プロダクション後半(〜30ヶ月)
- サブクエスト・追加要素・UI/UX実装
- バランス調整・最適化
- ポリッシュ・QA(〜36〜42ヶ月)
- デバッグ・チューニング・ローカライズ
- マーケティング連動施策準備
12. ビジネス・収益計画(案)
- 販売形態:フルプライスパッケージ+DL版(DLCは最小限)
- DLC案
- サウンドトラック拡張
- ビジュアルアートブック(デジタル)
- ギャラリー用メイキング映像など、世界観を壊さない“資料系DLC”
- 訴求ポイント
- 「伝説的RPGの決定版リメイク」
- 「当時の未完感を、現代の技術と表現で再構築」
- 「ギアバトル×重厚ストーリーの最高峰を、最新ハードで」
13. 注意事項(IP・ブランド)
- 本企画書は非公式ファンメイドの仮想リメイク案であり、
実際の権利は原作の権利元(スクウェア・エニックス等)に帰属する。 - 実際に商業利用を行う場合は、
- 権利元への企画提案
- 商標・著作権の正式なライセンス契約
が必須となる。
AIR2企画書
1. タイトル案
- 仮タイトル:「AIR2 – 空に還る約束 -」
- 開発中の呼称として「AIR2」、権利上はサブタイトル部分で展開する想定。
2. 企画概要
- ジャンル:ビジュアルノベル / 恋愛アドベンチャー
- プレイ時間:1ルート 8〜10時間、フルコンプ 30〜40時間想定
- 対応プラットフォーム:PC(Windows)、後発でコンシューマ / Steam 展開
- ターゲット層
- 10代後半〜30代のアニメ・ギャルゲー・泣きゲー ファン
- 過去の「夏×感動系」作品が好きなユーザー
- キーワード
- 「夏の終わり」「空」「輪廻」「失われた時間」「叶わなかった約束」
3. コンセプト
- “空に還る”感動体験
- 夏の終わりに訪れる「別れ」と「救い」を、プレイヤー自身の選択で体感させる。
- 複数ルートで一つの真実に収束
- 各ヒロインルートで世界の断片が見え、すべてをクリアすることで“真相ルート”が解禁。
- 音楽と背景で“空気”を売るゲーム
- BGM・背景・SE で、「蝉の声が聞こえてきそうな夏」の空気感を最大限に演出。
4. 世界観・舞台
- 舞台:海沿いの小さな港町「空波町(そらなみちょう)」
- 古くから「空へ還る人々」の伝承が残る町。
- 夏になると観光客で賑わうが、どこか“取り残された時間”の気配が漂う。
- 伝承
- 「願いを叶えられなかった魂は、夏の終わりに空へ還り、もう一度だけこの町に戻ってくる」
- 子どもたちの間では“空見様(そらみさま)”と呼ばれる謎の存在の噂がある。
5. 物語の骨子(大枠)
基本プロット
- 主人公は、都会から空波町へとやってきた青年(or 高校生)。
- 過去にこの町で過ごした記憶があるような“既視感”に悩まされている。
- 町で出会うヒロインたちは、それぞれ「時間」や「記憶」に歪みを抱えている。
- 各ルートで、主人公はヒロインの“未練”や“叶わなかった約束”に向き合い、
最後に“空見様”と伝承の真実へ辿り着く。
章構成(イメージ)
- 序章:夏、空波町へ
- 主人公が町に到着。ヒロインたちとの出会い。
- 日常パート
- 学校・海辺・神社・古い灯台などで日常を積み重ねる。選択肢で好感度とルート分岐。
- 違和感の顕在化
- ヒロインの周囲で時間のズレ・記憶の食い違い・デジャヴが増えていく。
- クライマックス
- ヒロインごとの「過去の約束」や「失われた時間」の真相へ。
- エンディング
- ルートごとに、ヒロインを“空へ還す”のか、“この世界につなぎとめる”のかが分岐。
- 真相ルート
- 全ルートクリアで解禁。主人公自身の正体、空見様の真実、輪廻の構造が明かされる。
6. キャラクター案
■ 主人公(名前変更可)
- 性別:男性
- 設定:都会育ち。心にぽっかり穴が空いたような虚無感を抱え、療養も兼ねて空波町へ。
- 特徴:時々“見たことのないはずの光景”を夢に見る。
- 役割:プレイヤーの視点でありつつ、物語の“鍵”そのもの。
■ ヒロインA:海咲(みさき)
- モチーフ:海 / ひまわり / 素直になれない
- 性格:明るく元気だが、時折ふっと寂しそうな表情を見せる幼馴染ポジション。
- 秘密:
- 主人公とは「忘れているだけ」で深い過去のつながりがある。
- ある“約束”のために、この町に“留まっている”存在かもしれない。
■ ヒロインB:静流(しずる)
- モチーフ:神社 / 風鈴 / 祈り
- 性格:穏やかで神秘的。少し天然で夢見がちな巫女。
- 秘密:
- 町に伝わる「空見様」の儀式を受け継ぐ家系。
- 見えるはずのない“空の向こう側”を時々見てしまう。
■ ヒロインC:遥(はるか)
- モチーフ:列車 / カメラ / 旅人
- 性格:クールで現実主義だが、内に強い情熱を秘める転校生。
- 秘密:
- この町の“時間の歪み”を調査するために訪れている。
- 主人公たちとは別の立場から、「輪廻のルール」を変えようとしている。
7. ゲームシステム・UI
■ システム
- マルチルート型ビジュアルノベル
- 選択肢によってヒロインルートへ分岐。
- BAD / NORMAL / GOOD エンド+各TRUEエンドを想定。
- 「空の記憶」システム
- 物語中に散らばる“断片的な記憶”を収集。
- メニュー画面で、集めた記憶のピースが「空のパネル」として並び、
真相ルート解禁の鍵になる。
- 日付・時間帯による演出
- 朝・昼・夕方・夜で背景とBGMを変化させ、
夏の一日がゆっくり終わっていく感覚を強調。
- 朝・昼・夕方・夜で背景とBGMを変化させ、
■ UI・ビジュアル
- 画面構成
- 16:9 フルHDを基本。
- 下部に半透明のテキストウィンドウ、上部に広く空と背景が見えるレイアウト。
- アートスタイル
- 柔らかい線と、淡いパステル調の色彩。
- 太陽光・逆光・空のグラデーションを重視した背景美術。
- BGM・SE
- ピアノ・アコースティックギター・ストリングスを中心にした切ないメロディ。
- 波の音、蝉の声、風鈴など、夏の音を随所に入れて没入感を高める。
8. 開発体制・スケジュール(イメージ)
- 開発規模
- シナリオライター:1〜2名
- 原画:1〜2名(キャラ / イベントCG)
- 背景:1名 or 外注
- BGM:1名
- プログラマ / スクリプター:1〜2名
- ディレクター / スクリプト管理:1名
- スケジュール案(約18〜24ヶ月)
- 企画・プロット固め:3ヶ月
- シナリオ執筆・グラフィック発注:8〜10ヶ月
- 実装・デバッグ:4〜6ヶ月
- マスターアップ・宣伝準備:2〜3ヶ月
9. ビジネス・展開案
- 販売形態
- ダウンロード版 メイン
- パッケージ版(限定版)でアートブック・サントラを同梱。
- プロモーション
- ティザーサイト公開 → キービジュアル・コンセプトムービー。
- 主題歌MVを先行公開し、YouTube・SNSで話題づくり。
- 体験版配布&配信者向けプレイ許諾で露出を拡大。
リアルワールド・リビルド ONLINE
① タイトル案
タイトル:リアルワールド・リビルド ONLINE
副題:「壊れた世界を“編集”するマルチワールドRPG」
② コンセプト
「プレイヤー全員がゲームマスター。世界のルールやマップを“編集”して遊ぶRPG」
- ただのオープンワールドRPGではなく、
プレイヤーがクエスト、街、ダンジョン、さらには“物理ルール”まで書き換えていく。 - 他プレイヤーの作った世界に遠征し、評価・攻略・破壊・改造していく
“マルチバース系オンラインRPG”。
③ ゲーム概要
- ジャンル:オンラインアクションRPG / サンドボックス / クリエイト
- 対応プラットフォーム:PC / コンソール(将来的にVR対応想定)
- プレイ人数:ソロ~4人協力 / ワールド単位で最大数十人が同時接続
④ 世界観
- かつて世界は「原初コード」と呼ばれる法則で完璧に保たれていた。
- しかし何者かによって「デバッグ中のテスト世界」が流出。
世界はテスト用の仮想ワールドと現実に似た本編ワールドが混ざり合った状態に。 - プレイヤーは「リビルダー」と呼ばれる特異な存在。
世界の“設定ファイル”に直接アクセスし、
・重力の向き
・時間の流れ
・魔法の属性
・モンスターの行動AI
などを編集できる。
⑤ 物語のフック
- チュートリアルの最後、
「この世界はゲームではない。あなたが壊したら、本当に壊れる」
という謎のメッセージ。 - メインストーリーでは、プレイヤーが改造してきたログが
すべて“物語”として記録され、
ラスボスは「プレイヤーが作ってきた世界の矛盾」が具現化した存在になる。
⑥ コアゲームシステム
1. リビルド・エディットシステム
- 各エリアには「世界エディタ」があり、以下を編集可能:
- 地形(崖・島・浮遊大陸など)
- 罠・ギミック(動く床、即死トラップ、謎解き装置)
- 敵の配置・行動パターン
- 天候・時間・重力方向
- 編集には「世界ポイント(WP)」が必要。
→ クエストクリアや他プレイヤーからの高評価で入手。
2. 他プレイヤーワールドへの侵攻&評価
- 他プレイヤーが作ったダンジョンに挑戦できる。
- クリア後に5段階評価+コメントでフィードバック。
- 面白かった:WPボーナス
- 鬼畜すぎた:ペナルティ or 別枠ランキング(鬼畜ランキング)
3. 自分のワールドが「コンテンツ」になる
- 自分のダンジョンや街が「ポータル一覧」に登録される。
- 人気ワールドはハブエリアに巨大ポータルとして常設。
- 定期的に「今週の人気ワールド」「今月の狂気ワールド」などランキング表示。
⑦ キャラクターと成長要素
プレイヤー
- クラスは存在せず、“編集スタイル”でビルドが変わる:
- ビルダー系:建築・罠・地形変化が得意
- ハッカー系:敵AI・ギミックの論理を書き換えるのが得意
- アバター系:外見や演出、演劇系イベント作りが得意
- 戦闘スキルも、
「自分が作った世界のルール」によって強化される
(例:低重力世界で鍛えたプレイヤーはジャンプスキルが異常に強い)。
⑧ マルチプレイ要素
- 共創ダンジョン制作
- 2~4人で同時に1つのダンジョンを共同編集。
- 役割分担:地形班、敵AI班、演出班など。
- ワールドレイドバトル
- コミュニティで巨大ボス戦イベント開催。
- ボスの行動パターン自体もプレイヤーが編集し、「視聴型レイド」も可能。
⑨ 継続プレイの動機付け
- 自分のワールドが遊ばれるほど、
→ ログが「世界の歴史」として本編ストーリーに反映される。 - ワールドごとに
- 閲覧数
- クリア率
- 平均死亡回数
- 平均クリア時間
などが可視化され、「ゲーム内アナリティクス」が見られる。
⑩ 企画のポイント(売り)
- 「遊ぶ」と「作る」がシームレス
- マリオメーカー系の楽しさ + オープンワールドRPGの没入感。
- 毎回違う世界体験
- 公式ストーリー+プレイヤー生成コンテンツで、寿命の長いタイトルを目指せる。
- “世界編集”というフック
- 単なるステージエディタじゃなく、
物理・ルール・AIまで触れることで、他と差別化。
- 単なるステージエディタじゃなく、
光の歩み:パウロの航路
タイトル(仮)
「光の歩み:パウロの航路」
― 初期教会の旅路を体験し、希望・信頼・愛をゲームとして学ぶアドベンチャーRPG
1. 企画概要
- ジャンル:物語主導アドベンチャーRPG+探索+対話パズル(非殺傷系)
- 対象:中高生〜大人。信仰の有無を問わず、歴史物語や倫理的選択を楽しみたい人
- プラットフォーム:PC/コンソール(Switch/PS/Xbox)+後発でモバイル簡易版
- プレイ時間:本編10〜15時間+周回要素
- レーティング想定:CERO B(暴力表現なし、差別・扇動なし)
2. 企画意図・学習目標
- 初期キリスト教の歴史的背景(1世紀ローマ世界・ディアスポラ都市)を偏りなく紹介
- 価値観(信仰=Faith/希望=Hope/愛=Charity)を、選択と結果で体験的に理解
- 実在地・史料に基づく考証のもと、**布教=説得ではなく「対話と理解」**を主眼に
3. コア体験(Game Pillars)
- 対話と調停:噂・誤解・利害が交差する街で、中立的に聞き取り、誠実に橋渡し
- 旅と共同体:船旅で各都市へ。資源(時間・食糧・寄付)と仲間の士気を管理
- 徳の選択:状況に応じて「信仰/希望/愛」を強化する行動を選ぶ(暴力回避)
- 史的没入:当時の市場、会堂、家屋教会、ローマ法廷、港湾などを探索し資料収集
4. ゲームループ
- 街に到着 → 情報収集(傾聴) → 対話パズル(調停/説得/証言の整合) → 共同体支援(施し/労働/手紙) → 船旅準備(資源管理) → 次の地へ
- 章ごとに手紙(Epistle)が解禁され、読了で小さな洞察ブースト(対話オプション解放)
5. メカニクス
- 徳メーター:Faith / Hope / Charity(数値でなく「状態」重視。偏らず三徳のバランスが良いと特殊イベント)
- 祈り(クールダウン制):混乱時に視点を整える。NPCの本心“キーワード”が一瞬だけ可視化
- 証言カード:聞き取った事実・比喩・譬えの断片。論理矛盾がない並べ方で対話パズルを解く
- 共同体ボード:困窮、病、孤立、迫害の度合いを可視化。資源配分で街の状態が改善しクエストが変化
- 非殺傷コンバット:逃走・隠密・法廷弁明・保証人立て等で危機回避(QTE最小)
6. 物語構成(例)
- プロローグ:ダマスコ(出会いと転機)
- 第1章:アンティオキア(多文化の街での誤解解消)
- 第2章:ピシディアのアンティオキア〜リストラ(迫害と連帯)
- 第3章:コリント(商人ギルドと信仰共同体の摩擦を調停)
- 第4章:エフェソス(職人組合と偶像問題、平和的収束)
- 最終章:ローマ(法と良心、希望の証言。エンディング分岐=三徳の在り方)
7. 美術・音響
- アート:温かい筆致のセミリアル。衣装・建築は史料参照、象徴表現はやさしく
- UI:巻物/羊皮紙モチーフ。徳メーターは三つの小さな灯火
- 音楽:弦・笛・竪琴+現代的サウンドスケープ。祈り時は環境音がやわらぐ
8. アクセシビリティ
- 朗読モード(本文読み上げ)、字幕・フォントサイズ調整、色弱配慮配色
- 難易度:ストーリーフォーカス/スタンダード/考証チャレンジ(史料クイズ追加)
9. リサーチと表現ガイドライン
- 宗派横断の監修委員会(神学・歴史・考古の3名以上)を設置
- 固有名詞・儀礼の描写は史料脚注に準拠、論争点は断定せず複数説を匂わせる
- 勧誘的・攻撃的表現は避ける。他宗教・文化への敬意を必須要件に
10. 進行・成長
- 徳の熟達で新しい対話フレーズ、比喩(譬え話)カードが解禁
- 街レベルが上がると共同体ボードの課題が高度化(教育、孤児支援、介護など)
11. マネタイズ
- 基本買い切り(DLCで「ガリラヤの物語集」「詩編黙想パック」など追加コンテンツ)
- 収益の一部を現実のチャリティに寄付する連動企画(透明性レポートをゲーム内掲示板で公開)
12. 競合・差別化
- 既存の宗教題材ゲームは説話紹介が中心。
→ 本作は**“非対立のデザイン”**(調停パズル×徳システム)で能動的体験を提供。
13. 技術スタック
- Unity(ユーザーの希望に合致):URP、Yamlローカライズ、Ink/Dialogue System、Timeline
- セーブはJSON+暗号化、PCとSwitchを初期ターゲット
- 字幕・スクリプトは外部CSVで管理し監修者が直接校正可能
14. 開発体制・期間(目安)
- チーム:10〜14名(Pd/PM1、リードデザ1、レベルデザ2、プログラマ3、美術3、UI/UX1、サウンド1、QA1、歴史/神学監修2)
- 期間:プリプロ3ヶ月/プロダクション10ヶ月/QA・ローカライズ3ヶ月(計16ヶ月)
- 概算:8,000万〜1.4億円規模(外注とキャスト有無で変動)
15. KPI / 品質目標
- ストーリー完走率60%以上、レビューで「尊重/配慮」に関する肯定的言及比率70%以上
- 学習要素:章末クイズ正答率の上昇、資料室閲覧率40%以上
16. リスクと対応
- 神学表現の誤解:監修フローと用語脚注で軽減
- 暴力の回避が地味化:対話パズルに“緊張の演出”(時間制限・人だかり・法廷)を導入
- 文化的感受性:外部レビュー(多宗教・無宗教含む)でプレイテスト
サンプルクエスト(第3章:コリント)
- 状況:商人ギルドが安息日の取引巡りで共同体を批判。街の不満が高まる
- 目的:両者の誤解を解き、市場規約の妥協案を提案
- 手順:
- 市場で聞き取り→証言カード「規約草案」「祭礼日」「巡礼需要」を入手
- 祈りでキーワード「家族」「信用」を取得
- 対話パズルで並べ替え:信用>祭礼日>需要調整
- 結果:ギルドは早朝市を追加、共同体は夕刻会合に変更→街ボード好転
代替案(スピンオフ)
A. 「たとえの箱庭(Parables Builder)」
- ジャンル:箱庭パズル+教育
- イエスのたとえ話を抽象化オブジェクトで組み、他者に伝わるかを評価
- マップ共有・評価でコミュニティ生成、学校向け教材モード有り
B. 「詩編の旋律」
- ジャンル:没入型音×言葉アドベンチャー
- 詩編のテキストを手掛かりに、風景・音景を“調律”して心情を可視化
- メンタルヘルス配慮の瞑想モード、読み上げ+多言語字幕
必要なら、この企画をピッチ用1枚/詳細GDD/予算&スケジュール表に分解してドキュメント化します。どの案を推したい? あるいは「現代日本舞台」「子ども向け」などの方向性も出せます。
DNAのダウンロードとアップロード方法
ざっくり言うと「DNAのダウンロード=配列データを公式DBから取得」「アップロード=公式DBへ自分の配列やリードを登録」です。実物のDNAを扱う手順ではなく、デジタル配列データの話として安全に説明します。
1) ダウンロード(取得)
代表的な取り先は NCBI・Ensembl・ENA です。
- NCBI Datasets(ゲノム/遺伝子)
ブラウザ or CLI で目的の生物やアセンブリをまとめて落とせます(FASTA、GFF/GTF、注釈一式)。CLI はdatasetsとdataformatを使用。使い方は公式の「Download a genome data package」と「Download and Install」に詳しいです。 NCBI+2NCBI+2- 例(CLI の雰囲気):
datasets download genome taxon "Homo sapiens" --include genome,annotationdataformat tsv genome --input-file ncbi_dataset.zip > report.tsv
- 例(CLI の雰囲気):
- Ensembl(参考配列・遺伝子セット)
ブラウザの「Export data」から FASTA/GTF/GFF を取得できます。FTP/rsync でもまとめ取り可能。最新リリース情報も公開されています。 ensembl.org+2ensembl.org+2 - ENA(European Nucleotide Archive)
原則として NCBI/ENA/DDBJ はデータ連携します。ENA でも配布・ダウンロードが可能です。 OUP Academic
補足:GenBank 全体の最新リリース規模(配列数・塩基数)などは「Current GenBank Release Notes」で確認できます。 NCBI
2) アップロード(登録)
自分の配列やシーケンスデータを公式リポジトリに登録してアクセッション番号を取得します。代表ルートは次のとおり。
- NCBI Submission Portal(総合窓口)
GenBank(配列)、SRA(生リード)、GEO(発現)、dbSNP 等へ Web から提出できます。アカウント作成 → フォームにメタデータ入力 → FASTA/FASTQ などをアップロード → 審査 → アクセッション付与、という流れです。 submit.ncbi.nlm.nih.gov - GenBank への配列提出(ゲノム含む)
近年は Submission Portal 経由が基本。単一ゲノムの提出等のガイドも公式にまとまっています。 NCBI+1 - ENA(Webin)
ENA へは Webin(Web/REST API)で提出できます。プログラマブルに投げたい場合は Webin REST v2 のドキュメントが便利です。 ena-docs.readthedocs.io
提出の一般的な準備物(高レベル)
- 配列ファイル:FASTA(配列)、FASTQ(リード)など
- メタデータ:生物種、由来、ライブラリ情報、アセンブリ法、文献情報 等
- 連絡情報:提出者・所属・ORCID 等
(いずれも各ポータルの入力フォームに沿って用意します。具体的なフィールド名はポータルの最新ガイドに従ってください。) submit.ncbi.nlm.nih.gov+1
倫理・公開に関する注意(重要)
- ヒト由来データ:個人特定情報や同意に関わる要件があります。適切なリポジトリ(例:制限付きアクセスのデータベース)や同意状況の確認が必要です。
- 公開タイミング:多くのリポジトリで**エンバーゴ(公開保留)**設定が可能です。論文受理まで非公開にしてアクセッションだけ取得、といった運用が一般的です。
(具体仕様は提出先ポータルのポリシーを必ず確認してください。) submit.ncbi.nlm.nih.gov
必要なら、あなたの目的(例:「人間の遺伝子の特定領域を取りたい」/「自前のアセンブリを GenBank に出したい」/**「リードを SRA に出したい」**など)に合わせて、実際のダウンロード/提出手順(検索クエリ、必要な最小メタデータ、CLI コマンド例)をあなたのケースに即して書き起こします。どの用途ですか?
フルダイブVR 機器製造工程
了解!「フルダイブVR」を“脳と身体への入出力まで含む超没入XRデバイス”として想定し、現実に実行可能な(=現在の技術で実装しうる)非侵襲型ルートを軸に、製造~量産までの工程を丸ごと俯瞰できる形でまとめます。
(侵襲型=医療級は規制が大幅に増えるため補足に分離)
前提整理(レベル定義)
- Lv.1: 高機能XR+全身ハプティクス … HMD/パススルー、アイトラッキング、触覚スーツ・手袋、トレッドミル等。
- Lv.2: BCI入力併用 … EEG/近赤外NIRS等で意図推定(手指・視線に加え脳信号を補助入力)。
- Lv.3: 神経刺激によるフィードバック … tES(tDCS/tACS)、経皮電気刺激、局所振動/EMSで“感覚の疑似再現”。
以下は Lv.1~2(+限定的Lv.3) を前提にした製造工程です。
製品アーキテクチャ(主要モジュール)
- HMD本体:光学(パンケーキ/マイクロOLED or μLED)、カメラ(インサイドアウトSLAM)、IMU、SoC/メモリ、無線(Wi-Fi/BT)、冷却。
- アイトラッキング:IR照明+IRカメラ、キャリブソフト。
- ハンド/ボディトラッキング:手指カメラ/グローブ/外部ビーコン(必要に応じて)。
- ハプティクス:スーツ/グローブ/靴(リニアアクチュエータ、EMS、振動、空圧)。
- BCI(任意):ドライ/湿式EEG電極、フロントエンドADC、ノイズ対策。
- 電源:セル(18650/21700/パウチ)+BMS、急速充電、UN38.3/62133対応。
- エンクロージャ:樹脂/マグネ合金、ヘッドバンド、熱設計。
- ファーム・ソフト:OS/描画/トラッキング/BCI推定/安全制御。
製造~量産の全体フロー(EVT→DVT→PVT)
0. 企画・要求仕様
- 体験要件(視野角FOV/PPD/リフレッシュ/遅延/追従精度/稼働時間/質量/騒音)
- 安全要件(皮膚接触、EMS/tES出力上限、温度、EMC、SAR)
- コスト/歩留まり/サプライ可用性KPI
1. 設計(DFX徹底)
- システム:電気(SoC/PMIC/高速配線)、光学(レンズ/ディスプレイ)、RF、熱、機構。
- DFM/DFT/DFS:量産・検査・組立・サービス容易性。
- FMEA:故障モード洗い出し(光学塵、ケーブル断線、熱暴走、汗浸入等)。
2. サプライチェーン確立
- ディスプレイ/レンズ/カメラ/IMU/アクチュエータ/電極/バッテリの一次・二次ベンダ確保
- 重要治工具(治具、貼合、塵埃管理)、EMS/CM選定、LT(リードタイム)確定
3. EVT(試作検証)
- 試作基板/光学サンプル/機構α
- 主要KPI実測:PPD/MTF、遅延、発熱、SLAM精度、アイトラッキング精度、EEG SNR
- 安全限界の確認(皮膚温、電気刺激上限、絶縁、漏れ電流)
4. DVT(設計妥当性)
- 量産プロセス想定でのサンプル(β/γ)
- 信頼性試験:落下、振動、ねじり、汗・皮脂・塵埃、温湿度サイクル、連続稼働、静電気
- 規制前監査:EMC/無線/SAR/62368-1、皮膚接触材料の生体適合性(ISO 10993相当)
5. PVT(量産妥当性)
- 量産ライン・治具・SOP完成、タクトタイム/直行率の目標達成
- OBA(Outgoing quality audit)安定 → 量産GO
部品別・製造工程の要点
A. 光学・表示
- μOLED/μLEDの貼合・レンズユニット組立(クリーン環境)
- 焦点・瞳位置・収差調整、防塵/曇り対策コーティング
- 検査:MTF、輝度ムラ、色度、ダストカウント
B. カメラ・トラッキング
- センサー基板実装(SMT)、レンズ嵌合、IR照明ユニット
- 幾何キャリブ(外部既知パターン)、温度ドリフト補正
- 検査:暗電流、SNR、歪み、SLAMループ閉合誤差
C. IMU/基板(メイン/サブ)
- 高速配線(MIPI/PCIe/LPDDR)、シールド/EMI設計
- ファンクションテスト(DFT:ICT/Boundary-scan)
- 焼きなまし/ストレステストで早期故障除去
D. ハプティクス(スーツ/グローブ)
- アクチュエータ実装(LRA/ERM/空圧/EMS)、配線の屈曲寿命
- 皮膚接触材料:通気・汗処理、洗濯耐性
- 検査:振動周波数レンジ、応答時間、出力バラツキ
E. BCI(EEG/NIRS/EMS)
- 電極(Ag/AgCl等)成形、インピーダンス管理、ヘッドキャップ寸法許容
- アナログ前段のノイズ/アース/アーチファクト除去
- 刺激系(tES/EMS)は二重冗長の電流制限&フェイルセーフ
F. 電源・熱
- BMSキャリブ、セルマッチング、保護素子(PTC/ヒューズ)
- ヒートパス最適化(ヒートパイプ/ベイパーチャンバー、ファン騒音)
G. エンクロージャ/装着系
- 射出成形/マグネ合金ダイキャスト、表面処理(ハードコート、指紋対策)
- ヘッドバンド機構の繰返し耐久、重量バランス調整
組立ライン例(セル/フロー)
- 前加工:基板実装(SMT)→外観/電気検査
- 光学ユニット:貼合→防塵→光学キャリブ
- センサーユニット:カメラ/IMU組付→幾何キャリブ
- 筐体一次組立:フレキ配線、締結トルク管理
- 電源/BMS組付:絶縁/リーク/短絡検査
- 冷却系装着:ペースト塗布量検査、ファン動作
- ファーム書込/起動:シリアル刻印、マック/BTアドレス焼付
- 総合検査:表示、遅延、カメラ、SLAM、アイトラッキング、無線、オーディオ
- 安全試験:表面温度、漏れ電流、EMS上限制御試験
- 環境・信頼性抜取:温湿度、振動、落下
- 外観・クリーニング:パーティクル/擦傷検査
- 梱包:トレーサビリティ(QR)、ドキュメント同梱
タクトの目安(例):60–120秒/台(HMD)、5–10分/セット(ハプティクス/BCI)
必須治具:位置決め、光学評価、レンズフォーカス、カメラ幾何、RF暗箱、エージングラック
キャリブレーション/テスト項目(抜粋)
- 映像:MTF/色度/輝度ムラ、レンズ中心ズレ
- 追跡:IMUバイアス、カメラ外内パラ、SLAM精度(ループ閉合誤差<既定値)
- 視線:視線誤差角(例 ≤0.5°)、瞳孔検出率
- 遅延:フォトダイオード+ハイスピでフレーム到達遅延計測
- 無線/EMC:出力、隣接チャネル漏洩、放射/伝導ノイズ
- 熱:最大負荷時の皮膚接触面温度(規格内)
- BCI:電極インピーダンス、SNR、アーチファクト耐性
- ハプティクス:出力周波数・振幅、応答遅延、EMS電流上限
規格・認証(非医療機器想定)
- 安全:IEC 62368-1(情報機器)、電気ショック/発熱
- 無線:FCC/CE/TELEC(日本)、Bluetooth/Wi-Fi
- EMC:EN 55032/55035 など
- 電池:UN38.3、IEC 62133
- 皮膚接触:ISO 10993-5/10(刺激/感作)相当評価
- 化学:RoHS/REACH
- SAR/ばく露:必要に応じ評価(頭部近接運用)
医療級/侵襲・神経刺激中心の場合:IEC 60601-1/-1-2/-2-10(神経刺激)、ISO 13485(QMS)、FDA/PMDAクラス審査が必要になり、開発・製造プロセスが医療機器向けに大幅に拡張されます。
品質管理と量産KPI
- IQC(受入):レンズダスト、ディスプレイ輝度、セル内部抵抗、電極インピーダンス
- IPQC(工程内):直行率、タクト、温度/トルク/塗布量SPC管理
- OQC(出荷):機能総合合格率、ランダム信頼性抜取
- 主要KPI:一次直行率>95%、総合歩留まり>90%、RMA<1%、DOA<0.3%
コスト構造の目安(BOM比率の一例)
- 光学/表示 35–45%/SoC/基板 20–30%/カメラ・センサー 10–15%/バッテリ 8–12%/機構 8–12%/ハプティクス/BCI 5–15%/梱包・付属 2–4%
リスクと対策
- 光学ダスト/貼合歩留まり → クリーンルーム管理、イオンブロー、工程設計
- 熱/重量バランス → 軽量材+後頭部重心、熱拡散板
- 皮膚刺激/汗 → 生体適合材・通気設計、洗濯可能な内装
- EMS/刺激安全 → 二重電流制限、ウォッチドッグ、HWフェイルセーフ
- BCIノイズ → 電極配置最適化、ケーブルシールド、アーチファクト学習
開発ドキュメント/SOP(最低限)
- PRD/システムBlock、回路/配線図、光学設計書、熱解析、DFX一覧、FMEA
- 各モジュールSOP(組立・キャリブ・検査)、EOLテスト仕様、治具設計
- 材料表(BOM)+AVL(承認ベンダー)+トレーサビリティ計画
- 規制試験計画/報告書、ユーザ安全マニュアル
侵襲型(将来の“真”フルダイブ)に触れる場合の補足
- 要医療機器プロセス:ISO 13485、設計管理、臨床試験、長期安全性
- 製造:クリーン度、無菌、パッケージング、滅菌バリデーション
- 規制審査:PMDA/FDA、リスクベネフィット説明責任
まとめ
- まずは Lv.1~2中心(XR+ハプティクス+BCI入力)で量産可能な設計を固め、EVT→DVT→PVTを通して光学・安全・歩留まりを潰すのが現実解。
- BCI刺激などLv.3要素は限定的かつ安全重視でフェイルセーフを標準装備。
- 規格対応と検査治具の作り込みが量産の要です。
必要なら、このフローを工程表(ガント)や検査仕様テンプレ、ライン配置図に落としてサンプルを作ります。
リアルモンスターARゲーム 企画書
リアルモンスターARゲーム 企画書(ドラフト)
本資料は「現実世界×位置情報×AR×収集・育成・共闘」を核にした新規モバイルゲームの企画書です。既存IP(例:某有名モンスターIP)への依存はせず、完全オリジナルIPを前提とします。
1. エレベーターピッチ / コンセプト
- 一言:街を歩けば“精霊(ファント)”が棲む。現実世界の光・天気・場所が戦略に変わる、散歩が冒険になるARコレクションRPG。
- USP(独自性)
- “現実環境がギミック”:時刻/天気/騒音/明るさ/混雑度をゲームロジックに反映。
- “協調AR”:近接プレイヤーで同一AR個体を同時観測・共同捕獲・共闘。
- “安全×自治体連携”:観光/商店街/防災訓練などの公的イベント連動で社会実装。
- “歩行以外の楽しみ”:自宅ARテラリウム、エンカウントカード、ミニゲーム。
2. ターゲット / ペルソナ
- 主要層:10〜40代のライト〜ミドルゲーマー、散歩/旅行好き、写真・SNS発信層。
- 準主要層:親子(7歳以上推奨)、健康志向ユーザー、コレクター気質。
- 地域:まずは日本主要都市→地方観光地→海外(アジア→グローバル)。
3. 世界観 / 主要キャラクター(例)
- 設定:人の感情と自然のエネルギーから生まれる“ファント”。都市/水辺/森林/寺社/工場などバイオームごとに生態が異なる。
- スターター3体(例):
- フレアット(炎/活力)…晴天・高温時に強化。
- ミズクル(潮/好奇心)…水辺・雨天で出現率UP。
- リーファ(森/癒し)…緑地で回復スキル特化。
4. 主要ゲームサイクル
4.1 コアループ
- 移動 → 2) 現実の地点でスキャン/エンカウント → 3) AR捕獲/バトル → 4) 育成/合成/装備 → 5) ミッション/イベント →(1に戻る)
4.2 ショート/ミドル/ロングサイクル
- ショート(1〜5分):その場スキャン→一体と遭遇→ミニゲームで捕獲→写真→SNS共有。
- ミドル(10〜30分):近隣スポット巡り→連鎖ボーナス→日課ミッション消化→協力レイド。
- ロング(数日〜週):育成/進化ルート選択→地形限定種の収集→シーズンイベント攻略。
5. ゲームシステム詳細
5.1 位置情報×天候×時間
- 出現テーブル:バイオーム×天候(晴/曇/雨/雪/強風)×時間帯(朝/昼/夕/夜)×気温でドロップ/遭遇率を可変。
- 行動制限:夜間は住宅地のスポーンを抑制、駅構内は安全配慮でエンカウント無し。
5.2 AR捕獲(スキルベース)
- ARリングを端末のモーションで合わせる→端末の照度/安定度で成功率変化。
- 近接協力:2〜4人同時の“リンクキャスト”で捕獲ゲージ共有&強個体出現。
5.3 バトル
- 属性:炎/水/森/雷/岩/光/影(例)。2スキル+1奥義のリアルタイム・ライトアクション。
- 位置ギミック:磁場(駅周辺)/潮位(水辺)/騒音(繁華街)でバフ/デバフ。
- レイド:ランドマークに定時/随時で発生、ARで巨大個体が出現。
5.4 育成/進化/合成
- 成長ルート:探索型/戦闘型/支援型の3系統。分岐進化は場所・時刻・天候を条件化。
- 装備(護符):地域素材からクラフト。観光地限定素材でご当地ビルド。
5.5 拠点/テラリウム
- 自宅でARテラリウムを配置。収集個体が生活し、環境飾り(植物/雨/灯り)を置くとパッシブ効果。
5.6 ソーシャル
- 近接ルーム:半径20mで自動ルーム結成→トレード/共闘。
- 写真モード:被写体検出・ポーズ指示・露出/被写界深度調整→#ハッシュ共有。
6. 安全設計・配慮
- ながらスマホ抑止:一定速度以上でプレイ制限/操作簡略化。
- 立入禁止検知:学校/私有地/危険区域はスポーン無効化。
- 夜間配慮:22:00〜6:00は住宅地レイド停止。
- プライバシー:位置情報はボロノイ領域等で空間的匿名化、サーバ保存は最小限(ハッシュ化/丸め)。
7. マネタイズ
- コスメ課金:スキン/ポーズ/ARエフェクト(性能差なし)。
- バトルパス:探索/撮影/協力でポイント→限定装飾。
- ローカルコラボ:商店街/自治体のデジタルスタンプラリー有料参加。
- 広告:任意視聴でブースト(年齢配慮)。
- 確率表示/資金決済法対応:ガチャ導入時は提供割合の明示、天井/重複救済を実装。
8. KPI / 事業目標
- 主要KPI:D1/7/30リテンション、WAU/MAU、課金率、AR写真投稿率、協力レイド参加率、平均歩数。
- 目標(Year1):
- MAU 50万 / 月、課金率 4.0%、AR写真月間投稿 30万件、平均セッション8分×2回/日。
9. コンテンツ運用
- シーズン制(6〜8週):新バイオーム/限定進化/レイド。
- 地域イベント:花見/夏祭り/紅葉/雪祭り/花火大会と連動。
- クリエイタープログラム:写真/ARハントの二次創作を促進(ガイドライン整備)。
10. 技術アーキテクチャ(想定)
- クライアント:Unity + AR Foundation(ARKit/ARCore対応)、LiDAR対応端末は平面/深度優遇。
- サーバ:マッチング/レイドはPhoton Fusion/Realtime、常時はFirebase + Cloud Functions。
- 地図/POI:Mapbox/Google Maps Platform。安全レイヤ(危険/禁止区域)を別テーブル管理。
- データ:ビッグクエリで行動データ解析。位置データは粗度を保つ。
- チート対策:移動速度/加速度の多軸判定、ルート一貫性、端末脱獄検知。
11. 開発体制 / スケジュール(例)
- チーム編成(初期10〜15名):
- PM 1 / プランナー 2 / クライアントエンジニア 4 / サーバ 2 / アート 3 / データ 1 / QA 2
- ロードマップ:
- M0-1(調査):プロトタイプ:AR捕獲、位置/天候連動、近接同期。
- M2-4(α):基本育成・写真・小規模レイド、テラリウム初期版。
- M5-6(CBT):地元2都市でクローズド、KPIチューニング。
- M7-9(OBT):全国主要都市展開、自治体タイアップ開始。
- M10-12(正式):シーズン1開幕、海外ローカライズ準備。
12. 画面遷移 / UIワイヤ(テキスト)
- ホーム/マップ:上部:天気/時間、中央:ARスキャン、下部:近接ルーム/ミッション/撮影。
- 遭遇AR:カメラ起動→平面検出→ファント投影→リング合わせ→捕獲。
- バトル:左スワイプ回避/右タップ攻撃/長押し奥義、上部に環境バフ表示。
- テラリウム:ルーム編集→飾り設置→効果プレビュー→SNS投稿。
13. 法務・コンプライアンス
- 位置情報/個人情報:プライバシーポリシー、DPO設定、オプトイン/オプトアウト。
- 年少者保護:夜間プレイ抑制、課金上限、保護者同意フロー。
- 著作権/商標:キャラ/名称はオリジナル創作。第三者IP非使用方針。
- 景表法:確率型アイテムは表記・救済策・履歴開示。
14. 競合/差別化の要点
- 既存:位置×収集(GO系)、位置×ハンティング(MH系)、歩行×育成(Bloom系)。
- 差別化:環境ギミックの“戦略化”、協調ARの常設、観光/自治体との恒常連携、写真×クリエイター経済。
15. 収支イメージ(概算・初年度)
- 開発費:2.5〜3.5億円(12ヶ月/15名規模、外注含む)。
- 運用費(月):サーバ/地図/分析/CS/イベントで1,500〜2,500万円。
- 売上:MAU50万×ARPPU月1,200円×課金率4% ≒ 月2.4億円想定(広告/コラボ除く)。
16. リスクと対策
- 初期離脱:チュートリアル短縮/“最初の一体”を確実に入手/撮影で成功体験。
- 安全問題:速度検知/危険地帯除外/夜間制限/注意喚起UI。
- 位置チート:速度と加速度の相関、履歴の異常検知、端末整合チェック。
- 季節性/天候偏重:屋内コンテンツ/テラリウム/日替りミッションで平滑化。
17. 成長戦略
- UGC推進:フォトコン、ARフィルタ配布、作品マーケット(審査制)。
- コラボ:ご当地キャラ/観光協会/鉄道/小売。現地での限定クエスト。
- 海外展開:各国の宗教/文化施設はスポーン除外設定を現地監修。
18. 参考KPI計測設計
- ファネル(DL→FTUE→Day1/7/30)、地図ヒートマップ(密度/滞在/回遊)、安全指標(危険接近アラート発生率)。
19. 添付:クエスト例
- “雨上がりの公園で”:雨後2時間以内の緑地で限定個体出現、足跡トレイル追跡ミニゲーム。
- “灯りの路地”:夜19–21時の商店街で光属性が出現、写真投稿でバフ。
次アクション(提案)
- プロトタイプ要件定義(AR捕獲・協調同期・環境バフの3本柱)
- フィールドテスト都市の選定(例:渋谷区/台東区)
- 自治体/商店街のヒアリング開始(安全/回遊/混雑配慮)
YESキリストBOT
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>YESキリスト BOT</title>
<!-- Tailwind(CDN) -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Font Awesome(アイコン) -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
<meta name="description" content="YESキリストBOT:優しく背中を押してくれるシンプルなチャットボット。今日の励まし、進むべき?などを相談できます。" />
<style>
/* スクロールバー控えめ */
* { scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
*::-webkit-scrollbar { height: 8px; width: 8px; }
*::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
/* バブルの三角 */
.bubble:after{
content:""; position:absolute; bottom:-6px; left:16px; border:6px solid transparent; border-top-color:rgba(255,255,255,0.9);
filter: drop-shadow(0 1px 0 rgba(15,23,42,.05));
}
.bubble.me:after{ left:auto; right:16px; border-top-color:#dcfce7; }
</style>
</head>
<body class="min-h-screen bg-gradient-to-b from-slate-50 to-white text-slate-800">
<!-- コンテナ -->
<div class="mx-auto max-w-3xl px-4 py-6">
<!-- ヘッダー -->
<header class="flex items-center justify-between rounded-2xl bg-white/90 backdrop-blur shadow-sm p-4">
<div class="flex items-center gap-3">
<div class="h-10 w-10 rounded-full bg-emerald-500 text-white grid place-items-center">
<i class="fa-solid fa-dove"></i>
</div>
<div>
<h1 class="text-xl font-bold">YESキリスト BOT</h1>
<p class="text-xs text-slate-500">優しく「YES」で背中を押すチャット</p>
</div>
</div>
<div class="flex items-center gap-2">
<button id="btnClear" class="text-xs px-3 py-1.5 rounded-lg bg-slate-100 hover:bg-slate-200 transition">
履歴クリア
</button>
<button id="btnExport" class="text-xs px-3 py-1.5 rounded-lg bg-slate-100 hover:bg-slate-200 transition">
エクスポート
</button>
<label class="text-xs px-3 py-1.5 rounded-lg bg-slate-100 hover:bg-slate-200 transition cursor-pointer">
インポート<input id="fileImport" type="file" accept="application/json" class="hidden">
</label>
</div>
</header>
<!-- プリセット -->
<section class="mt-4 grid grid-cols-2 sm:grid-cols-4 gap-2">
<button class="preset chip">今日の励まし</button>
<button class="preset chip">挑戦していい?</button>
<button class="preset chip">許してもいい?</button>
<button class="preset chip">進むべき?</button>
</section>
<!-- チャット -->
<main id="chat" class="mt-4 h-[60vh] overflow-y-auto rounded-2xl bg-white/90 backdrop-blur p-4 shadow-sm space-y-4">
<!-- 初期メッセージ -->
</main>
<!-- 入力欄 -->
<form id="composer" class="mt-4 flex items-end gap-2">
<textarea id="input" rows="1" placeholder="ここに相談を書いてね(例:新しいことに挑戦しても大丈夫?)"
class="flex-1 resize-none rounded-2xl border border-slate-200 bg-white p-3 focus:outline-none focus:ring-2 focus:ring-emerald-300"></textarea>
<button id="btnSend" type="submit" class="h-11 px-4 rounded-2xl bg-emerald-500 text-white hover:bg-emerald-600 transition">
<i class="fa-solid fa-paper-plane"></i>
</button>
</form>
<!-- 使い方 -->
<details class="mt-4 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600">
<summary class="cursor-pointer font-semibold">使い方</summary>
<ul class="list-disc pl-5 mt-2 space-y-1">
<li>メッセージを送ると、YESキリストが優しく背中を押す言葉で返します。</li>
<li><code>/prayer</code> で短いお祈り風メッセージ、<code>/bless</code> で祝福文。</li>
<li>履歴はブラウザに保存されます(ローカルのみ)。</li>
</ul>
</details>
</div>
<script>
// ====== 設定 ======
const STORAGE_KEY = 'yeschrist_history_v1';
// YESキリストの返答テンプレ
const YES_OPENERS = [
"あなたの心に、静かなYESが灯っています。",
"恐れずに、やさしいYESで一歩を。",
"迷いの中にいても、大丈夫。答えはYESです。",
"小さな信頼が、大きなYESへと育ちます。",
"あなたの良き思いに、YESを重ねましょう。"
];
const YES_ENCOURAGE = [
"試みは愛によって導かれ、愛は前進にYESと言います。",
"完全でなくていい。歩き出す勇気にYES。",
"扉は叩く者に開かれます。ノックにYES。",
"あなたの賜物は隠さずに、光の下へ。YES。",
"やさしさを選ぶ度に、道は明るくなります。YES。"
];
const YES_TAGS = [
"平安がありますように。",
"あなたは一人ではありません。",
"今日の小さな一歩を大切に。",
"心に光を。",
"祝福とともに。"
];
const PRAYERS = [
"天のやさしさがあなたを包み、歩みを照らしますように。アーメン。",
"弱さのときにこそ力が満ちますように。アーメン。",
"迷う心に静けさが与えられますように。アーメン。"
];
const BLESS = [
"あなたの決断に平安が伴いますように。",
"出るにも入るにも祝福が満ちますように。",
"今日の働きに恵みがありますように。"
];
// ====== DOM ======
const chat = document.getElementById('chat');
const input = document.getElementById('input');
const form = document.getElementById('composer');
const btnSend = document.getElementById('btnSend');
const btnExport = document.getElementById('btnExport');
const btnClear = document.getElementById('btnClear');
const fileImport = document.getElementById('fileImport');
document.querySelectorAll('.preset').forEach(el => el.classList.add(
'px-3','py-2','rounded-xl','bg-emerald-50','text-emerald-700','hover:bg-emerald-100','transition','text-sm','chip'
));
// ====== ユーティリティ ======
const nowStr = () => new Date().toLocaleString();
const rand = arr => arr[Math.floor(Math.random() * arr.length)];
const saveHistory = () => {
const items = [...chat.querySelectorAll('[data-msg]')].map(el => ({
role: el.dataset.role, text: el.dataset.msg, time: el.dataset.time
}));
localStorage.setItem(STORAGE_KEY, JSON.stringify(items));
};
const loadHistory = () => {
const raw = localStorage.getItem(STORAGE_KEY);
if (!raw) return [];
try { return JSON.parse(raw); } catch { return []; }
};
function appendMessage(role, text, time = nowStr()) {
const wrapper = document.createElement('div');
wrapper.className = role === 'user'
? 'flex justify-end'
: 'flex justify-start';
const bubble = document.createElement('div');
bubble.className = 'relative max-w-[85%] rounded-2xl p-3 bubble shadow-sm ' +
(role === 'user' ? 'bg-emerald-100 me' : 'bg-white/90');
bubble.textContent = text;
const meta = document.createElement('div');
meta.className = 'mt-1 text-[10px] text-slate-500 ' + (role === 'user' ? 'text-right' : 'text-left');
meta.textContent = time;
const container = document.createElement('div');
container.dataset.msg = text;
container.dataset.role = role;
container.dataset.time = time;
container.className = 'space-y-1';
container.appendChild(bubble);
container.appendChild(meta);
wrapper.appendChild(container);
chat.appendChild(wrapper);
chat.scrollTop = chat.scrollHeight;
}
function systemWelcome() {
appendMessage('assistant',
'ようこそ。YESキリストは、あなたの良き願いに「YES」で寄り添います。/prayer で短いお祈り、/bless で祝福文が届きます。');
}
function composeYesReply(userText) {
const lower = (userText || '').toLowerCase();
let opener = rand(YES_OPENERS);
let body = rand(YES_ENCOURAGE);
let tag = rand(YES_TAGS);
// ほんの少しだけ文脈スパイス
if (/[??]$/.test(userText)) {
opener = "その問いかけに、穏やかなYESが返っています。";
}
if (/(許|ゆる)す/.test(userText)) {
body = "赦しは心を自由にし、あなたを前へ押し出します。YES。";
}
if (/(挑戦|チャレンジ|challenge)/i.test(userText)) {
body = "小さくとも踏み出す一歩は尊く、次の景色を連れてきます。YES。";
}
if (/(進|やめ|辞め|やる|やら)/.test(userText)) {
tag = "平安のあるほうへ。YES。";
}
return `${opener}\n${body}\n${tag}`;
}
async function reply(userText) {
// コマンド
if (userText.trim().startsWith('/prayer')) {
appendMessage('assistant', rand(PRAYERS));
saveHistory(); return;
}
if (userText.trim().startsWith('/bless')) {
appendMessage('assistant', rand(BLESS));
saveHistory(); return;
}
// YES返答
const thinking = document.createElement('div');
thinking.className = 'text-xs text-slate-500';
thinking.textContent = '…考えています';
chat.appendChild(thinking); chat.scrollTop = chat.scrollHeight;
await new Promise(r => setTimeout(r, 300)); // 小さな演出
thinking.remove();
appendMessage('assistant', composeYesReply(userText));
saveHistory();
}
// ====== イベント ======
form.addEventListener('submit', async (e) => {
e.preventDefault();
const text = input.value.trim();
if (!text) return;
appendMessage('user', text);
input.value = '';
input.style.height = '44px';
saveHistory();
reply(text);
});
// 自動リサイズ
input.addEventListener('input', () => {
input.style.height = 'auto';
input.style.height = Math.min(input.scrollHeight, 160) + 'px';
});
// プリセット
document.querySelectorAll('.preset').forEach(btn => {
btn.addEventListener('click', () => {
const q = btn.textContent.trim();
appendMessage('user', q);
saveHistory();
reply(q);
});
});
// クリア
btnClear.addEventListener('click', () => {
if (!confirm('履歴をすべて削除しますか?')) return;
localStorage.removeItem(STORAGE_KEY);
chat.innerHTML = '';
systemWelcome();
});
// エクスポート
btnExport.addEventListener('click', () => {
const data = localStorage.getItem(STORAGE_KEY) ?? '[]';
const blob = new Blob([data], { type: 'application/json' });
const a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = `yeschrist_history_${Date.now()}.json`;
a.click();
URL.revokeObjectURL(a.href);
});
// インポート
fileImport.addEventListener('change', async (e) => {
const file = e.target.files?.[0];
if (!file) return;
const text = await file.text();
try {
const arr = JSON.parse(text);
if (!Array.isArray(arr)) throw new Error('format');
localStorage.setItem(STORAGE_KEY, text);
chat.innerHTML = '';
arr.forEach(m => appendMessage(m.role, m.text, m.time));
} catch {
alert('インポート失敗:JSON形式が正しくありません。');
} finally {
fileImport.value = '';
}
});
// ====== 初期化 ======
(function init() {
const hist = loadHistory();
if (hist.length === 0) {
systemWelcome();
} else {
hist.forEach(m => appendMessage(m.role, m.text, m.time));
}
// 入力高さ初期
input.style.height = '44px';
})();
</script>
</body>
</html>
日本の自殺者数
2025年10月現在の日本の自殺者数に関する情報は、以下の通りです。
2025年9月(暫定値)
- 総数:1,499人
2024年(確定値)
- 総数:20,320人
- 前年(2023年)から1,517人減少しました。
- 小中高生:529人
- 1980年(昭和55年)以降で過去最多となりました。
- 内訳は、男子生徒が減少した一方で、女子生徒が増加しました。
- 男女別
- 男性:1,061人減少
- 女性:456人減少
- ただし、19歳以下の女性は51人増加しています。
- 原因・動機別
- 学校問題:増加
- 家庭問題、健康問題、経済・生活問題、勤務問題、交際問題など:減少
2023年(確定値)
- 総数:21,837人
- 前年(2022年)から44人減少しました。
- 男女別にみると、男性は2年連続で増加し、女性は4年ぶりに減少しました。
過去の推移
- ピーク:34,427人
- 2003年(平成15年)に過去最多を記録しました。
- 減少傾向
- 2010年(平成22年)以降は減少傾向が続きました。
- 2019年(令和元年)には、統計開始(1978年)以来最少の20,169人となりました。
- 増加傾向
- 新型コロナウイルス感染症の影響もあり、2020年(令和2年)以降は再び増加に転じました。
これらの統計は、警察庁の発表データに基づいています。より詳細な情報については、警察庁や厚生労働省が公開している統計資料をご確認ください。
