ダブルクリックで英日反転
Applied Sciences · Engineering
Static vs dynamic sites — and where React or Python actually fit
Every web page is delivered to the browser as HTML, CSS, and JavaScript. The real split is when that HTML is produced: a static site ships pre-built files; a dynamic site builds the HTML per request from a database. React and Python don't replace HTML/CSS/JS — they generate or drive it.
The core distinction
- Static site: the server returns the same pre-made file for a URL — it just reads a document off disk and sends it back (MDN).
- Dynamic site: the server builds the HTML on demand, usually by inserting database data into HTML templates, so the same URL can return different content per user (MDN).
- Either way the browser still receives HTML/CSS/JS — the difference is who assembles it, and when.
Where React and Python fit
- HTML/CSS/JS are the only three things a browser natively runs — that never changes.
- React is a JavaScript library that builds the page's HTML as reusable components, either live in the browser or ahead of time at build — so complex UI isn't hand-written HTML.
- Python usually runs on the server side of a dynamic site — talking to the database, checking logins, running business logic — then hands finished HTML or data back.
So is a dynamic site "like an SNS"?
- Yes — social networks (X, Instagram) are the classic dynamic case: every feed is generated per user from a database.
- A blog, a docs site, or personal notes usually don't need per-user pages, so static is enough.
- Third path (this site): a Static Site Generator runs React once at deploy time to pre-build every page, so you keep React's authoring comfort but still ship plain static files.
→ HTML/CSS/JS is always the delivery. Static = pre-built files; dynamic = built per request. React and Python are tools that produce that HTML — choose static when pages don't change per user, which is most content sites.
応用科学 · エンジニアリング
静的サイトと動的サイト — そして React や Python はどこで働くのか
どのWebページもブラウザにはHTML・CSS・JavaScript（＝画面を作る3つの基本部品）として届く。本当の分かれ目は「そのHTMLをいつ作るか」。静的サイトは完成済みのファイルをそのまま送り、動的サイト（＝dynamic、アクセスのたびに中身を組み立てるサイト）はデータベース（＝データの保管庫）から中身を差し込んでHTMLをその場で作る。React や Python は HTML/CSS/JS を置き換えるのではなく、それを生成・操作する道具だ。
根本のちがい
- 静的サイト：あるURLに対し、サーバーは同じ完成済みファイルを返すだけ——ディスク上の文書を読んでそのまま送り返す（MDN）。
- 動的サイト：サーバーがアクセスのたびにHTMLを組み立てる。多くはHTMLテンプレート（＝穴あきの雛形）にデータベースの中身を差し込む方式で、同じURLでも利用者ごとに違う内容を返せる（MDN）。
- どちらでもブラウザが受け取るのはHTML/CSS/JS——違いは「誰が・いつ」それを組み立てるか。
React と Python の出番
- ブラウザがそのまま動かせるのはHTML/CSS/JSの3つだけ——ここは何をしても変わらない。
- React（＝リアクト、Meta製のJavaScript用ライブラリ）は、画面のHTMLを「再利用できる部品」として組み立てる。ブラウザ上でその場で、あるいは事前のビルド時に生成し、複雑なUIを手書きHTMLで書かずに済ませる。
- Python（＝パイソン、汎用プログラミング言語）は多くの場合、動的サイトのサーバー側で働く——データベースとやり取りし、ログイン確認や業務ロジックを回し、仕上げたHTMLやデータを返す。
では動的サイトは「SNSのこと」？
- そのとおり——SNS（X・Instagram 等）は動的の典型。フィード（＝流れてくる投稿一覧）は利用者ごとにデータベースから生成される。
- ブログ・ドキュメント・個人のノートは、利用者ごとに違うページを作る必要が普通はない——だから静的で十分。
- 第三の道（このサイト）：SSG（＝Static Site Generator、静的サイト生成器）が公開時に React を一度だけ走らせて全ページを先に作り置きする。React で書く快適さを保ったまま、届けるのは素の静的ファイルだけ。
→ 届くのは常にHTML/CSS/JS。静的＝作り置きのファイル、動的＝アクセスごとに生成。React や Python はそのHTMLを作るための道具にすぎない。利用者ごとにページが変わらないなら静的を選ぶ——そしてコンテンツ系サイトの大半はそれで足りる。
Applied Sciences · Engineering
Static vs dynamic sites — and where React or Python actually fit
Every web page is delivered to the browser as HTML, CSS, and JavaScript. The real split is when that HTML is produced: a static site ships pre-built files; a dynamic site builds the HTML per request from a database. React and Python don't replace HTML/CSS/JS — they generate or drive it.
The core distinction
- Static site: the server returns the same pre-made file for a URL — it just reads a document off disk and sends it back (MDN).
- Dynamic site: the server builds the HTML on demand, usually by inserting database data into HTML templates, so the same URL can return different content per user (MDN).
- Either way the browser still receives HTML/CSS/JS — the difference is who assembles it, and when.
Where React and Python fit
- HTML/CSS/JS are the only three things a browser natively runs — that never changes.
- React is a JavaScript library that builds the page's HTML as reusable components, either live in the browser or ahead of time at build — so complex UI isn't hand-written HTML.
- Python usually runs on the server side of a dynamic site — talking to the database, checking logins, running business logic — then hands finished HTML or data back.
So is a dynamic site "like an SNS"?
- Yes — social networks (X, Instagram) are the classic dynamic case: every feed is generated per user from a database.
- A blog, a docs site, or personal notes usually don't need per-user pages, so static is enough.
- Third path (this site): a Static Site Generator runs React once at deploy time to pre-build every page, so you keep React's authoring comfort but still ship plain static files.
→ HTML/CSS/JS is always the delivery. Static = pre-built files; dynamic = built per request. React and Python are tools that produce that HTML — choose static when pages don't change per user, which is most content sites.
応用科学 · エンジニアリング
静的サイトと動的サイト — そして React や Python はどこで働くのか
どのWebページもブラウザにはHTML・CSS・JavaScript（＝画面を作る3つの基本部品）として届く。本当の分かれ目は「そのHTMLをいつ作るか」。静的サイトは完成済みのファイルをそのまま送り、動的サイト（＝dynamic、アクセスのたびに中身を組み立てるサイト）はデータベース（＝データの保管庫）から中身を差し込んでHTMLをその場で作る。React や Python は HTML/CSS/JS を置き換えるのではなく、それを生成・操作する道具だ。
根本のちがい
- 静的サイト：あるURLに対し、サーバーは同じ完成済みファイルを返すだけ——ディスク上の文書を読んでそのまま送り返す（MDN）。
- 動的サイト：サーバーがアクセスのたびにHTMLを組み立てる。多くはHTMLテンプレート（＝穴あきの雛形）にデータベースの中身を差し込む方式で、同じURLでも利用者ごとに違う内容を返せる（MDN）。
- どちらでもブラウザが受け取るのはHTML/CSS/JS——違いは「誰が・いつ」それを組み立てるか。
React と Python の出番
- ブラウザがそのまま動かせるのはHTML/CSS/JSの3つだけ——ここは何をしても変わらない。
- React（＝リアクト、Meta製のJavaScript用ライブラリ）は、画面のHTMLを「再利用できる部品」として組み立てる。ブラウザ上でその場で、あるいは事前のビルド時に生成し、複雑なUIを手書きHTMLで書かずに済ませる。
- Python（＝パイソン、汎用プログラミング言語）は多くの場合、動的サイトのサーバー側で働く——データベースとやり取りし、ログイン確認や業務ロジックを回し、仕上げたHTMLやデータを返す。
では動的サイトは「SNSのこと」？
- そのとおり——SNS（X・Instagram 等）は動的の典型。フィード（＝流れてくる投稿一覧）は利用者ごとにデータベースから生成される。
- ブログ・ドキュメント・個人のノートは、利用者ごとに違うページを作る必要が普通はない——だから静的で十分。
- 第三の道（このサイト）：SSG（＝Static Site Generator、静的サイト生成器）が公開時に React を一度だけ走らせて全ページを先に作り置きする。React で書く快適さを保ったまま、届けるのは素の静的ファイルだけ。
→ 届くのは常にHTML/CSS/JS。静的＝作り置きのファイル、動的＝アクセスごとに生成。React や Python はそのHTMLを作るための道具にすぎない。利用者ごとにページが変わらないなら静的を選ぶ——そしてコンテンツ系サイトの大半はそれで足りる。
Related notes
- Agentic Commerce — ACP and Visibility into Being 'Bought by AI'
- AI Search Evaluation: The 12 Metrics — Gateway
- AI Search Evaluation ①Citation Rate — How Many URLs Are Pulled In Per Answer
- AI Search Evaluation ②Source Diversity — How Unskewed the Cited Sources Are
- AI Search Evaluation ③Accuracy Score — How Often It Answers Factual Questions Correctly
- AI Search Evaluation ④Answer Length — How Many Characters It Returns to the User on Average