はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークから fetch して読み込みが完了するまで, レスポンシブな img 要素の寸法を決定できず, ページにガタツキ (Layout Shift) が生じる問題がありました. この問題を解決するため以前より, アスペクト比を埋め込むための新たな属性の導入が提案されていました. しかし最近議論に動きがあり, 既存の属性を利用する方法が提案され, ブラウザに実装され始めています. ここでは問題の背景, 提案と議論の変遷, そして開発者が取るべき対応について紹介します. はじめに img タグと Layout Shift intrinsicsize 属性 intrinsicsize

この記事は新しいサイトに移転しました。 約3秒後に自動的にリダイレクトします。 リダイレクトしない場合はこちらをクリックしてください。

[レベル: 上級] Googleは、検索結果にコンテンツを投稿できるサービスを日本でも導入しました。 Google Japan の Search & Developer Partnerships である Duncan Wright（ダンカン・ライト）氏がTwitterでアナウンスしています。 Posts with Google in action in Japan. pic.twitter.com/lEoGzm8VJn — Duncan Wright (@dunc_Can) 2016年12月21日 このサービスの正式名称は不明です。 「Google Posts（グーグル・ポスト）」と呼ばれことが多いようですが、ダンカンさんは「Posts with Google」と表現しています。 Google Postsとは Google Postsとは、Googleが試験的に提供を始めたソーシャルメディ