コピペするだけ!簡単「肉の余熱焼き時間」
制作中につき、note活動が一時的に停滞中です。
数日中に復帰します。

読ませて頂いた記事をマガジンに追加させて頂いております。
伺った際にはマガジンへの登録をさせて頂いていきますが、それはやめてほしいなどありましたら、DM / コメントで一言頂けましたら幸いです😊
ブックマークに置いとくだけ!
コピペするだけの簡単小道具!
Geminiで簡単!ツール作成!
一発作成プロンプトも紹介!
お肉を焼くとき、どうするのが一番美味しいのか考えていますか?
私は雑なのでフライパンでジャーーーーーで終わらせています。
でも、熱いフライパンで一気に焦げ目を付けて、アルミホイルに包むなどの予熱調理が良い、とGeminiさんが言っており。
そこまで言うなら目安くらい出してよー!って伝えてみました。
150°Cに熱したフライパンで!
表面に香ばしい焦げ目を付けた後!
アルミホイルに包んで予熱調理する時間!
どのくらい予熱調理するのが良いのか目安がわかる!

🛠️ 使い方(スマホ版)
1. 適当なページをブックマークする
まずは、今見ているこのページなど、何でもいいので一度ブックマークに登録します。
2. 「編集」を開く
ブックマークバーにある今作ったブックマークを長押しして、「編集」を選択します。
3. 内容を書き換える
表示された設定画面で、以下の2箇所を変更して保存します。
名前: (自分が分かりやすい名前)
URL: もともと入っているURLをすべて消して、コードを貼り付ける。
ブックマークを押すだけ簡単!
📋これを貼ります!
javascript:(function(){ try { var w = window.open(); if (!w) { alert("ポップアップがブロックされました。新タブを開く許可を出してください。"); return; } var d = w.document; if (!d) return; var style = d.createElement('style'); style.textContent = '*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }\n' + 'body { background-color: #0f172a; color: #f8fafc; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; }\n' + '.container { background-color: #1e293b; border: 1px solid #334155; border-radius: 16px; width: 100%; max-width: 680px; padding: 28px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5); }\n' + 'h1 { color: #38bdf8; font-size: 22px; font-weight: 700; margin-bottom: 6px; display: flex; align-items: center; gap: 8px; }\n' + '.subtitle { color: #94a3b8; font-size: 14px; margin-bottom: 24px; }\n' + '.section-title { font-size: 13px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px; }\n' + '.type-selector { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 24px; }\n' + '.type-btn { background-color: #0f172a; border: 2px solid #334155; border-radius: 10px; color: #e2e8f0; padding: 12px 8px; font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; gap: 6px; }\n' + '.type-btn:hover { border-color: #38bdf8; }\n' + '.type-btn.active { background-color: #0284c7; border-color: #38bdf8; color: #ffffff; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(56, 189, 248, 0.25); }\n' + '.slider-group { margin-bottom: 28px; background-color: #0f172a; padding: 16px; border-radius: 12px; border: 1px solid #334155; }\n' + '.slider-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }\n' + '.thickness-value { color: #38bdf8; font-size: 20px; font-weight: 700; }\n' + 'input[type=range] { width: 100%; height: 8px; background: #334155; border-radius: 4px; outline: none; -webkit-appearance: none; cursor: pointer; }\n' + 'input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: #38bdf8; cursor: pointer; border: 2px solid #0f172a; transition: transform 0.1s; }\n' + 'input[type=range]::-webkit-slider-thumb:hover { transform: scale(1.15); }\n' + '.result-card { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border: 1px solid #0284c7; border-radius: 12px; padding: 20px; margin-bottom: 28px; text-align: center; position: relative; overflow: hidden; }\n' + '.result-card::before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background-color: #38bdf8; }\n' + '.target-temp { color: #38bdf8; font-size: 36px; font-weight: 800; margin: 4px 0 12px 0; text-shadow: 0 0 20px rgba(56, 189, 248, 0.3); }\n' + '.cook-time { color: #f1f5f9; font-size: 16px; font-weight: 600; background: rgba(51, 65, 85, 0.5); padding: 10px 16px; border-radius: 8px; display: inline-block; border: 1px solid rgba(255, 255, 255, 0.05); }\n' + '.science-section { border-top: 1px solid #334155; padding-top: 20px; }\n' + '.gauge-container { margin-bottom: 16px; }\n' + '.gauge-bar { height: 14px; width: 100%; background-color: #0f172a; border-radius: 7px; overflow: hidden; display: flex; border: 1px solid #334155; position: relative; }\n' + '.gauge-fill { height: 100%; transition: width 0.3s ease, background-color 0.3s ease; }\n' + '.gauge-labels { display: flex; justify-content: space-between; font-size: 11px; color: #64748b; margin-top: 6px; font-weight: 600; }\n' + '.cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; }\n' + '.info-card { background-color: #0f172a; border: 1px solid #334155; border-radius: 8px; padding: 12px; font-size: 12px; }\n' + '.info-card-header { font-weight: 700; margin-bottom: 4px; display: flex; align-items: center; gap: 4px; }\n' + '.info-card-desc { color: #94a3b8; line-height: 1.4; }\n' + '.c-myosin { color: #10b981; }\n' + '.c-target { color: #f59e0b; }\n' + '.c-actin { color: #ef4444; }\n' + '.c-maillard { color: #fb923c; margin-top: 12px; font-size: 11px; text-align: center; color: #94a3b8; }\n'; var targetStyle = d.head || d.body || d.documentElement; if (targetStyle) { targetStyle.appendChild(style); } var bodyTarget = d.body || d.documentElement || d.head; var container = d.createElement('div'); container.className = 'container'; var h1 = d.createElement('h1'); h1.textContent = '🥩 肉の焼き温度判定機(タンパク質変性 & メイラード反応)'; container.appendChild(h1); var sub = d.createElement('div'); sub.className = 'subtitle'; sub.textContent = '「パサつきの原因『65℃の壁』を超えない熱科学加熱ガイド」'; container.appendChild(sub); var st1 = d.createElement('div'); st1.className = 'section-title'; st1.textContent = '1. 肉の種類を選択'; container.appendChild(st1); var selector = d.createElement('div'); selector.className = 'type-selector'; var btnBeef = d.createElement('button'); btnBeef.className = 'type-btn active'; btnBeef.textContent = '🐮 牛肉'; var btnPork = d.createElement('button'); btnPork.className = 'type-btn'; btnPork.textContent = '🐷 豚肉'; var btnChicken = d.createElement('button'); btnChicken.className = 'type-btn'; btnChicken.textContent = '🐔 鶏肉'; selector.appendChild(btnBeef); selector.appendChild(btnPork); selector.appendChild(btnChicken); container.appendChild(selector); var st2 = d.createElement('div'); st2.className = 'section-title'; st2.textContent = '2. 肉の厚みを選択'; container.appendChild(st2); var sliderGroup = d.createElement('div'); sliderGroup.className = 'slider-group'; var sliderHeader = d.createElement('div'); sliderHeader.className = 'slider-header'; var sLabel = d.createElement('span'); sLabel.style.color = '#e2e8f0'; sLabel.style.fontSize = '14px'; sLabel.textContent = '肉の厚み (cm)'; var sVal = d.createElement('span'); sVal.className = 'thickness-value'; sVal.textContent = '2.0 cm'; sliderHeader.appendChild(sLabel); sliderHeader.appendChild(sVal); sliderGroup.appendChild(sliderHeader); var slider = d.createElement('input'); slider.type = 'range'; slider.min = '1.0'; slider.max = '5.0'; slider.step = '0.1'; slider.value = '2.0'; sliderGroup.appendChild(slider); container.appendChild(sliderGroup); var resCard = d.createElement('div'); resCard.className = 'result-card'; var resTitle = d.createElement('div'); resTitle.style.color = '#94a3b8'; resTitle.style.fontSize = '13px'; resTitle.style.fontWeight = '600'; resTitle.textContent = '計算結果'; resCard.appendChild(resTitle); var targetTemp = d.createElement('div'); targetTemp.className = 'target-temp'; targetTemp.textContent = '目標中心温度: 56 ℃'; resCard.appendChild(targetTemp); var cookTime = d.createElement('div'); cookTime.className = 'cook-time'; cookTime.textContent = '推奨焼き時間: 両面計 約 3分0秒 + 余熱放置 約 4分0秒'; resCard.appendChild(cookTime); container.appendChild(resCard); var scSection = d.createElement('div'); scSection.className = 'science-section'; var scTitle = d.createElement('div'); scTitle.className = 'section-title'; scTitle.textContent = '熱科学ステータスモニター'; scSection.appendChild(scTitle); var gaugeContainer = d.createElement('div'); gaugeContainer.className = 'gauge-container'; var gaugeBar = d.createElement('div'); gaugeBar.className = 'gauge-bar'; var gaugeFill = d.createElement('div'); gaugeFill.className = 'gauge-fill'; gaugeFill.style.width = '70%'; gaugeFill.style.backgroundColor = '#10b981'; gaugeBar.appendChild(gaugeFill); gaugeContainer.appendChild(gaugeBar); var gaugeLabels = d.createElement('div'); gaugeLabels.className = 'gauge-labels'; var l1 = d.createElement('span'); l1.textContent = '50℃ (ミオシン変性)'; var l2 = d.createElement('span'); l2.textContent = '60℃〜64℃ (ジャスト)'; var l3 = d.createElement('span'); l3.textContent = '65℃〜 (壁:アクチン変性/収縮)'; gaugeLabels.appendChild(l1); gaugeLabels.appendChild(l2); gaugeLabels.appendChild(l3); gaugeContainer.appendChild(gaugeLabels); scSection.appendChild(gaugeContainer); var grid = d.createElement('div'); grid.className = 'cards-grid'; var card1 = d.createElement('div'); card1.className = 'info-card'; var h1c = d.createElement('div'); h1c.className = 'info-card-header c-myosin'; h1c.textContent = '🟢 50℃〜59℃'; var d1c = d.createElement('div'); d1c.className = 'info-card-desc'; d1c.textContent = 'ミオシン変性。柔らかさと旨味がアップするゾーン(牛肉推奨)。'; card1.appendChild(h1c); card1.appendChild(d1c); var card2 = d.createElement('div'); card2.className = 'info-card'; var h2c = d.createElement('div'); h2c.className = 'info-card-header c-target'; h2c.textContent = '🟡 60℃〜64℃'; var d2c = d.createElement('div'); d2c.className = 'info-card-desc'; d2c.textContent = '安全加熱&肉汁保持のジャスト狙い目(★鶏64℃・豚63℃推奨)。'; card2.appendChild(h2c); card2.appendChild(d2c); var card3 = d.createElement('div'); card3.className = 'info-card'; var h3c = d.createElement('div'); h3c.className = 'info-card-header c-actin'; h3c.textContent = '🔴 65℃以上'; var d3c = d.createElement('div'); d3c.className = 'info-card-desc'; d3c.textContent = '【警告】65℃の壁。アクチン変性で水分が収縮・流出してパサつく。'; card3.appendChild(h3c); card3.appendChild(d3c); grid.appendChild(card1); grid.appendChild(card2); grid.appendChild(card3); scSection.appendChild(grid); var mailDesc = d.createElement('div'); mailDesc.className = 'c-maillard'; mailDesc.textContent = '※ 表面は強火(150℃〜)で短時間加熱し、メイラード反応による香ばしさを引き出します。'; scSection.appendChild(mailDesc); container.appendChild(scSection); bodyTarget.appendChild(container); var audioCtx = null; function playBeep(freq) { try { var AudioContext = w.AudioContext || w.webkitAudioContext; if (!AudioContext) return; if (!audioCtx) { audioCtx = new AudioContext(); } if (audioCtx.state === 'suspended') { audioCtx.resume(); } var osc = audioCtx.createOscillator(); var gain = audioCtx.createGain(); osc.type = 'sine'; osc.frequency.setValueAtTime(freq, audioCtx.currentTime); gain.gain.setValueAtTime(0.05, audioCtx.currentTime); gain.gain.exponentialRampToValueAtTime(0.001, audioCtx.currentTime + 0.08); osc.connect(gain); gain.connect(audioCtx.destination); osc.start(); osc.stop(audioCtx.currentTime + 0.08); } catch (e) {} } var selectedType = 'beef'; function formatMinSec(minFloat) { var totalSec = Math.round(minFloat * 60); var m = Math.floor(totalSec / 60); var s = totalSec % 60; return m + '分' + s + '秒'; } function update() { var thickness = parseFloat(slider.value); sVal.textContent = thickness.toFixed(1) + ' cm'; var targetDeg = 56; var cookFactor = 1.5; var restFactor = 2.0; var noteText = ''; if (selectedType === 'beef') { targetDeg = 56; cookFactor = 1.5; restFactor = 2.0; noteText = '(ミディアムレア)'; } else if (selectedType === 'pork') { targetDeg = 63; cookFactor = 1.8; restFactor = 2.4; noteText = '(安全かつ水分保持)'; } else if (selectedType === 'chicken') { targetDeg = 64; cookFactor = 2.0; restFactor = 2.8; noteText = '(65℃の壁 直前限界)'; } var panMin = thickness * cookFactor; var restMin = thickness * restFactor; targetTemp.textContent = '目標中心温度: ' + targetDeg + ' ℃ ' + noteText; cookTime.textContent = '推奨焼き時間: 両面計 約 ' + formatMinSec(panMin) + ' + 余熱放置 約 ' + formatMinSec(restMin); var percent = 0; var color = '#10b981'; if (targetDeg < 60) { percent = 70; color = '#10b981'; } else if (targetDeg <= 64) { percent = 92; color = '#f59e0b'; } else { percent = 100; color = '#ef4444'; } gaugeFill.style.width = percent + '%'; gaugeFill.style.backgroundColor = color; } btnBeef.addEventListener('click', function() { selectedType = 'beef'; btnBeef.className = 'type-btn active'; btnPork.className = 'type-btn'; btnChicken.className = 'type-btn'; playBeep(1200); update(); }); btnPork.addEventListener('click', function() { selectedType = 'pork'; btnBeef.className = 'type-btn'; btnPork.className = 'type-btn active'; btnChicken.className = 'type-btn'; playBeep(1200); update(); }); btnChicken.addEventListener('click', function() { selectedType = 'chicken'; btnBeef.className = 'type-btn'; btnPork.className = 'type-btn'; btnChicken.className = 'type-btn active'; playBeep(1200); update(); }); var lastSoundTime = 0; slider.addEventListener('input', function() { var now = Date.now(); if (now - lastSoundTime > 60) { playBeep(1600); lastSoundTime = now; } update(); }); update(); } catch(e) { alert("エラーが発生しました: " + e.message); }})();void(0);一発作成プロンプト!
肉の種類(牛・豚・鶏)と厚み(cm)を入力すると、タンパク質変性(ミオシン50℃〜 / アクチン変性による水分放出の壁65℃)と保水性、および表面のメイラード反応(150℃〜)の熱科学に基づき、肉種ごとに最適化された中心目標温度(Target ℃)と加熱・余熱時間を算出・可視化するツール「🥩 肉の焼き温度判定機(タンパク質変性 & メイラード反応)」を、新規タブ(別タブ)で起動するブックマークレットを作成してください。
一時保存や外部通信、実行元ページへのDOM追加は完全に禁止とし、完全なES5/ES6互換構文で構成してください。
【新規タブ生成・エラー回避の絶対最厳守ルール(最重要)】
1. `document.write()`、`innerHTML`、`outerHTML`、`insertAdjacentHTML` 等の文字列によるHTML構築は、Trusted Typesセキュリティ等でスクリプトが即死するため【完全禁止】とします。
2. 開いた新タブの `w.document` に対して、DOM要素(`document.createElement`)のみを用いて全UIを構築してください。
3. `const w = window.open();` 直後、`w.document.head` や `w.document.body` が null の場合でも絶対にエラー停止を起こさないよう、以下のフォールバック構造を徹底してください:
- `const d = w.document;`
- `const target = d.body || d.documentElement || d.head;`
- 要素追加時は安全なターゲットに対して `appendChild` を行うこと。
【熱科学・焼き加減計算ロジック(厳密修正版)】
- 入力値:
・ 肉の種類[🐮 牛肉 / 🐷 豚肉 / 🐔 鶏肉]
・ 肉の厚み (cm)[1.0cm 〜 5.0cm、初期値: 2.0cm]
- 肉種ごとの目標中心温度(Target)と焼き時間係数:
・ 🐮 牛肉:目標 56 ℃(ミディアムレア) / 焼き係数 1.5 / 余熱係数 2.0
・ 🐷 豚肉:目標 63 ℃(安全かつ水分保持) / 焼き係数 1.8 / 余熱係数 2.4
・ 🐔 鶏肉:目標 64 ℃(65℃の壁直前の保水限界) / 焼き係数 2.0 / 余熱係数 2.8
- 加熱時間計算公式:
・ 表面焼き時間(両面合計分) = 厚み(cm) × 焼き係数
・ 余熱放置時間(アルミホイル等分) = 厚み(cm) × 余熱係数
(※例: 厚み2cmの時 ➔ 牛肉: 3分+4分 / 豚肉: 3.6分+4.8分 / 鶏肉: 4分+5.6分 と肉種で明確に差別化すること)
- 温度帯の判定と解説テキストの整合性:
・ 50℃〜59℃:ミオシン変性(旨味・柔らかさ向上ゾーン)
・ 60℃〜64℃:安全加熱 & 肉汁保持ゾーン(★鶏・豚のジャスト狙い目)
・ 65℃以上:【警告】65℃の壁(アクチン変性開始)。肉が収縮し肉汁が逃げてパサつく危険ゾーン
【新タブ内のUIレイアウトおよび機能】
・ 全体背景: #0f172a(ダークモード)
・ 画面中央カード: #1e293b (角丸16px, 枠線 #334155, 幅最大680px)
・ タイトル: 🥩 肉の焼き温度判定機(タンパク質変性 & メイラード反応) (#38bdf8 / 22px / bold)
・ サブタイトル: 「パサつきの原因『65℃の壁』を超えない熱科学加熱ガイド」(#94a3b8 / 14px)
・ 入力コントロール:
・ 肉の種類選択ボタン[🐮 牛肉][🐷 豚肉][🐔 鶏肉]
・ 厚みスライダー&数値表示(1.0cm〜5.0cm)
・ メイン出力カード:
・ 「目標中心温度: 〇〇 ℃」を巨大表示(36px/bold/#38bdf8)
・ 「推奨焼き時間: 両面計 約〇分〇秒 + 余熱放置 約〇分〇秒」を肉種に応じて明確に変えて表示。
・ 熱科学ステータスゲージ・解説:
・ 温度帯(50℃/60℃/65℃の壁/150℃メイラード)をプログレスバーや色分け(緑/黄/赤)で視覚的に表示し、64℃(鶏肉目標)が「65℃の壁の直前」であることを分かりやすく示唆。
・ 効果音機能: ボタンタップやスライダー操作時に Web Audio API でピピッ(1200Hz/1600Hz)と高音ビープ音を鳴らす。
【出力形式(絶対厳守)】
- 解説テキストや前置き文は一切出力しないでください。
- 全体を `javascript:(function(){ ... })();void(0);` のラッパー構造で記述し、単一コードブロックのみを出力してください。この記事について!
今更ながら、Gemini 3分クッキング記事について注意点など|へろん
PR記事を書かせて頂いています!
何でもどうぞ!答えられるものは全て答えます!
設置はお済みですか?図らずも人の庭でnote質問箱を試す!|へろん
メンバーシップ始めました!
まだ手探りですが、ご要望/無茶振り/質問、可能な限りお受けします!
参加させて頂いています!是非チェックしてみてください😆
有料ツールに挑戦中!
OBS Studio用リモコン | OBS画面を前面に出さずに操作できます!
小道具すべて、こちらに置きました!
☕ お時間あればこちらも是非!

