ちょっとしたコードスニペットやCodePenなどを公開する際に、画像リソースの置き場所に困ることがあるのではないでしょうか。この記事ではJavaScriptファイル内やCodePenに画像を直接埋め込む方法を紹介します。といっても特別なことは何もなく、フロントエンドに精通した方には明らかだと思いますが、筆者のような初心者向けにやり方を残しておきたいと思います。 imgタグにデータURLを設定 データURLへの変換 imgタグにデータURLを設定 通常、imgタグをHTMLに配置する場合は、src属性に画像のURLを指定するかと思います。 <img src="画像ファイルのURL"></img>…