クライアント側プログラミングとサーバー側プログラミングの違い
HTML を少し知っていれば、サイトの訪問者に情報を提供し、楽しませる機能的な Web ページを作成できます。基本的な Web ページは便利ですが、インタラクティブでデータ駆動型のより魅力的な高度なサイトを作成するには、プログラミング コードが必要です。使用するプログラミング言語の種類は、Web デザインの目標によって異なります。 Web サイトを構築する前に、クライアント側プログラミングとサーバー側プログラミングの違いを学んでください。いくつかの機能を共有していますが、重要な点で異なります。
クライアント側の説明
ブラウザのアドレス バーに URL を入力すると、コンピュータはリモート Web サーバーからの情報を要求するクライアントとして機能します。 Web ページに表示されるすべてのコード、ファイル、データ、および画像は、ブラウザに送信されるリモート サーバーから取得されます。ブラウザーは、受け取ったリソースを組み立てて、表示される Web ページを生成します。単純な Web ページには、HTML ステートメント、テキスト、および画像のみを含めることができますが、より複雑な Web ページでは、クライアント ブラウザーまたは Web サーバーに常駐するコードを実行できます。
クライアント側プログラミングの基本
いくつかの JavaScript ステートメントを HTML ドキュメントに貼り付けてブラウザーで表示するだけで、誰でも数分でクライアント側の Web アプリを作成できます。 JavaScript は、サイト所有者が Web アプリで使用する主要なクライアント側スクリプト言語です。 JavaScript を使用して、オブジェクトを Web ページ上で動かしたり、フォーム入力を検証したり、特殊効果を作成したり、エラー メッセージを表示したり、人々に情報を求めるよう促したりできます。
クライアント側のその他のメリット
これらのタイプのタスクを実行するためにブラウザがリモート Web サーバーと通信する必要がないため、クライアント側のコードはサーバー側のコードよりも高速に一部のタスクを実行できます。たとえば、ボタンをクリックしてメニューを開くと、クライアント側のコードですぐに実行できます。サーバー側のコードがそのタスクを処理した場合、ブラウザーがサーバーと通信するのを待ってからメニューを開く必要があります。また、すべてのブラウザーがクライアント側コードを実行できるため、クライアント側コードを作成してテストするために Web サーバーに特別なソフトウェアをインストールする必要もありません。
サーバー側プログラミング
サーバー側のテクノロジには、PHP と Microsoft の ASP.NET が含まれます。サーバー側コードは、サイト訪問者のブラウザーではなく、サイトの Web サーバーで実行されます。サーバー側プログラミングを使用する Web ページにアクセスした場合、Web ページを表示している間、サーバーが命令の実行でビジーであることにまったく気付かないことがあります。サーバー側処理の良い例は、画像のサイズを変更できる ASP.NET ページです。ボタンをクリックして画像を Web サーバーにアップロードすると、サーバー上のコードが画像のサイズを変更し、新しい画像をブラウザに送り返します。
その他のサーバー側の利点
サーバー側のプログラミングでは、データを保存および取得することもできます。これは、ログイン情報を保存および取得したり、データベースに保存されたデータを検索できるようにするなどのタスクを実行する場合に重要です。そのデータは、Web サーバー上のデータベースや XML ファイルなどの場所に置くことができます。サーバー側の処理は、独自のコードの機密性を保つのにも役立ちます。たとえば、会社が秘密にしている独自の販売計算式を使用して計算を実行する PHP コードを作成できます。コードはサーバー上で実行されるため、ブラウザーで Web ページを表示する人はそのコードを表示できません。
ハイブリッド Web アプリケーション
多くの Web アプリは、サーバー側とクライアント側のプログラミングを組み合わせて使用します。たとえば、クライアント側のスクリプトでフォーム入力を検証できますが、サイトの訪問者がフォーム データをサーバーに送信した後で、サーバー側のコードを使用して再度検証することをお勧めします。 Web ページの 1 つで、JavaScript スライド ショーを使用して人々を楽しませたり、サーバー側のコードを使用して販売注文を処理したりする場合があります。使用するテクノロジに関係なく、Web アプリをデプロイする前に徹底的にテストすることが重要です。