いま熱いものLT大会 daiiz
これはいま熱いものLT大会での発表資料です 2025/4/16
⑧ daiiz
花粉症🌲が熱い！
スギ
ヒノキ
SVGが熱い！
conpassの画像を拝借しました
daiiz (@daizplus)
Helpfeel @京都
Gyazo
Cosense（旧称 Scrapbox）
Helpfeel
ソフトウェア作家
技術同人誌作家
SVGが熱い！
他にも熱い！
動画
スクリーンショット
いけるところまでいきます
SVG ✕ LLM
SVG ✕ 動画
SVG ✕ スクリーンショット
SVG ✕ LLM
言語モデルで絵を描ける！
Scalable Vector Graphics
文字で書ける
デモ: SVG ✕ LLM
オリジナル画像のSVGパスをLLMにOne-shotで与える
変異体を生成する
初期のGPT-4oでの実験
temperatureを変えながら生成結果を観察する
デモ: SVG ✕ LLM
大阪万博の期間中に一体ずつ生成していく
自動化してAPI提供したい
2025/4/13
2025/4/14
2025/4/15
モデルをGPT-4.1に差し替えた
2025/4/16
ライブデモの結果
SVG ✕ LLM（その2）
LLMにMermaid記法を出力させる
生成物をあとから編集できる
文言修正
CSSでデザイン調整
デモ: SVG ✕ LLM（その2）
パステルポップスタイル
近未来ホログラムふうスタイル
中華料理屋ふうスタイル
SVG ✕ 動画
foreignObjectが熱い！
任意のHTML要素を内包できる
imgタグ、videoタグ
「画像かつ動画」なファイルを作れる
デモ: SVG ✕ 動画
Cosense上では画像として描画される
別タブで開くと...
〜 ここまで話せました 〜
おまけ
SVG ✕ スクリーンショット
ウェブページのスクリーンショット
foreignObjectの応用例 その2
aタグ、imgタグ、その他のタグ
ハイパーリンクを保持したスクリーンショットを撮れる
LLM時代のMHTMLを目指す
ウェブページのコンテキストを効率よく渡したい
デモ: SVG ✕ スクリーンショット
ブックマークレット
Wikipedia記事での撮影例
別タブで開くと...
画像の読み込みに失敗している。直します...!
おわり！