2025.12.19 学習記録 ～サーバーサイトプログラム～
Kumiko Okawara用語
- CMS（Contents Management System）
ウェブコンテンツを構成するテキストや画像などのデジタルコンテンツを統合・体系的に管理し、配信など必要な処理を行うシステムの総称。 - サーバサイドスクリプト
Webサーバ上で動作するプログラミング言語。PHPやPerlなど。
何らかの操作を実行すると、Webサーバにデータが送信され、サーバの中のプログラムが処理を行い、結果をブラウザに返す。 - クライアントサイドスクリプト
Webブラウザ内でプログラムが実行されるスクリプト。
JavaScriptでは、記述したHTMLはブラウザさえあれば実行することが可能。Webサーバは必須ではない。 - レンタルサーバー
Web サイトなどを立ち上げたいユーザーに「サーバー」を「貸し出す（レンタル）」サービスのこと。 - MySQL（マイエスキューエル）
IT業界の世界的巨人であるIBM社が、世界初のデータベース管理システム「System R」を操作するために開発した、ある種のプログラミング言語。
データベースサーバーの中に入っているデータを取り出したり、データを書き込んだり、と言った処理は、SQLによって制御される。
「SQL」とは、「データ操作言語」のこと。 - PHP（Hypertext Preprocessor）
動的にWebページを生成することができるサーバーサイドのスクリプト言語。
特にサーバーサイドで動的なウェブページを作成するための機能を多く備えていることが特徴。
特にWeb 開発に適しており、HTML に埋め込むことができる。
MySQLなどのデータベースとの連携が容易なことなどから、WordPressを含めたWebアプリケーションの開発にもよく使われる。
WordPressの仕組みについて
WordPressは、PHPによって構築されている。
サーバを借りる
Webサイトを初めて立ち上げる方や、サーバー構築の知識がない方はレンタルサーバーを利用するのが基本。
サイトを作成するにはサーバーが必要。
サーバーは自作することも可能だが、それには専門的な技術が必要なうえに時間も労力もかかる。
レンタルサーバーを利用すれば、それらを省いてサーバーをレンタルできる。
- サーバー…土地
- Webサイト…家
- ドメイン…住所
データベースと連携
WordPressのデータベースには投稿に関するデータ、Webページに投稿記事に関する情報（投稿日時、カテゴリ、記事タイトル、本文など）が入っている。
WordPressではデータベースに格納された情報を引き出し、表示させている。
このデータベースに使われているのがMySQL。MySQLに格納されたデータはPHPを使って引き出される。
PHPについて
PHPは、Web系のプログラミング言語の中で最も使われている言語のひとつ。
シンプルかつ手軽なコーディングで動的なサイトを作ることができるため、CMSやECサイト、SNSなどさまざまなジャンルのWebサイトに用いられている。
PHPはHTMLに埋め込むことができるため、Web開発でよく使用されるスクリプト言語である。
PHPプログラムの拡張子は「.php」。
PHPとJavaScriptは、コードがどこで実行されるかが違う！
JavaScriptは、クライアントサイド（Webサイトを閲覧しているブラウザ）がコードを受け取り、そこで動作する。→クライアント側でもソースコードが確認できる。
PHPはサーバーサイドでコードを実行する。→どのようなコードなのかクライアント側で確認ができない。
PHPコードをHTML内に記述するには、PHPコードを記述する箇所を開始タグ「<?php 」と終了タグ「 ?> 」で囲む。
開始タグと終了タグで囲まれた中にPHPコードを記述するとサーバーがPHPコードとして実行する。
＜title＞<?php wp_title('｜', true, 'right'); ?><?php bloginfo('name'); ?>＜/title＞
- HTML…文章構造
- CSS…見た目
- Javascript…動きの補足
- PHP…データとの連携
WordPressのテーマ
WordPressのテーマは複数のファイルの集合体で、デザインなどの内容が一式セットになっている。
テーマを変更すれば複雑な処理を行うことなく、Webサイトのデザインや構成、機能などを変えることが可能。
【PHPファイル】
PHPファイルには、他のファイルに対して、ウェブサイト上で何をすべきかを指示するのに必要なコードが格納されている。
テーマの全体的な構造を保持し、CSSやメディアファイルと相互に作用しながら、それらのファイルに機能面での指示を出す。
【CSSファイル】
ウェブサイト上のデータをいかに表示するか、つまりデザインの部分を調整する役割を果たす。
CSSファイルで、フォントサイズ、ボタンの位置、コラムのフォーマットなどを制御することができる。
【GIF、PNG、JPGファイル】
画像ファイルは、サイト各所での使用のために、ウェブサイトのフォルダに保存される。
仕事でいつ使うのか？
WordPressの仕事は、単純に分けるなら3段階。
- 日々の運用更新（投稿ページ・固定ページの編集）
これまで学んだ日々の投稿ページに記事やテキスト動画の挿入が出来る - デザインの変更（HTML・CSS）の編集レベル
PHPの編集は必要になるがHTML・CSSの編集が出来れば対応可能なレベル - オリジナルテーマ作成を含むシステム開発要素を含む制作
PHPを利用して管理画面を含むシステム開発要素も含む箇所の編集が必要なお仕事
インターネットの仕組み
ネットワークは、複数のコンピュータをケーブルや無線などを使ってつなぎ、お互いに情報をやりとりできるようにした仕組みを指す。
中でもインターネットは、家や会社、学校などの単位ごとに作られた１つ１つのネットワークが、さらに外のネットワークともつながるようにした仕組み。
外のネットワークと接続するために、ルーターと呼ばれる機器や、インターネットサービスプロバイダと呼ばれる通信事業者のサービスを利用する。
ネットワーク上で、情報やサービスを他のコンピューターに提供するコンピュータをサーバー、サーバーから提供された情報やサービスを利用するコンピューターをクライアントと呼ぶ。
（普段利用しているパソコンや携帯電話、スマートフォンなどはクライアントにあたる。）
サーバーサイドプログラム
サーバーサイド言語はサーバー内部で動くもので、フロントエンドのプログラムからの指示を受けることで複雑またはデータベース依存の処理を行う仕組みを作るプログラミング言語のこと。フロントエンドに必要な情報を送るためのプログラミング言語。
このサーバーサイドはバックエンドと呼ばれることもある。
サーバサイドが存在することでユーザーが目に見えるフロントエンドに適切な情報が反映されてサービスが利用できる仕組みになっている。
プログラミング言語の種類
フロントエンド
…HyperText Markup Language（HTML）、Cascading Style Sheets（CSS）、JavaScript
バックエンド
…Java、PHP、Ruby on Rails、Python、ASP.NET、Golang、SQL、Node.js
フロントエンドエンジニアに求められる能力
- HTML、CSS、JavaScriptなどのフロントエンド開発向け言語の知識
- Webフレームワークの知識
- レスポンシブデザインの知識
- テストやデバッグの能力
- 問題解決能力
- コミュニケーション能力
- Webブラウザの理解
- UIデザイン能力
バックエンドエンジニアに求められる能力
- コード作成と編集能力
- SQLなどのデータベース技術の知識
- バックエンドフレームワークとプログラミング言語の知識
- セキュリティコンプライアンスの知識
- 問題解決能力
- コミュニケーション能力
- モバイルWeb開発の知識
- 情報整理力
レンタルサーバーについて
レンタルサーバーの特徴として、1台のサーバーを複数人が共用利用している事によって比較的安価で利用できる点、サーバーの管理は提供元が行うといった点。
契約プランに則って機能や利用数の制限を定められている。
ドメインとレンタルサーバーの関係
サーバーは、ページの閲覧やメールを利用するためにシステムファイルやデータを配置するための領域のこと。
複数のユーザーが訪問した際にリクエストに応じて、必要な情報の提供や処理を行う。
ドメインは、レンタルサーバーを契約するのとは別に、ドメイン業者から独自ドメインを取得する契約が必要。
サーバーはファイルやデータの置き場所、ドメインはその場所を特定するための住所の役割を果たす。
Web サイトを表示するために、「http://○○.○○」のように記述したURL を指定する場合、○○.○○の部分がドメインに相当する。
メールサーバーとは？
レンタルサーバーには、Web サイトを運営するための「Web サーバー」の他に、メールの送受信やメールアドレスの運用ができる「メールサーバー」と呼ばれる機能も付随している。
この機能で作成したメールアドレスのドメインは、Web サイトのURL に使っているドメインと同じものになる。
※Web サイトのユーザーとメールでやり取りする際、ドメイン名と同じメールアドレスで送信ができれば、ユーザーは安心して内容を確認できる！
簡単インストールの機能について
国内の主要なレンタルサーバーには、WordPressなどの外部プログラムを自動でインストールできる機能が用意されている。
簡単インストール機能を利用すると、手動でインストール作業を行う手間を省くことができ、ブログの構築にかかる作業時間を短縮することができる。
主なレンタルサーバーと各社
- エックスサーバー
- ConoHa WING
- お名前.comサーバー
- コアサーバー
- ヘテムル
- ロリポップ
- mixhost
- カラフルボックス
- さくらのレンタルサーバ
- スターサーバー
- エックスサーバー株式会社
- GMOインターネット株式会社
- GMOインターネット株式会社
- GMOデジロック株式会社
- GMOペパボ株式会社
- GMOペパボ株式会社
- アズポケット株式会社
- 株式会社カラフルラボ
- さくらインターネット株式会社
- ネットオウル株式会社
サーバー選びは最初に行うことが重要！
仕事をする上でまず最初に「どのサーバーを利用しているか？」「どのサーバーを利用するか？」確認を行うこと！
確認せずに利用してしまうと、後々になって出来る出来ない問題が発生してしまう。
★メールサーバーの確認もしないと、後からできない問題発生する可能性がある点に注意！
備考・メモ
WordPressはPHPで開発されており、データベース管理システムとしてMySQLを利用しているCMS（コンテンツ管理システム）である。
Java scriptのソースコードを見る方法
サイト上で右クリック→ページのソースを表示
JavaとJava scriptは全く違う！
Javaは大規模、Java scriptは端末上で動く言語。
Java…大きなシステム（例えば、会社の情報システム）やAndroidのスマホアプリ、Webサーバー
JavaScript…Webサイト上で画面を動かしたり、ユーザーとやりとりする部分
