最近の実装に合わせた最新版HTMLテンプレート、基本構造に使用するすべての要素とその役割も解説 | コリス

2021/04/27 783 users コリス プログレッシブエンハンスメント 実装 HTML 役割

最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。 レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごと... 続きを読む

CSSを非同期ロードする最も簡単な方法 - Qiita

2019/08/01 229 users Qiita stylesheet ブラウザシェア CSS 同期

CSS読み込みの<link rel="stylesheet">は同期なので、レンダリングブロックします。 どういうことかというと、CSSファイルの読み込み・パースが終わるまで画面描写が止まってしまいます。 これに対策する方法としてpreloadというものが策定されましたが、対応状況が微妙です。 2019年7月時点でもブラウザシェアが8割しか... 続きを読む

ActiveRecordでINの中が一万個とかにならないようにする - かみぽわーる

2017/12/23 141 users ActiveRecord Players かみぽわー こいつ

2017 - 12 - 23 ActiveRecordでINの中が一万個とかにならないようにする この記事は MySQL Casual Advent Calendar 2017 の23日目の記事です。 みなさんORマッパーは使っていますか？ 僕は仕事とか趣味で ActiveRecord というORマッパーを使っているんですけど、こいつ例えば Team .preload( players : :hi... 続きを読む

Rails - ActiveRecordのjoinsとpreloadとincludesとeager_loadの違い - Qiita

2014/09/04 287 users ActiveRecord Rails Qiita

User.joins(:posts) # SELECT `users`.* FROM `users` INNER JOIN `posts` ON `posts`.`user_id` = `users`.`id` デフォルトでINNER JOINを行う。生のクエリを書くとLEFT OUTER JOINを行うこともできる。 他の3つとの違いは、associationをキャッシュしないこと。 assoc... 続きを読む