エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください
Twitterで共有ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
Next.jsのImage Componentはv13.0より新しくなり,古いものがImage Legacy Componentとされました.そのた... Next.jsのImage Componentはv13.0より新しくなり,古いものがImage Legacy Componentとされました.そのため,本記事にあるlayout='responsive'を用いた便利な方法は非推奨となります.取り急ぎで考えたシンプルな実装方法を以下に置いときます. 暫定のシンプルな実装方法 いずれにせよheightは設定しないといけないことになります.これはCore Web VitalsのCLSを損ねるからでしょうね. 記事内にあるlayout='fill'はv13.0からはfillをtrueにすることで指定できます.この方法を取るしか無いでしょう.また記事内で扱わなかったaspect-ratioを使用することで,短く書くことも可能です. また,objectF it='contain'も非推奨になったので,自分で追加すると良いでしょう. 以下例(Tailwin