---
title: サーバサイド Web サイトプログラミング
slug: Learn/Server-side
tags:
  - CodingScripting
  - Landing
  - NeedsTranslation
  - Server
  - Server-side programming
  - Topic
  - TopicStub
  - 初学者
  - 学習
  - 導入部
translation_of: Learn/Server-side
---
<div>{{LearnSidebar}}</div>

<p class="summary"><strong><em>Dynamic(動的な)Webサイト</em></strong> –<em><strong> </strong><strong>サーバサイドプログラミング</strong></em> のトピックは、動的な Web サイト (HTTP リクエストに応じてカスタマイズされた情報を届ける Web サイト) の作り方を説明する一連のモジュールです。各モジュールは、一般的なサーバサイドプログラミングへの導入となる情報を提供するほか、特に初学者に向けて、Django (Python) や Express (Node.js/JavaScript) といった基礎的なアプリケーションを構築するためのWebフレームワークの使用方法について説明しています。</p>

<p>ほとんどの有名な Web サイトでは、必要に応じてさまざまなデータを動的に表示するために、何らかのサーバサイドの技術を使用しています。例えば Amazon の場合を考えてみましょう。非常にたくさんの商品が扱われていますね。また Facebook にも大量の投稿があります。これら全てを表示するために別々の静的なページをいくつも作っていっても、絶対に非効率です。ですのでその代わりに、こういったサイトでは静的なテンプレート (HTML, CSS, JavaScript で構築します) を表示し、テンプレートの内部で必要に応じ、表示される情報を動的に更新しています。例えば、Amazon で今見ている商品とは違う商品を見ようとするときに、この更新がおこなわれています。</p>

<p>現代の Web 開発においては、サーバサイド開発を学ぶことが強く推奨されています。</p>

<h2 id="Learning_pathway" name="Learning_pathway">学習の道筋</h2>

<p>サーバサイドプログラミングを始めるのは、一般的にいってクライアントサイドの開発を始めるよりも簡単です。なぜなら動的な Web サイトはどれも非常によく似た操作 (データベースからデータを読み出してそれをページに表示し、ユーザが入力したデータをヴァリデーションしてそれをデータベースに保存し、ユーザの権限をチェックした後にユーザをログインさせる、といったようなことです) を行うからです。また、動的な Web サイトはこういった一般的な Web サーバ側での操作を簡単にしてくれる Web・フレームワークを用いて作られているからです。</p>

<p>プログラミング概念の基本知識 (あるいは特定のプログラミング言語の知識) は役立ちますが、必要ではありません。つまり、クライアントサイドコーディングの熟達は必要ではなく、基本知識はクライアントサイドの Web「フロントエンド」の開発者とうまく共同作業するのに役立つでしょう。</p>

<p>「Webの動作原理」を理解する必要があります。最初に次のトピックを読むのをお勧めします:</p>

<ul>
 <li><a href="/ja/docs/Learn/Common_questions/What_is_a_web_server">Web サーバとは</a></li>
 <li><a href="/ja/docs/Learn/Common_questions/What_software_do_I_need">Web サイトを作成するのにどんなソフトウェアが必要か？</a></li>
 <li><a href="/ja/docs/Learn/Common_questions/Upload_files_to_a_web_server">Web サーバにファイルをアップロードする方法は？</a></li>
</ul>

<p>基本的な理解があれば、この節のモジュールに進む準備ができているでしょう。</p>

<h2 id="Modules" name="Modules">モジュール</h2>

<p>このトピックは次のモジュールがあります。最初のモジュールから始めるべきで、次に続くモジュールのどれかに進んで、そこでWebフレームワークを使ってとても有名な2つのサーバサイド言語を使う方法が示されます。</p>

<dl>
 <dt><a href="/ja/docs/Learn/Server-side/First_steps">サーバサイド Web サイトプログラミングの最初の一歩</a></dt>
 <dd>このモジュールではサーバ技術の無知な人向けに、サーバサイド Web プログラミングについての情報を提供します。それにはサーバサイドプログラミングについての基本的な質問 — "それは何なのか", "クライアントサイドプログラミングと何が違うのか", "なぜ便利なのか" — や、サーバサイド Web フレームワークの概要や、あなたのサイトに最も合うものを選ぶ方法のガイドが含まれます。最後に Web サーバセキュリティの入門セクションがあります。</dd>
 <dt><a href="/ja/docs/Learn/Server-side/Django">Django Web フレームワーク (Python)</a></dt>
 <dd>Django は Python で書かれた、極めて人気のある、完全な機能のあるサーバサイドフレームワークです。このモジュールではなぜ Django がこうも良い Web サーバフレームワークであるのかや、開発環境のセットアップ方法や、これを使ってよくあるタスクを行う方法を説明します。</dd>
 <dt><a href="/ja/docs/Learn/Server-side/Express_Nodejs">Express Web フレームワーク (Node.js/JavaScript)</a></dt>
 <dd>Express は JavaScript で書かれて node.js の実行環境でホストされる、人気のある Web フレームワークです。このモジュールではこのフレームワークの主な利点や、開発環境のセットアップ方法や、よくある Web 開発・デプロイのタスクを行う方法を説明します。</dd>
</dl>

<h2 id="あわせて参照">あわせて参照</h2>

<dl>
 <dt><a href="/ja/docs/Learn/Server-side/Node_server_without_framework">フレームワークなしの Node サーバ</a></dt>
 <dd>この記事では、フレームワークを使用せずに、Node.jsだけで構築された単純な静的ファイルサーバを紹介します。</dd>
</dl>