すなわち、IPAの安全なウェブサイトの作り方の「1.5.2 HTMLテキストの入力を許可する場合の対策」を実現するのがサニタイズということです。著名なサニタイズライブラリであるDOMPurifyも DOMPurify is a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. としています

html？svg？って状態なんですけど？？？

Figma から作成した PNG や SVG を元に html/css を作ろうとしたけど、こだわった Figma だとまだ再現は厳しそう。 Figma のボリュームが凄すぎて v0 には連携できなかった。 Figma から React とかを生成する機能はプランの関係で使えず。ぐぬぬ。

Claude CodeさんにHTML書かせてたら、出どころ不明のSVGをハードコーディングし始めたので、Office365 CopilotにSVGコピペしてやばくね？？？と聞いたら、オリジナルのSVGを特定してきたので、Claude Codeさんにライセンス違反やんけ！！と指摘する人間的な行いをした

html→svg→pptx貼り付けでいけるか x.com/ai23490/status…

gptが使える簡単な色コーデ画像再生api欲しいな。aiに描かせると時間がかかるので、htmlとかsvgとかでさっと塗れるやつ。

自分のデザインしたスライドとかをsvgにすらなりhtmlにするなり色々な方法でLLMに与えて「俺っぽい図表つくって」って試してるんだけどなかなかうまくいかず。 それ用のReact組んでnpmあげてしまうか…？という瞬間風速的誘惑がある

HTML文書内にSVGコードを直接埋め込めることができるのね、何言ってるんだね？

CSS の mask-image 便利なんだけど、url() で SVG を指定すると、ローカルの HTML からローカルの SVG を呼び出しててもなぜか CORS のエラーを出してくる、なんでこんな厳しいの…？？🤔

ブラウザ上に表示されているHTML要素→SVG化→PNG化がうまくった。 これでLED表示を画像ファイル化できる

HTMLで資料作ってSVGで即席で視覚的に補強するイラスト書いてっていうので起案書とかまとめドキュメントとか最近作っているのでSVGオヌヌメです。 見易いです( '꒳' ) x.com/schroneko/stat…

SVGのfilterでAppleのliquid-galss（風の）エフェクトを作る試み。 タイムラインのUI含め、HTML,CSSのみで作成してみました。sandboxに置いてるのでよかったら覗いてみてください！ #CSS #HTML #LiquidGlass codesandbox.io/p/sandbox/jvhc… pic.x.com/deC7KKaqWA

ClaudeでDeep Research結果を「インフォグラフィックなSVG要素にまとめたHTMLドキュメント」にして、とお願いしたら、こんなものまで作ってくれた！！ SVG要素の自由度が生成AIによる表現力をさらに向上させてくれるみたいだ！ pic.x.com/aTIJNvACRj

Claude Sonnet 4で時短できる実例まとめ！ ✅ LPコード一括生成 ✅ 図解（SVG／Mermaid） ✅ HTML5ミニゲーム骨格 ✅ マインドマップ（OPML） ✅ Streamlitダッシュボード すべて “テキスト出力→貼るだけ” でプロトタイプ確認OK。影分身や本格アニメはまだ人手必須。　　#ClaudeSonnet4

案件で、ゼロから真面目にPoCを作る為に、まずは　「ワイヤーフレーム→モック→プロトタイプ」を作ろうと試行錯誤。巷なで話題なデザイン系AIエージェントツールを試しましたが。。　コードっぽいSVG画像と工夫しても汚い画像で微妙。結局、いきなりプロトタイプ(HTML/CSS)をClaude

差別化ポイント １．コラボレーティブAI: 単なるテンプレート生成ではなく、一緒に作り上げる体験 ２．無限のカスタマイズ性: HTML/SVGの力でプロ級のデザインも可能 ３．学習機能: ユーザーの好みやスタイルを覚えて提案精度向上

・技術的な優位性 HTMLベースなので印刷もWebシェアも簡単 SVGで高品質なイラストやアイコンも組み込める レスポンシブ対応で全デバイスに対応

・創造性の解放 ユーザーが本当に思い描く「理想のしおり」を作れる HTMLやSVGなので表現の幅が無限大 テンプレートに縛られない自由度 ・AI協働の可能性 「もっとポップに」「和風テイストで」などの感覚的な指示が可能 デザインスキルがなくても美しいものが作れる リアルタイムでの調整改善が可能

XMLって音声合成のやつじゃないの？ で、XML形式で記述したテキストファイル(SVG)を読み込めるソフトが必要だと。(でソフトごとに微妙に描画が異なると) とりあえず、写真を入れたいからクリスタで読み込むか。 ノベルゲー制作でhtml直いじりして画面幅変えるとか、通った道なのでそこまで抵抗はない

昨日の昼と今日の朝やったこと　30分 ✅タイピング短文✖️4回　英単語✖️2回 ✅画像をsvgでダウンロード。 ✅htmlの画像名変更。 ✅SCSSにクラス名コピペ #プログラミング初心者 #Web制作 #デイトラ

返信先:@crayfisher_zariHTML+CSSだけで、SVG displacementフィルター使えば再現できるっぽいですよ？ x.com/bbssppllvv/sta…

とりあえず、「下のレイヤーのHTMLをSVGで加工する」の雛形は作った(このアプローチ事態は何かで使いそうだったため)。あとは世界のすごい人たちがリキッドなグラスをハッピパースデーしてくれるのを待ちます pic.x.com/ojZE7rJlrp

最近、生成AIを使ったHTMLドキュメント作成能力を爆上げするTipsを見つけた！！ それは、、、、「領域の制限はかけないから、XXの文書の内容をSVG要素で正確に表現して」、、、とプロンプトで投げかけること。 もちろん最初はやや不備のあるSVGができるのだけど、それでもかなり高いクオリティ✨

⏰6/9 24:45-1:45 1h (185h） ・spotsセクション　HTMLまで　1h（1h) 🗣️つぶやき… prizesセクション完成！！！！！！！ 長かった～～～～😭 キャンペーンの箱の配置をflexでやるかgridでやるかとか… hover時のzoom、右下のzoomマークの色変えるからsvgで画像おかなきゃとか… ↓

BoxyくんはキレイなSVGを吐いてくれるし、Webkitの開発者ツールからWebブラウザ感覚でCopy Outer SVGしてhtmlやtsxやvueに貼り付けたりもし易くて素敵 実はtransform="matrix(1, 0, 0, 1, -51.335995, 46.160001)"とかは今回付いちゃったけどしゃーなし問題なし

スライドの自動生成AIを調べたけど、SVGやHTMLをPDF化するだけなら、デザイン性を無視したシンプルなやつぐらい自分で作れそう🤔 生成AIのサブスク課金地獄はちとキツい💸 #スライド生成AIツール pic.x.com/eGf3AwrZFG

geminiはcanvasモードでhtmlの中に埋め込ませればSVGでロゴでもなんでも作ってくれるのね

伴走サポートではオリジナルのgulpテンプレートを配布してるんですが、 1つのテンプレートで以下のすべてに対応しています。 ✅ 静的コーディング ✅ WordPressのコーディング ✅ HTMLでのコーディング ✅ EJSでのコーディング その他、Scssのコンパイル、画像圧縮、webp変換、SVG

svgいてもらうのが正解なのかな。それかhtmlかcanvasか

#デイトラ #デイトラコミュニティ WEB制作学習📖101日目(234h) onomichi about ✅spとpcで細かく分が変わるところは、HTMLを２つ用意→brタグを挟みすぎると複雑化 ❓ドットの線は、カンプでは先端が短くなっているので、svg等別の方法が必要そう ❓スライダーの画像を上に！margin？ pic.x.com/7m6yBuiPpx

まぐまぐさんの図解プロンプトがsonnet4でかなりパワーアップしている！☺️🎵 去年の図解svgも良かったけど、今回はhtml形式で図解化するとまた分かりやすいですね〜✨ 過去うまくいかなかったプロンプトもまた漁ってみよう💡 x.com/loglogrog/stat…

【自分用メモ】 HTMLベーススライド →SVG変換 →Figmaで開く Figma上で文字や要素の編集が可能。

９、スライド生成[Claude] ※次世代SVGプレゼン by 鎌利式プロンプト ※手段は[HTML,SVG,Marp]あらゆる方式に対応可能 ※ClaudeMAX200により、３０枚スライド生成でも定額範囲内 ※Claude4 Opus駆動により、最高の品質レベル ※これも最近はCursor経由 #ClaudeCode で全自動化 pic.x.com/3XOyV8Xvci

簡単楽ちん。 一撃プレゼン[HTML/SVG/marp]と組み合わせる ほんといい時代に突入した・・・ 感慨深い #ClaudeCode #ClaudeMAX200 #のおかげで内製放題がほんと助かる pic.x.com/qKaYDsVLTp

簡単楽ちん。一撃プレゼン[HTML/SVG/marp]と組み合わせる ほんといい時代に突入した・・・ 感慨深い pic.x.com/PWy718vsV5

※プログラミングやってる人向けの話やけど… SVGの中に `<span>` 入れてたら、 アイコンが表示されへんくて ずっと悩んでた😇 原因 → `<svg>〜</svg>` の中に HTMLタグ入れたらあかんねんて…！ `<span>` は SVG の外に書いたら 無事表示された✨ これは覚えとかなあかんやつ📝 #デイトラ