メインコンテンツへスキップ
見出し画像

【note】スキ制限が厳しくなったら、note民は数え始める

    ocha🍵

    note のスキ制限がどんな感じでかかるのか気になって、
    手動でポチポチ数を測れるカウンタを ChatGPT くんに作ってもらいました。

    きっかけは ↓ の記事になります。

    できることは、とてもシンプル。

    ✨ カウントできる項目

    • 記事へのスキ

    • コメント

    • コメントへのスキ

    この3つを それぞれ別カウンタで管理します。

    ⏱ ストップウォッチも別々

    • 各項目ごとに 専用のストップウォッチ付き

    • 最初の「＋1」を押した瞬間に自動でスタート

    • どれだけの時間で、どれくらい操作したかが見える化できます

    🔘 操作は全部手動

    • note で操作したら、こちらのボタンも押すだけ

    • 押し間違えたとき用に

      • 「−1」ボタンあり

      • 個別リセットあり

    • 全部まとめて初期化できる 全リセット も付けています

    💾 ブラウザ版なので保存されます

    • ブラウザを閉じても
      カウント数・計測時間はそのまま

    • インストール不要、HTML1枚で完結（ローカルで使える）

    🤔 何のためのツール？

    スキを増やすためのものではなくて、

    • 何分くらいで制限っぽい挙動が出るのか

    • 記事スキ／コメント／コメントスキで違いがあるのか

    を 安全に・人力で・記録するための検証用ツールです。


    画像
    ブラウザ版 note 手動カウンタの画面

    note 手動スキカウンタ・ブラウザ版（HTML 1枚で完結・保存もOK）

    下のコードをメモ帳等に貼り付けて、 like_counter_multi_timer.html などのファイル名を付けて保存 → 開くだけで動きます（Chrome/Edge推奨）。
    ※カウント＆タイマーは localStorage に保存されるので、閉じても残ります。

    <!doctype html>
<html lang="ja">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>note 手動カウンタ（個別ストップウォッチ）</title>
  <style>
    body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; margin: 24px; }
    .wrap { max-width: 820px; margin: 0 auto; }
    h1 { font-size: 20px; margin: 0 0 12px; }
    .grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
    .card { border: 1px solid #ddd; border-radius: 12px; padding: 16px; }
    .toprow { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
    .title { font-size: 16px; font-weight: 700; }
    .pill { display:inline-block; padding: 4px 10px; border:1px solid #ddd; border-radius: 999px; font-size: 12px; color:#555;}
    .row { display:flex; align-items:center; gap: 12px; flex-wrap: wrap; margin-top: 10px; }
    .count { font-size: 22px; font-weight: 800; min-width: 60px; text-align: right; }
    .timer { font-size: 22px; font-weight: 800; letter-spacing: 0.5px; }
    button { padding: 10px 14px; border: 1px solid #ccc; border-radius: 10px; cursor: pointer; background: #fff; }
    button.primary { border-color: #999; font-weight: 600; }
    button.danger { border-color: #c33; color: #c33; }
    button.small { padding: 6px 10px; border-radius: 10px; font-size: 12px; }
    .note { font-size: 12px; color: #666; line-height: 1.6; margin-top: 8px;}
    .muted { color:#666; font-size: 12px; }
  </style>
</head>
<body>
  <div class="wrap">
    <h1>note 手動カウンタ（個別ストップウォッチ）</h1>

    <div class="card">
      <div class="toprow">
        <div class="muted">
          各項目は <b>最初の+1</b> でその項目のタイマーが開始します。<br/>
          「全リセット」は3項目まとめて初期化。
        </div>
        <button id="resetAll" class="danger">全リセット</button>
      </div>
    </div>

    <div class="grid">
      <!-- Article Like -->
      <div class="card" data-key="like_article">
        <div class="toprow">
          <div class="title">記事へのスキ</div>
          <span class="pill" id="pill_like_article">停止中</span>
        </div>
        <div class="row">
          <div class="count" id="count_like_article">0</div>
          <button class="primary" id="inc_like_article">＋1</button>
          <button class="small" id="dec_like_article">−1</button>
          <button class="danger" id="reset_like_article">リセット</button>
        </div>
        <div class="row">
          <div class="muted">経過</div>
          <div class="timer" id="timer_like_article">00:00:00</div>
        </div>
        <div class="note">この項目の最初の+1でスタート。押し間違いは−1で戻せます。</div>
      </div>

      <!-- Comment -->
      <div class="card" data-key="comment">
        <div class="toprow">
          <div class="title">コメント</div>
          <span class="pill" id="pill_comment">停止中</span>
        </div>
        <div class="row">
          <div class="count" id="count_comment">0</div>
          <button class="primary" id="inc_comment">＋1</button>
          <button class="small" id="dec_comment">−1</button>
          <button class="danger" id="reset_comment">リセット</button>
        </div>
        <div class="row">
          <div class="muted">経過</div>
          <div class="timer" id="timer_comment">00:00:00</div>
        </div>
        <div class="note">コメント数の「実験用カウンタ」＋経過時間。</div>
      </div>

      <!-- Like for Comment -->
      <div class="card" data-key="like_comment">
        <div class="toprow">
          <div class="title">コメントへのスキ</div>
          <span class="pill" id="pill_like_comment">停止中</span>
        </div>
        <div class="row">
          <div class="count" id="count_like_comment">0</div>
          <button class="primary" id="inc_like_comment">＋1</button>
          <button class="small" id="dec_like_comment">−1</button>
          <button class="danger" id="reset_like_comment">リセット</button>
        </div>
        <div class="row">
          <div class="muted">経過</div>
          <div class="timer" id="timer_like_comment">00:00:00</div>
        </div>
        <div class="note">コメントへのスキだけ別制限の可能性もあるので個別計測。</div>
      </div>
    </div>
  </div>

<script>
  const KEY = "note_manual_counter_multi_timer_v1";

  const defaultItem = () => ({
    count: 0,
    running: false,
    startAtMs: null, // Date.now() when started
    elapsedMs: 0     // accumulated (we only stop on reset in this version)
  });

  const state = {
    like_article: defaultItem(),
    comment: defaultItem(),
    like_comment: defaultItem()
  };

  function load() {
    try {
      const raw = localStorage.getItem(KEY);
      if (!raw) return;
      const obj = JSON.parse(raw);
      if (!obj) return;
      for (const k of Object.keys(state)) {
        if (obj[k]) state[k] = Object.assign(defaultItem(), obj[k]);
      }
    } catch (e) {}
  }

  function save() {
    localStorage.setItem(KEY, JSON.stringify(state));
  }

  function pad2(n){ return String(n).padStart(2,"0"); }
  function fmt(ms){
    const total = Math.floor(ms / 1000);
    const h = Math.floor(total / 3600);
    const m = Math.floor((total % 3600) / 60);
    const s = total % 60;
    return `${pad2(h)}:${pad2(m)}:${pad2(s)}`;
  }

  function elapsedOf(item){
    if (!item.running || !item.startAtMs) return item.elapsedMs || 0;
    return (item.elapsedMs || 0) + (Date.now() - item.startAtMs);
  }

  function renderOne(key){
    const item = state[key];
    document.getElementById(`count_${key}`).textContent = item.count;
    document.getElementById(`timer_${key}`).textContent = fmt(elapsedOf(item));
    document.getElementById(`pill_${key}`).textContent = item.running ? "計測中" : "停止中";
  }

  function renderAll(){
    renderOne("like_article");
    renderOne("comment");
    renderOne("like_comment");
  }

  function ensureStarted(key){
    const item = state[key];
    if (item.running) return;
    item.running = true;
    item.startAtMs = Date.now();
  }

  function inc(key){
    ensureStarted(key);
    state[key].count += 1;
    save();
    renderOne(key);
  }

  function dec(key){
    // タイマーは「開始したらそのまま」でOK（要望があれば「0に戻ったら停止」も可能）
    state[key].count = Math.max(0, state[key].count - 1);
    save();
    renderOne(key);
  }

  function reset(key){
    state[key] = defaultItem();
    save();
    renderOne(key);
  }

  function resetAll(){
    state.like_article = defaultItem();
    state.comment = defaultItem();
    state.like_comment = defaultItem();
    save();
    renderAll();
  }

  // wiring
  document.getElementById("inc_like_article").addEventListener("click", () => inc("like_article"));
  document.getElementById("dec_like_article").addEventListener("click", () => dec("like_article"));
  document.getElementById("reset_like_article").addEventListener("click", () => reset("like_article"));

  document.getElementById("inc_comment").addEventListener("click", () => inc("comment"));
  document.getElementById("dec_comment").addEventListener("click", () => dec("comment"));
  document.getElementById("reset_comment").addEventListener("click", () => reset("comment"));

  document.getElementById("inc_like_comment").addEventListener("click", () => inc("like_comment"));
  document.getElementById("dec_like_comment").addEventListener("click", () => dec("like_comment"));
  document.getElementById("reset_like_comment").addEventListener("click", () => reset("like_comment"));

  document.getElementById("resetAll").addEventListener("click", resetAll);

  // tick for display
  setInterval(() => {
    // running items only update visually
    renderAll();
  }, 250);

  load();
  renderAll();
</script>
</body>
</html>

    📝 まとめ

    note の操作を「何回・何分やったか」を
    ただ静かに可視化するだけの、とても地味なカウンタです。

    同じように「気になってた」という方の参考になればうれしいです🌿

    これを改良する前に note の仕様が元に戻るといいな(*'▽'*)


    画像
    画像
    #note #スキ制限 #スキできない #note観測記録  
    #検証中 #noteあるある #手動スキカウンタ  

    ── 💬 ノーティストさんを笑わせたい　 #制限もアピール希望
    スキは気持ち。
    でも制限は、だいたい無言。

    #ノーティストさんを笑わせたい
     
     

    ocha🍵

     
     
    日々の小さなできごと、ラノベ執筆、副業挑戦、ゲームの話、縁起担ぎなど。好きなことを自由に書いています。 note： https://note.com/teabliss7020

    あなたへのおすすめ