Bookmarklet - Cactus 🌵 Tools

ブックマークレットの使い方

使いたいブックマークレットボタンをブラウザのブックマークバーなどにドラッグして登録
- スマートフォンなどドラッグで追加できない方は「コピペ用」のボックスをタップしてコピーしてご利用ください
https://vrchat.com/home🔗 のページに行ってから登録したブックマークを押すだけ (⚠️ このページで押しても何も起きないよ)

注意事項

API の利用はあくまでも非公式な機能です
API サーバーに負荷をかけないよう 1 分に 1 回程度にしておきましょう
当該利用により生じた損害について一切責任を負いません（自己責任でね）

ブックマークレット一覧

No. 1

Ver. 2024-09-21.1

🤔 VRC 始めてからどんなもん？

自分の VRChat を開始した日から現在までの秒とか日数とか(開始日を 0 日目で計算してます)

コピペ用

コード確認

javascript:void function () {
      fetch('https://vrchat.com/api/1/auth/user')
        .then(r => r.json()
          .then(v => {
            const n = v.displayName,
              s = new Date(v.date_joined),
              e = new Date();
            s.setHours(0,0,0,0);
            e.setHours(0,0,0,0);
            const f = Math.floor,
              d = e - s;
            let y = e.getFullYear() - s.getFullYear(),
              m = e.getMonth() - s.getMonth(),
              dd = e.getDate() - s.getDate();
            if (m<0 || m===0 && dd<0) {
              y--;
              m+=12
            }
            if(dd<0) {
              const l = new Date(e.getFullYear(),e.getMonth(),0);
              dd += l.getDate();
              m--
            }
            const x = y?`${y} 年 ${m} ヶ月 ${dd} 日`:m?`${m} ヶ月 ${dd} 日`:`${dd} 日`;
            const content = `
              ${n} は #VRChat を ${s.toLocaleDateString()} に開始したので今日(${e.toLocaleDateString()})で...\n
              \n
              ＼＼　  　/ 　／／\n
              ${x} 経過しました\n
              ／／　 /　 　 ＼＼\n
              \n
              #cactustools
            `;
            const _d = document;
            const _x = _d.createElement('div'),
              _y = _d.createElement('div'),
              _z = _d.createElement('textarea'),
              _c = _d.createElement('button'),
              _i = (new Date()).getTime();
            _x.id = _i;
            _z.value = content;
            _y.appendChild(_z);
            _x.appendChild(_y);
            _c.innerText = '閉じる';
            _c.onclick = () => {_d.getElementById(_i).remove();};
            _x.style.cssText = 'position:absolute;top:0;z-index:999999;background-color:white;color:black;padding:0.5rem 1rem;width:100%;box-shadow:rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;';
            _x.insertBefore(_c, _x.firstChild);
            _d.querySelector('body').appendChild(_x);
            _z.style.height = 'auto';
            _z.style.height = _z.scrollHeight + 'px';
            _z.style.width = '100%';
          })
        )
    }();