背景
autopilot monitor(tools/autopilot/src/monitor.js が生成する自己完結 HTML)は
ブラウザタブの favicon が未設定で、既定の地球儀アイコンのまま。複数タブを開くと
どれが autopilot monitor か判別しづらい。ヘッダーは 🤖 autopilot なので、タブにも
同じ 🤖 を出して一目で分かるようにする。
smalruby の favicon は使わない(smalruby.app と紛らわしいため)。
やること(DoD)
参考
- ヘッダー:
monitor.js の <h1>🤖 autopilot</h1> と絵文字を統一
- 挿入位置:
<head><meta charset="utf-8"> 直後(<title> の前後どちらでも可)
背景
autopilot monitor(
tools/autopilot/src/monitor.jsが生成する自己完結 HTML)はブラウザタブの favicon が未設定で、既定の地球儀アイコンのまま。複数タブを開くと
どれが autopilot monitor か判別しづらい。ヘッダーは
🤖 autopilotなので、タブにも同じ 🤖 を出して一目で分かるようにする。
smalruby の favicon は使わない(smalruby.app と紛らわしいため)。
やること(DoD)
monitor.jsの<head>に 🤖 ロボット絵文字の favicon を追加するstrict に自己完結 HTML なので CDN や外部画像は使わない)。例:
html <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🤖</text></svg>">(
monitor.js内では JS 文字列に埋め込むので引用符のエスケープに注意。SVG 内はシングルクォート、絵文字はそのまま UTF-8 で埋め込む)
🤖 autopilot monitorになる(<title>は既存のまま)monitor.test.jsに、生成 HTML の<head>がrel="icon"と 🤖 を含むことのアサーションを 1 本追加
node --test(autopilot 一式)が緑参考
monitor.jsの<h1>🤖 autopilot</h1>と絵文字を統一<head><meta charset="utf-8">直後(<title>の前後どちらでも可)