コピペするだけ！簡単「ペルセウス座流星群 観測＆確率ナビ」

夜空に詳しくなるのって憧れませんか？

キャンプの夜なんかに静かに知識と好奇心を楽しむ。

そんな穏やかな時間を定期的に持つことができたら最高ですよね！

そうそう、今年2026年のペルセウス座流星群の見頃は今日8月12日の夜らしいんです。

そこで、どのくらいの時間夜空を見上げていれば1つ以上の流星を見ることができるのか、その確率がどのくらいなのかを計算するツールをGeminiさんに作ってもらいました。

雨で流石に無理かなとは思ったのですが、作りたかったので作りました！

読ませて頂いた記事をマガジンに追加させて頂いております。

伺った際にはマガジンへの登録をさせて頂いていきますが、それはやめてほしいなどありましたら、DM / コメントで一言頂けましたら幸いです😊

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

コピペするだけの簡単小道具！

Geminiで簡単！ツール作成！

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

今回から画面を用意したものに限り、ブックマークレットのみではなく、WEBアプリ化したものをできる限り公開しようと思います。

Android端末ではこのタイプのブックマークレットが動かないことがあるということがわかったからです。

今日のツールはこんなものだよ！

どんな環境にいて！

どのくらいの時間！

どのくらい見上げたときに！

1つ以上の流れ星を見ることができる確率！

ボタンをポチポチ調べます！

ペルセウス座流星群ってなに？

Geminiさんに聞いてみた！

ペルセウス座流星群は、毎年8月中旬に極大を迎える流星群で、しぶんぎ座流星群（1月）、ふたご座流星群（12月）と並ぶ「三大流星群」の一つです。

2026年は8月13日11時頃が極大と予想されていますが、日本では昼間にあたるため、12日夜から13日未明にかけてが特に見頃。さらに今年は新月と重なるため、月明かりの影響を受けない好条件です。

流星はペルセウス座付近の「放射点」から放射状に飛び出しますが、空のどこにでも現れます。街明かりの少ない開けた場所で、空全体を広く眺めるのがおすすめです。

屋外に出たらスマホや明かりをなるべく見ず、15～20分ほど目を暗闇に慣らしてから、のんびり流れ星を待ってみましょう。

🛠️ 使い方（スマホ版）

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

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

2. 「編集」を開く

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

3. 内容を書き換える

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

• 名前： （自分が分かりやすい名前）

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

ブックマークを押すだけ簡単！

Androidをご使用の場合、以下の記事をご確認ください！

📋これを貼ります！

javascript:(function(){var w=window.open('','_blank');if(!w)return;var d=w.document;var head=d.head||d.getElementsByTagName('head')[0]||d.createElement('head');var body=d.body||d.getElementsByTagName('body')[0]||d.createElement('body');if(!d.head)d.documentElement.appendChild(head);if(!d.body)d.documentElement.appendChild(body);d.title='🌠 ペルセウス座流星群 観測＆確率ナビ';var ac=null;function playBeep(){try{if(!ac)ac=new(w.AudioContext||w.webkitAudioContext)();if(ac.state==='suspended')ac.resume();var o=ac.createOscillator(),g=ac.createGain();o.type='sine';o.frequency.setValueAtTime(880,ac.currentTime);g.gain.setValueAtTime(0.05,ac.currentTime);g.gain.exponentialRampToValueAtTime(0.0001,ac.currentTime+0.08);o.connect(g);g.connect(ac.destination);o.start();o.stop(ac.currentTime+0.08);}catch(e){}}function mk(tag,css,txt){var e=d.createElement(tag);if(css)e.style.cssText=css;if(txt!==undefined)e.textContent=txt;return e;}body.style.cssText='margin:0;padding:20px;background:#0b0f19;color:#e2e8f0;font-family:sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;box-sizing:border-box;';var card=mk('div','background:#111827;border:1px solid #1e293b;border-radius:16px;padding:28px;width:100%;max-width:750px;box-shadow:0 10px 25px rgba(0,0,0,0.5);box-sizing:border-box;');body.appendChild(card);card.appendChild(mk('h1','color:#38bdf8;font-size:22px;font-weight:bold;margin:0 0 6px 0;text-align:center;','🌠 ペルセウス座流星群 観測＆確率ナビ'));card.appendChild(mk('p','color:#94a3b8;font-size:14px;margin:0 0 24px 0;text-align:center;','「2026年好条件！ポアソン確率と離角 sinθ で探る最高の観測法」'));var envRate=20;var duration=10;var theta=50;var s1=mk('div','margin-bottom:20px;');s1.appendChild(mk('label','display:block;font-size:14px;font-weight:bold;color:#cbd5e1;margin-bottom:8px;','1. 観測環境の実効出現数目安'));var envBtns=mk('div','display:flex;gap:10px;flex-wrap:wrap;');var envs=[{lbl:'🏙%EF%B8%8F 都市部 (約2個/h)',val:2},{lbl:'🏡 郊外 (約8個/h)',val:8},{lbl:'⛰%EF%B8%8F 暗い場所 (約20個/h)',val:20}];var envBtnEls=[];envs.forEach(function(item){var b=mk('button','flex:1;min-width:140px;padding:10px 12px;border-radius:8px;border:1px solid '+(item.val===envRate?'#38bdf8':'#334155')+';background:'+(item.val===envRate?'#0284c7':'#1e293b')+';color:#ffffff;font-size:13px;font-weight:bold;cursor:pointer;transition:all 0.2s;',item.lbl);b.addEventListener('click',function(){envRate=item.val;envBtnEls.forEach(function(el,idx){el.style.background=(envs[idx].val===envRate)?'#0284c7':'#1e293b';el.style.borderColor=(envs[idx].val===envRate)?'#38bdf8':'#334155';});playBeep();update();});envBtns.appendChild(b);envBtnEls.push(b);});s1.appendChild(envBtns);card.appendChild(s1);var s2=mk('div','margin-bottom:20px;');var s2Header=mk('div','display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;');s2Header.appendChild(mk('label','font-size:14px;font-weight:bold;color:#cbd5e1;','2. 観測時間（分）'));var durDisp=mk('span','font-size:16px;font-weight:bold;color:#38bdf8;','10 分');s2Header.appendChild(durDisp);s2.appendChild(s2Header);var slider=mk('input','width:100%;height:6px;background:#334155;border-radius:3px;outline:none;cursor:pointer;');slider.type='range';slider.min='1';slider.max='60';slider.value='10';slider.addEventListener('input',function(){duration=parseInt(slider.value,10);durDisp.textContent=duration+' 分';playBeep();update();});s2.appendChild(slider);card.appendChild(s2);var s3=mk('div','margin-bottom:24px;');s3.appendChild(mk('label','display:block;font-size:14px;font-weight:bold;color:#cbd5e1;margin-bottom:8px;','3. 見上げる方向（離角 θ）'));var dirBtns=mk('div','display:flex;gap:10px;flex-wrap:wrap;');var dirs=[{lbl:'🎯 放射点付近 (10°)',val:10},{lbl:'🌌 おすすめ (50°)',val:50},{lbl:'📐 真横 (90°)',val:90}];var dirBtnEls=[];dirs.forEach(function(item){var b=mk('button','flex:1;min-width:140px;padding:10px 12px;border-radius:8px;border:1px solid '+(item.val===theta?'#f59e0b':'#334155')+';background:'+(item.val===theta?'#d97706':'#1e293b')+';color:#ffffff;font-size:13px;font-weight:bold;cursor:pointer;transition:all 0.2s;',item.lbl);b.addEventListener('click',function(){theta=item.val;dirBtnEls.forEach(function(el,idx){el.style.background=(dirs[idx].val===theta)?'#d97706':'#1e293b';el.style.borderColor=(dirs[idx].val===theta)?'#f59e0b':'#334155';});playBeep();update();});dirBtns.appendChild(b);dirBtnEls.push(b);});s3.appendChild(dirBtns);card.appendChild(s3);var outPanel=mk('div','background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:20px;margin-bottom:16px;');var probRow=mk('div','margin-bottom:16px;');probRow.appendChild(mk('div','font-size:13px;color:#94a3b8;margin-bottom:4px;','【1個以上遭遇する確率 (ポアソン分布)】'));var probVal=mk('div','font-size:32px;font-weight:bold;color:#38bdf8;','-');probRow.appendChild(probVal);outPanel.appendChild(probRow);var trailRow=mk('div');trailRow.appendChild(mk('div','font-size:13px;color:#94a3b8;margin-bottom:4px;','【見かけの軌跡長・見やすさ (sinθ)】'));var trailVal=mk('div','font-size:24px;font-weight:bold;color:#f59e0b;','-');trailRow.appendChild(trailVal);outPanel.appendChild(trailRow);card.appendChild(outPanel);card.appendChild(mk('p','font-size:12px;color:#64748b;margin:0 0 20px 0;line-height:1.5;','※出現数は実際の肉眼視力や環境による目安値です。方角は確率ではなく『見かけの軌跡長』に影響します'));var expCard=mk('div','background:#1e293b;border-left:4px solid #38bdf8;border-radius:6px;padding:14px 16px;');expCard.appendChild(mk('div','font-size:14px;font-weight:bold;color:#38bdf8;margin-bottom:6px;','💡 天文学ポイント：方角と見かけの長さ'));expCard.appendChild(mk('p','font-size:12.5px;color:#cbd5e1;margin:0;line-height:1.6;','放射点（10°）に近いほど流星は短く点のように見え（ペルセウス座直視）、離れるほど（50°〜90°）長い尾を引いてダイナミックに見えます。流星群は空全体に流れるため、どの方向を向いても「時間あたりの遭遇確率」は同じです。'));card.appendChild(expCard);function update(){var lambda=(envRate/60)*duration;var p=(1-Math.exp(-lambda))*100;probVal.textContent='約 '+p.toFixed(1)+' ％';var rad=theta*Math.PI/180;var sinVal=Math.sin(rad)*100;var stars='★☆☆☆☆';if(sinVal>=90)stars='★★★★★';else if(sinVal>=70)stars='★★★★☆';else if(sinVal>=50)stars='★★★☆☆';else if(sinVal>=30)stars='★★☆☆☆';trailVal.textContent='約 '+Math.round(sinVal)+' ％（'+stars+'）';}update();})();void(0);

一発作成プロンプト！

2026年ペルセウス座流星群（8月12日夜〜13日未明見頃・月明かりの影響が少ない好条件）の観測において、ポアソン分布（$P(X \ge 1) = 1 - e^{-\lambda}$）を用いた「指定時間での流星遭遇確率」と、放射点からの離角（$\theta$）による「見かけの軌跡長イメージ（$\sin\theta$）」を独立して算出・判定するツール「🌠 ペルセウス座流星群 観測＆確率ナビ」を、新規タブ（別タブ）で起動するブックマークレットを作成してください。

一時保存や外部通信、実行元ページへのDOM追加は完全に禁止とし、完全なES5/ES6互換構文で構成してください。

【TrustedHTMLエラー回避 ＆ 新規タブ生成の絶対最厳守ルール（最重要）】
1. `document.write()`、`document.open()`、`innerHTML`、`outerHTML` 等の文字列によるHTML構築は、Trusted Typesセキュリティにより『This document requires 'TrustedHTML' assignment』エラーが発生して即死するため【完全禁止】とします。
2. 開いた新タブの `w.document` に対して、`w.document.createElement()` の純粋なDOM APIのみを用いて全UI・スタイルを構築してください。
3. 新タブ初期化時は `d.write` や `d.open` を絶対に使用せず、DOM操作で安全にhead/bodyを取得・補完してください：
   - `const d = w.document;`
   - `const head = d.head || d.getElementsByTagName('head')[0] || d.createElement('head');`
   - `const body = d.body || d.getElementsByTagName('body')[0] || d.createElement('body');`
   - `if(!d.head) d.documentElement.appendChild(head);`
   - `if(!d.body) d.documentElement.appendChild(body);`
4. JavaScriptコード内にテンプレートリテラル（バックティック ` ）や改行を含めず、【通常のシングルクォート（'）文字列結合】のみを使用し、無駄な改行のない単一の圧縮コードとして出力してください。
5. グローバルイベント（mousemove, mouseup, touchmove, touchend等）は、必ず **`d.addEventListener()` または `w.document.addEventListener()`（別タブのdocument）に対して登録** してください。

【天体計算 ＆ ポアソン確率モデル】
- 入力値：
  ・ 観測環境の実効出現数目安［🏙️ 都市部（約2個/h） / 🏡 郊外（約8個/h） / ⛰️ 暗い場所（約20個/h）］
  ・ 観測時間（分）［1分 〜 60分、初期値: 10分］
  ・ 見上げる方向（離角 $\theta$）［🎯 放射点付近（10°） / 🌌 おすすめ（50°） / 📐 真横（90°）］

- 計算ロジック（数と質を明確分離）：
  1. 【遭遇確率（数）】:
     ・ 1分あたりの平均発生数 $\lambda = (\text{実効出現数} / 60) \times \text{時間(分)}$
     ・ 少なくとも1個以上遭遇する確率 $P = (1 - e^{-\lambda}) \times 100 (\%)$
  2. 【見やすさ指数（質）】:
     ・ 見かけの軌跡長イメージ $I = \sin(\theta \times \pi / 180) \times 100 (\%)$
     ・ 指数に応じた星評価（★☆☆☆☆ 〜 ★★★★★）を表示。

- 注意書き表記：
  ・ 結果表示部付近に「※出現数は実際の肉眼視力や環境による目安値です。方角は確率ではなく『見かけの軌跡長』に影響します」と明記すること。

【新タブ内のUIレイアウトおよび機能】
・ 全体背景: #0b0f19（深宇宙ダークモード）
・ 画面中央カード: #111827 (角丸16px, 枠線 #1e293b, 幅最大750px)
・ タイトル: 🌠 ペルセウス座流星群 観測＆確率ナビ (#38bdf8 / 22px / bold)
・ サブタイトル: 「2026年好条件！ポアソン確率と離角 sinθ で探る最高の観測法」(#94a3b8 / 14px)
・ 入力コントロール：
  ・ 観測環境ボタン［🏙️ 都市部］［🏡 郊外］［⛰️ 暗い場所］
  ・ 観測時間スライダー（1分〜60分）
  ・ 視界の方向［🎯 放射点直視（10°）］［🌌 おすすめ（50°）］［📐 真横（90°）］
- メイン出力パネル（2つの数値を並列表示）:
  ・ 【1個以上遭遇する確率】: 「約 〇〇.〇 ％」（32px/bold/#38bdf8）
  ・ 【見かけの軌跡長・見やすさ】: 「約 〇〇 ％（★★★★☆）」（24px/bold/#f59e0b）
・ 科学的解説カード:
  ・ 方角は「流れ星の個数」ではなく「見かけの長さ（sinθ）」を変えるという天文学のポイントを分かりやすく解説。
・ 効果音機能: ボタンタップやスライダー操作時に Web Audio API でピピッと高音ビープ音を鳴らす。

【出力形式（絶対厳守）】
- 解説テキストや前置き文は一切出力しないでください。
- 全体を `javascript:(function(){ ... })();void(0);` のラッパー構造で記述し、単一コードブロックのみを出力してください。

この記事について！

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

PR記事を書かせて頂いています！

何でもどうぞ！答えられるものは全て答えます！

設置はお済みですか？図らずも人の庭でnote質問箱を試す！｜へろん

メンバーシップ始めました！

まだ手探りですが、ご要望/無茶振り/質問、可能な限りお受けします！

参加させて頂いています！是非チェックしてみてください😆

有料ツールに挑戦中！

OBS Studio用リモコン | OBS画面を前面に出さずに操作できます！

小道具すべて、こちらに置きました！

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