見出し画像

コピペするだけ!簡単「ブラウザだけで時間お知らせ(note記事集中に便利)」

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

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

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

Geminiで簡単!ツール作成!

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


おいおい昨日と同じものじゃないのかい?
いえ違います!
応用してもうちょっと便利にしてみました!
時間指定でお知らせです!


noteの記事を書いていると時間忘れて没頭しちゃう!

記事の内容が思いつかずに時間が過ぎてる!

どちらにしても時間を決めて、リフレッシュしたいですよね!?

そんな時にブックマークをぽちっと押して時間指定でお知らせできちゃう!

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


🛠️ 使い方(PC版)

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

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

2. 「編集」を開く

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

3. 内容を書き換える

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

  • 名前: (自分が分かりやすい名前)

  • URL: もともと入っているURLをすべて消して、コードを貼り付ける。

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


📋これを貼ります!

javascript:(function(){var t=prompt('何時になったら呼んで?(例 14:00)','');if(t){var d=new Date(),n=t.split(':'),h=parseInt(n[0]),m=parseInt(n[1]);if(!isNaN(h)&&!isNaN(m)){var s=new Date(d.getFullYear(),d.getMonth(),d.getDate(),h,m,0,0);if(s<d)s.setDate(s.getDate()+1);var diff=s.getTime()-d.getTime();setTimeout(function(){alert(t+' になりました!現実に帰る時間です。');},diff);}else{alert('入力形式が正しくありません。「14:00」のように入力してください。');}}})();

今日も昨日と同じ、なんと二段構え!
noteとAIを他のタブで開いているときでも気づかせてくれる音付きはこちら!
でも別ウィンドウとか別アプリを使っていたら音が鳴らないのも昨日と同じ!💦

javascript:(function(){var t=prompt('何時になったら呼んで?(例 14:00)','');if(t){var d=new Date(),n=t.split(':'),h=parseInt(n[0]),m=parseInt(n[1]);if(!isNaN(h)&&!isNaN(m)){var s=new Date(d.getFullYear(),d.getMonth(),d.getDate(),h,m,0,0);if(s<d)s.setDate(s.getDate()+1);var diff=s.getTime()-d.getTime();var ac=new (window.AudioContext||window.webkitAudioContext)();setTimeout(function(){var o=ac.createOscillator(),g=ac.createGain();o.type='sine';o.connect(g);g.connect(ac.destination);g.gain.setValueAtTime(0.5,ac.currentTime);g.gain.exponentialRampToValueAtTime(0.01,ac.currentTime+1);o.start();o.stop(ac.currentTime+1);alert(t+' になりました!現実に帰る時間です。');},diff);}else{alert('入力形式が正しくありません。「14:00」のように入力してください。');}}})();

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

一発作成プロンプト!

【要件】

起動時の動作:

起動すると、ユーザーに通知してほしい時刻を入力させるダイアログ(prompt)を表示すること。

ダイアログのメッセージは「何時になったら呼んで?(例 14:00)」とし、初期入力値は空欄とすること。

入力の解析:

入力された文字列を「時間」と「分」に分解し(例: 「14:00」→「14時」「00分」)、現在のシステム日付のその時刻をターゲットとして計算すること。

入力形式が不正(数値以外、コロンがない等)な場合は、アラート(alert)で「入力形式が正しくありません。「14:00」のように入力してください。」と表示して終了すること。

翌日対応逻辑(重要):

もし、指定された時刻が「現在時刻」よりも過去であった場合(例:現在23:00で、入力が01:00の場合)、それは**「翌日のその時刻」**を指していると判断してタイマーをセットすること。

通知の動作:

指定された時刻(秒、ミリ秒は0とする)に達したら、アラート(alert)で「[指定された時刻] になりました!現実に帰る時間です。」と表示すること。

出力形式:

コード全体を javascript:(function(){ ... })(); の形式でラップし、不要な改行やスペースを削除して1行にまとめたコードのみを出力すること。

こんな小道具も!

コピペするだけ!簡単「ブラウザだけで集中時間タイマー」|へろん
コピペするだけ!簡単「ブラウザだけでカラーコードコピー」|へろん
コピペするだけ!簡単「AIからの回答を簡単まるっとコピー(NotebookLM向け)」|へろん
コピペするだけ!簡単「AIからの回答を簡単まるっとコピー」|へろん
コピペするだけ!簡単「タイトル+URL一撃コピー(note特化型)」|へろん
コピペするだけ!簡単「AI記事から**を消す(note特化型)」|へろん


この記事について!

今更ながら、Gemini 3分クッキング記事について注意点など|へろん


☕ お時間あればこちらも是非!


気に入ったらスキ、フォローよろしくお願いします!
note外から見にきてくださったかたも、もしよければハートマーク押して頂けたら励みになります😊

いいなと思ったら応援しよう!

へろん いつも応援ありがとうございます! 快適な制作を進めるためのおやつ活動費に使わせて頂きます!