コピペするだけ！簡単「ブラウザだけで集中時間タイマー」

へろん

2026年4月19日 12:10

ブックマークに置いとくだけ！

アプリいらずの簡単小道具！

コンテンツ制作のお供に！

Geminiで簡単！ツール作成！

一発作成プロンプトも紹介！

AIとの格闘、ついつい時間を忘れてのめり込んじゃう。
noteの記事、うまく書けなくて時間ばかりが過ぎちゃってる。
もう集中力なんて枯れ枯れなのに粘りがち。
そんなことになってませんか！？(私がそれ！)

分指定して、放置するだけ！

ポップアップで教えてくれる！

それまでどっぷり集中しちゃおう！

それよりカップラーメン待ちに便利かも！？

でも実行したときのタブを閉じたら止まっちゃうから要注意！

🛠️ 使い方（PC版）

1. 適当なページをブックマークする

まずは、今見ているこのページなど、何でもいいので一度ブックマークに登録します（Ctrl + D または Command + D）。

2. 「編集」を開く

ブックマークバーにある今作ったブックマークを右クリックして、「編集」を選択します。

3. 内容を書き換える

表示された設定画面で、以下の2箇所を変更して保存します。

名前： （自分が分かりやすい名前）
URL： もともと入っているURLをすべて消して、コードを貼り付ける。

ブラウザだけで終わっちゃう！ブックマークを押すだけ簡単！

📋これを貼ります！

javascript:(function(){const m=prompt('何分後に知らせる？','3');if(m){const s=parseFloat(m)*60000;setTimeout(()=>{alert(m+'分経ちました！集中終了！');},s);}})();

そして今日はなんと二段構え！
noteとAIを他のタブで開いているときでも気づかせてくれる音付きはこちら！
でも別ウィンドウとか別アプリを使っていたら音が鳴らないから用途は限定的！？

javascript:(function(){const m=prompt('何分後に知らせる？','3');if(m){const s=parseFloat(m)*60000;setTimeout(()=>{const a=new(window.AudioContext||window.webkitAudioContext)();const o=a.createOscillator();const g=a.createGain();o.connect(g);g.connect(a.destination);o.type='sine';o.frequency.setValueAtTime(880,a.currentTime);g.gain.setValueAtTime(0.1,a.currentTime);o.start();g.gain.exponentialRampToValueAtTime(0.00001,a.currentTime+1);setTimeout(()=>o.stop(),1000);alert(m+'分経ちました！集中終了！');},s);}})();

🚀そして、これを作るための

一発作成プロンプト！

ブラウザのブックマークとして保存して使える「簡易タイマー」のブックマークレットを作成してください。
【要件】

起動時に「何分後に知らせる？」という入力ダイアログ（prompt）を表示する。
デフォルトの入力値は「3」にする。
指定された分数が経過したら、アラート（alert）で「〇分経ちました！集中終了！」と通知する。
コード全体を javascript:(function(){ ... })(); の形式でラップし、1行にまとめて出力してください。