エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Astroで画像を最適化にして使い分けるの巻
はじめに ども、もりみちです。 Astroに組み込まれている、<Image>コンポーネントやgetImage()って画像... はじめに ども、もりみちです。 Astroに組み込まれている、<Image>コンポーネントやgetImage()って画像を最適化できてとても便利ですよね。今回は画像を最適化した後に任意のメディアクエリを使って画像を使い分けたりしていきたいと思います。 対象にする人 astroで画像をwebpに変換したい人 暇な人 本編の巻 そもそもなんで今回コンポーネントを作ったかというと、画像を最適化させる度に画像をimportして<Image />もしくはgetImage()もimport。別のファイルでもimport。別のファイルでもimport。別のファイルでもry。といった現象が起こったり、画像を大量にimportした暁にはこのようにフロントマターがアホみたいに埋まってしまいました。 --- import { Image } from 'astro:assets'; import hoge01