-本日のアジェンダ-

1限目
学科 サーバーサイドプログラム基礎
サーバーサイドプログラム について

2限目
学科 サーバーサイドプログラム基礎
WordPressのサーバ について

3限目
学科 サーバーサイドプログラム基礎
課題作成

4限目
学科 サーバーサイドプログラム基礎
課題作成

5限目
学科 サーバーサイドプログラム基礎
課題作成

本日のテーマ

WordPressのより深いお話です。

サーバーサイドスクリプトとクライアントサイドスクリプト

スクリプト（プログラミング）にはサーバー側で動くものとクライアント側（PC側）で動くものがあります。違いについて理解しましょう。

参考サイト

• PHPはサーバサイドスクリプト！クライアントサイドスクリプトとの違いとは？ | PHP Junkie
• PHP【 入門 】サーバサイドのスクリプト言語 | プログラマカレッジ
• サーバーサイドスクリプトとは – 初心者向けPHPナビ

サーバサイドスクリプト

PHPやPerlといったプログラミング言語があります。これらの言語はWebサーバ上で動作します。このことから、これらの言語を「サーバサイドスクリプト」と呼びます。何らかの操作を実行すると、Webサーバにデータが送信され、サーバの中のプログラムが処理を行い、結果をブラウザに返します。

クライアントサイドスクリプト

一方、JavaScriptでは、記述したHTMLファイルはWebサーバ上でも公開されますが、ブラウザさえあれば実行することが可能です。Webサーバは必須ではありません。これは、Webブラウザ内でプログラムが実行されるためです。このようなスクリプトのことを「クライアントサイドスクリプト」と呼びます。

事前準備（サーバーの契約と開設）

サーバーサイドプログラミングを行うためにはレンタルサーバーとの契約が必要です。

参考サイト

• 無料レンタルサーバーの【エックスフリー】
• XFREEの無料レンタルサーバーでWordPressサイトを作る
• エックスサーバーでWordPressを始める8ステップ（初心者向け）

サーバーサイドの仕組み

Webページには固定のHTMLが設定されているページ（静的ページ）と要求発生時にHTMLを作成するページ（動的ページ）があります。静的ページと動的ページの違いを理解しましょう。

参考サイト

• 静的ページと動的ページの違いとメリット・デメリット | Webmedia
• 動的ページと静的ページのどちらがSEOに適しているのか!? | Webマーケターキリンのつぶやき
• 静的サイトと動的サイトの違いは何？いまさら聞けないIT用語 – IT初心者の館

フォームの作成

サーバーサイドプログラミングを行うためにはプログラムが処理するために使用する入力情報が必要です。情報を入力するためのフォーム作成方法を理解しましょう。

参考サイト

• フォーム　Forms（タグリファレンス）
• 【初心者向け】0からformがわかる｜HTMLでのフォーム作成
• 【2020年最新事例付き】入力フォーム作成の際に注意したい12のポイント

第6回成績考査

4月22日4限目終了までに、紙用（pdf）ポートフォリオを提出してください。
ポートフォリオの内容は、自由です。
※是非、就職活動に活かせる作品を作成してみてください。