日: 2022年9月2日

学科 サーバーサイドプログラム基礎①

-本日のアジェンダ-

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

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

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

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

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

本日のテーマ

サーバーサイドプログラムの作成に当たって基本的な事項を理解しましょう。

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

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

参考サイト

サーバサイドスクリプト

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

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

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

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

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

参考サイト

サーバーサイドの仕組み

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

参考サイト

フォームの作成

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

参考サイト

紙ポートフォリオの作成について

第6回成績考査に関連して紙ポートフォリオの概要を説明します。

ポートフォリオには、Web版ポートフォリオと紙版ポートフォリオがあります。近年は、Web版ポートフォリオを使用することが多くなりましたが使用する場面によっては、紙ポートフォリオが有効な場合もあります。紙ポートフォリオの内容を理解して必要に応じて紙ポートフォリオを作成してください。（必須ではありません）

紙ポートフォリオの必要性

  • 面接時は紙ポートフォリオが有用（迅速な対応が可能／面接担当者のデジタルリテラシーに非依存）
  • 掲載内容を相手に合わせて調整できる
  • 迫力がある（フライヤーや名刺などの紙媒体を現物に近い形で提示可能）

参考サイト

ポートフォリオの記載事項

  • 表紙
  • 目次
  • 自己紹介（氏名、生年月日、顔写真、経歴、保有資格、強みなど）
  • 保有スキル（業務スキルやスキルレベルも記載）
  • 作品（必要に応じて中扉／作品の説明やアピールポイントを記載）
  • 裏表紙

紙ポートフォリオの作成手順

  1. ポートフォリオ構成を決定
  2. 掲載する制作物を整理（必要に応じてカラー設定をCMYK、解像度を300～350ppiに変更）
  3. ページ割りを決定（見開きにする時は左右を意識）
  4. 表紙とページのラフデザインを決定
  5. ページデザインの作成
  6. 表紙、目次、中扉、裏表紙の作成

参考サイト

注意事項

  • 媒体型式をどうするか？：製本 or ポケットファイル
  • 印刷方法をどうするか？：家庭プリンタ、ネット印刷、店舗（印刷屋、キンコーズなど）
  • 大きさとページ数は？：A4で15～25ページ程度
  • フチの印刷は必要？：背景色を付ける時はB4にトンボ付きで作成しカット
  • 家庭での印刷時の紙媒体は？：厚めの上質紙かコート紙が良い
  • ポートフォリオは右開き or 左開き？：記載内容により異なります。

本日の課題

WordPressサイトに、本日学んだ内容を投稿ページにまとめてください。

第6回成績考査

第6回成績考査（10月12日）は、ポートフォリオとします。Web版ポートフォリオまたは紙版ポートフォリオを提出してください。また、10月13日にプレゼンテーション訓練として「就職活動の取り組み」というテーマでの発表会を予定しています。ポートフォリオの説明や就職活動状況などを発表して頂きます。