{"id":24,"date":"2026-06-04T23:33:24","date_gmt":"2026-06-04T23:33:24","guid":{"rendered":"https:\/\/katokuka.com\/toro\/?p=24"},"modified":"2026-06-14T09:19:03","modified_gmt":"2026-06-14T00:19:03","slug":"tiktok","status":"publish","type":"post","link":"https:\/\/katokuka.com\/toro\/tiktok\/","title":{"rendered":"Tiktok\u5207\u308a\u629c\u304d"},"content":{"rendered":"\n<style>\n*{box-sizing:border-box}\n.tkt{font-family:sans-serif;padding:1rem 0;background:#0B0B0C}\n.tkt-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:1.25rem}\n.tkt-title{font-size:17px;font-weight:500;margin:0;color:#FFFFFF}\n.tkt-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}\n.tkt-sort-btn{padding:5px 12px;border:0.5px solid #2a2a2a;border-radius:99px;background:transparent;font-size:12px;cursor:pointer;color:#FFFFFF;transition:all 0.15s}\n.tkt-sort-btn.active{background:#53FC18;color:#0B0B0C;border-color:#53FC18;font-weight:600}\n.tkt-list{display:flex;flex-direction:column;gap:10px}\n.tkt-card{background:#0B0B0C;border:0.5px solid #1e1e1e;border-radius:12px;overflow:hidden;transition:border-color 0.15s}\n.tkt-card:hover{border-color:#333}\n.tkt-card-top{display:flex;align-items:center;gap:14px;padding:16px}\n.tkt-rank{font-size:20px;font-weight:500;min-width:24px;text-align:center;flex-shrink:0;color:#555}\n.tkt-rank.gold{color:#ba7517}\n.tkt-rank.silver{color:#777}\n.tkt-rank.bronze{color:#854f0b}\n.tkt-avatar{width:150px;height:150px;border-radius:50%;flex-shrink:0;object-fit:cover;background:#1a1a1a;display:block}\n.tkt-avatar-placeholder{width:150px;height:150px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;background:#1a1a1a;color:#FFFFFF}\n.tkt-info{flex:1;min-width:0}\n.tkt-name{font-size:20px;font-weight:600;color:#FFFFFF;word-break:break-word}\n.tkt-handle{font-size:12px;color:#444;margin-top:3px}\n.tkt-stats{display:flex;flex-direction:column;gap:6px;margin-top:10px}\n.tkt-stat{font-size:13px;color:#555;display:flex;align-items:center;gap:5px}\n.tkt-stat .val{font-weight:500;color:#CCCCCC}\n.tkt-stat .hi{font-weight:700;color:#53FC18}\n.tkt-open-btn{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:12px;color:#53FC18;text-decoration:none;padding:5px 10px;border-radius:7px;border:0.5px solid #1e1e1e}\n.tkt-open-btn:hover{background:#0d2b1a}\n.tkt-bar-wrap{height:3px;background:#1e1e1e;margin:0 16px 14px}\n.tkt-bar{height:3px;background:#53FC18;border-radius:99px;transition:width 0.5s ease}\n.tkt-updated{font-size:11px;color:#333;text-align:right;margin-top:8px}\n@media(max-width:480px){\n  .tkt-avatar{width:64px;height:64px}\n  .tkt-avatar-placeholder{width:64px;height:64px;font-size:22px}\n  .tkt-rank{font-size:13px;min-width:14px}\n  .tkt-name{font-size:14px}\n  .tkt-card-top{gap:8px;padding:10px 10px 8px}\n}\n<\/style>\n\n<div class=\"tkt\">\n  <div class=\"tkt-header\">\n\n    <div class=\"tkt-controls\">\n      <button class=\"tkt-sort-btn\" onclick=\"tktSort('followers',this)\">\u30d5\u30a9\u30ed\u30ef\u30fc\u6570<\/button>\n      <button class=\"tkt-sort-btn active\" onclick=\"tktSort('likes',this)\">\u3044\u3044\u306d\u6570<\/button>\n    <\/div>\n  <\/div>\n  <div class=\"tkt-list\" id=\"tkt-list\"><\/div>\n  <p class=\"tkt-updated\" id=\"tkt-updated\"><\/p>\n<\/div>\n\n<script>\n(function(){\n\/\/ =============================================\n\/\/ \u2605 \u3053\u3053\u3092\u7de8\u96c6\u3057\u3066\u304f\u3060\u3055\u3044 \u2605\n\/\/ =============================================\nconst CHANNELS = [\n  {\n    name:      \"\u52c7\u8005\u30c8\u30ed\",\n    handle:    \"@torokirinuki\",\n    url:       \"https:\/\/www.tiktok.com\/@torokirinuki\",\n    thumb:     \"https:\/\/katokuka.com\/toro\/wp-content\/uploads\/2026\/06\/torokirinuki.webp\",\n    followers: 726,\n    likes:     5994,\n  },\n  {\n    name:      \"\u52c7\u8005\u30c8\u30ed\u306e\u6cbc\",\n    handle:    \"@torotorovs\",\n    url:       \"https:\/\/www.tiktok.com\/@torotorovs\",\n    thumb:     \"https:\/\/katokuka.com\/toro\/wp-content\/uploads\/2026\/06\/torotorovs.webp\",\n    followers: 947,\n    likes:     5460,\n  },\n  {\n    name:      \"\u52c7\u8005\u30c8\u30ed@\u5207\u308a\u629c\u304d\",\n    handle:    \"@toro_oripa_kick\",\n    url:       \"https:\/\/www.tiktok.com\/@toro_oripa_kick\",\n    thumb:     \"https:\/\/katokuka.com\/toro\/wp-content\/uploads\/2026\/06\/toro_oripa_kick.webp\",\n    followers: 474,\n    likes:     4137,\n  },\n  {\n    name:      \"\ud83c\udf08\u52c7\u8005\u30c8\u30ed\u306e\u30aa\u30ea\u30d1\u7206\u76ca\u65e5\u8a18\ud83c\udf08\",\n    handle:    \"@torobakuekinikki\",\n    url:       \"https:\/\/www.tiktok.com\/@torobakuekinikki\",\n    thumb:     \"https:\/\/katokuka.com\/toro\/wp-content\/uploads\/2026\/06\/torobakuekinikki.webp\",\n    followers: 10700,\n    likes:     2519,\n  },\n  {\n    name:      \"\u52c7\u8005\u30c8\u30ed\u306e\u501f\u91d1\u30aa\u30ea\u30d1\",\n    handle:    \"@torooripakirinuki\",\n    url:       \"https:\/\/www.tiktok.com\/@torooripakirinuki\",\n    thumb:     \"https:\/\/katokuka.com\/toro\/wp-content\/uploads\/2026\/06\/torooripakirinuki.webp\",\n    followers: 100,\n    likes:     837,\n  },\n  {\n    name:      \"\u30db\u30d3\u30fc\u6751\u52c7\u8005\u30c8\u30ed@\u5207\u308a\u629c\u304d\",\n    handle:    \"@yuushatoro_kirinukitai\",\n    url:       \"https:\/\/www.tiktok.com\/@yuushatoro_kirinukitai\",\n    thumb:     \"https:\/\/katokuka.com\/toro\/wp-content\/uploads\/2026\/06\/yuushatoro_kirinukitai.webp\",\n    followers: 1206,\n    likes:     341,\n  },\n];\n\/\/ =============================================\n\nlet currentSort = \"likes\";\n\nfunction fmt(n){\n  n = parseInt(n)||0;\n  if(n>=100000000) return Math.floor(n\/100000000)+\"\u5104\";\n  if(n>=10000)     return Math.floor(n\/10000)+\"\u4e07\";\n  if(n>=1000)      return (n\/1000).toFixed(1)+\"\u5343\";\n  return n.toLocaleString();\n}\n\nfunction render(){\n  const sorted = [...CHANNELS].sort((a,b)=>\n    currentSort===\"likes\"\n      ? (parseInt(b.likes)||0)-(parseInt(a.likes)||0)\n      : (parseInt(b.followers)||0)-(parseInt(a.followers)||0)\n  );\n  const maxVal = Math.max(...sorted.map(c=>parseInt(currentSort===\"likes\"?c.likes:c.followers)||0),1);\n\n  document.getElementById(\"tkt-list\").innerHTML = sorted.map((ch,idx)=>{\n    const rankClass = [\"gold\",\"silver\",\"bronze\"][idx]||\"\";\n    const barVal    = parseInt(currentSort===\"likes\"?ch.likes:ch.followers)||0;\n    const avatarHTML = ch.thumb\n      ? `<a href=\"${ch.url}\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"tkt-avatar\" src=\"${ch.thumb}\" alt=\"${ch.name}\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"><\/a>\\\n         <div class=\"tkt-avatar-placeholder\" style=\"display:none\">${ch.name.charAt(0)}<\/div>`\n      : `<a href=\"${ch.url}\" target=\"_blank\" rel=\"noopener\"><div class=\"tkt-avatar-placeholder\">${ch.name.charAt(0)}<\/div><\/a>`;\n    return `\n    <div class=\"tkt-card\">\n      <div class=\"tkt-card-top\">\n        <span class=\"tkt-rank ${rankClass}\">${idx+1}<\/span>\n        ${avatarHTML}\n        <div class=\"tkt-info\">\n          <a class=\"tkt-name\" href=\"${ch.url}\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration:none;display:block\">${ch.name}<\/a>\n          <div class=\"tkt-handle\">${ch.handle||\"\"}<\/div>\n          <div class=\"tkt-stats\">\n            <span class=\"tkt-stat\">\ud83d\udc65 <span class=\"${currentSort===\"followers\"?\"hi\":\"val\"}\">${fmt(ch.followers)}\u4eba<\/span><\/span>\n            <span class=\"tkt-stat\">\u2764\ufe0f <span class=\"${currentSort===\"likes\"?\"hi\":\"val\"}\">${fmt(ch.likes)}<\/span><\/span>\n          <\/div>\n          <a class=\"tkt-open-btn\" href=\"${ch.url}\" target=\"_blank\" rel=\"noopener\">\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\n            TikTok\u3067\u958b\u304f\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"tkt-bar-wrap\"><div class=\"tkt-bar\" style=\"width:${Math.round(barVal\/maxVal*100)}%\"><\/div><\/div>\n    <\/div>`;\n  }).join(\"\");\n\n  const now = new Date();\n  document.getElementById(\"tkt-updated\").textContent =\n    `\u6700\u7d42\u66f4\u65b0: ${now.getFullYear()}\/${now.getMonth()+1}\/${now.getDate()} ${now.getHours()}:${String(now.getMinutes()).padStart(2,\"0\")}`;\n}\n\nrender();\n\nwindow.tktSort = function(sort, el){\n  currentSort = sort;\n  document.querySelectorAll(\".tkt-sort-btn\").forEach(b=>b.classList.remove(\"active\"));\n  el.classList.add(\"active\");\n  render();\n};\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u30d5\u30a9\u30ed\u30ef\u30fc\u6570 \u3044\u3044\u306d\u6570<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-24","post","type-post","status-publish","format-standard","hentry","category-link"],"_links":{"self":[{"href":"https:\/\/katokuka.com\/toro\/wp-json\/wp\/v2\/posts\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/katokuka.com\/toro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/katokuka.com\/toro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/katokuka.com\/toro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/katokuka.com\/toro\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":13,"href":"https:\/\/katokuka.com\/toro\/wp-json\/wp\/v2\/posts\/24\/revisions"}],"predecessor-version":[{"id":200,"href":"https:\/\/katokuka.com\/toro\/wp-json\/wp\/v2\/posts\/24\/revisions\/200"}],"wp:attachment":[{"href":"https:\/\/katokuka.com\/toro\/wp-json\/wp\/v2\/media?parent=24"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/katokuka.com\/toro\/wp-json\/wp\/v2\/categories?post=24"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/katokuka.com\/toro\/wp-json\/wp\/v2\/tags?post=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}