Web・システム用語辞典ことはじめ 用語一覧へ
より専門的画面を作る

シーエスアール

CSRとは?

Client-Side Rendering

ブラウザ側でページの内容を組み立てる方法。

まず、短く答えると

CSRの意味

JavaScriptがデータを受け取り、利用者の端末で表示を更新します。

どんな場面で使う?

Webサイトやアプリの見た目、情報の並び方、利用者の操作を考える場面で登場します。

見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。

身近な例

検索条件を変えると、ページ移動なしで一覧が変わります。

覚え方のコツ

何を押さえればいい?

役割

ブラウザ側でページの内容を組み立てる方法。

理解の深さ

利用する目的や前提条件によって適切な選択が変わるため、仕組みと注意点をセットで理解しましょう。

確認の視点

見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。

混同しないために

似た言葉・関連する言葉との違い

「CSR」はブラウザ側でページの内容を組み立てる方法ものです。一方、「JavaScript」はWebページに動きや機能を加える言葉ものです。役割を分けて考えると、二つのつながりを理解しやすくなります。

使うとき・学ぶときの注意

きれいに見えることだけを目的にせず、読みやすさ、操作のしやすさ、さまざまな利用環境を一緒に考えることが大切です。

よくある疑問

CSRについてのQ&A

QCSRをひと言でいうと?

Aブラウザ側でページの内容を組み立てる方法。

QCSRはどの言葉と一緒に覚えるとよい?

A「JavaScript」、「SSR」と一緒に覚えると、役割や使われる場面の違いが分かりやすくなります。

ほかの言葉も調べてみませんか?

用語一覧へ戻る