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

訓練日誌

・WordPressとは?

・オープンソースのブログソフトウェア

・PHPで開発され、データベース管理にMySQLを利用

・単なるブログとしてだけでなく、コンテンツ管理システム(CMS)としても利用される

・CMSとは?

・ ウェブコンテンツ(テキスト、画像など)を統合・体系的に管理し、配信などの処理を行うシステムの総称

・ WordPressでポートフォリオサイトを作る目的

・ デザイナーが実績をアピールするための作品集

・ 就職やクライアントへの売り込みに活用

・ 単に作品を掲載するだけでなく、作者の考えや個性をアピールすることが重要

・ 企業はポートフォリオを見て、実績や仕事への考え方、会社や案件とのマッチングを確認する

・ ポートフォリオ作成には、過去の作品の収集、整理、分析が必要

・ポートフォリオサイト作成を通して学ぶこと

・ 基本から何を学んだかを明確にする(毎日の訓練内容をまとめる)

・ 企業がデザイナーに求める「何か出来るのか?」を明確にする

・ 6ヶ月の訓練で学んだこと、作成した作品、今後行いたいことを明確にし、デザイナーとしての方向性を形にする

・ 学んだことをページにすることで復習になる

・ 記事として記録することでWordPressの操作に慣れる

・ PC操作に不安がある場合、ポートフォリオサイト作成を通してタイピングやPC操作の向上にも繋がる

・WordPressの仕組み(もう少し踏み込んで)

  1. サーバーを借りる? レンタルサーバーってどんなの?? ・ レンタルサーバーは、ウェブサイトなどを立ち上げたいユーザーにサーバーを貸し出すサービス ・ 自作も可能だが専門知識や手間がかかるため、初心者や知識がない場合はレンタルサーバーの利用が基本
  2. データベースと連携? MySQLってなに??
    ・ MySQLは「マイエスキューエル」と読む ・ SQL(データ操作言語)を用いてデータベースサーバー内のデータを操作(取り出し、書き込みなど) ・ WordPressのデータベースには投稿に関するデータ(投稿日時、カテゴリ、タイトル、本文など)が格納されており、WordPressはMySQLからPHPを使ってこれらの情報を引き出し、表示している
  3. PHPって何? 「HTML」「CSS」「Javascript」と何が違うの?? ・ PHPはHTMLに埋め込むことができるサーバーサイドのスクリプト言語
    ・ JavaScriptはクライアントサイド(ブラウザ)で動作するのに対し、PHPはサーバーサイドで実行されるため、コードが見られない ・ それぞれの役割: ・ HTML:文章構造 ・ CSS:見た目 ・ Javascript:動きの補足 ・ PHP:データとの連携
  4. WordPressのテーマって何? WordPressで作られているWebサイトを編集するにはどうすればいいの?? ・ WordPressのテーマは、ウェブサイト全体のテンプレート(デザインや構成、機能が一式セット) ・ テーマを変更することで、複雑な処理なしにウェブサイトのデザインや機能を変更できる
    • 主なファイルの種類:
      ・ PHPファイル:ウェブサイト上で何をすべきかの指示を記述
      ・ CSSファイル:デザイン(フォントサイズ、ボタンの位置など)を調整
      ・ GIF, PNG, JPGファイル:画像ファイル
  5. 結局お仕事でいつ使うの? 具体的にWordPressが扱える必要なスキルレベルってどのくらい?? ・ WordPressの仕事は大きく3段階: ・ 日々の運用更新(投稿・固定ページの編集) ・ デザインの変更(HTML・CSS編集レベル、PHPの編集も必要になる場合あり) ・ オリジナルテーマ作成を含むシステム開発要素を含む制作(PHPを利用したシステム開発を含む編集)

・PHPについて

・ オープンソースの汎用プログラミング言語で、特にサーバーサイドでの動的なウェブページ作成に適している

・ Web系のプログラミング言語の中でも広く使われており、CMS、ECサイト、SNSなど様々なWebサイトに用いられる

・ PHPコードは<?php?>で囲んでHTML内に記述する

・ PHPファイルの拡張子は「.php」

・ WordPressはPHPで構築されているため、WordPressの利用にはPHPが不可欠

・ PHPはHTMLの延長と考えて、まずはHTML・CSSをしっかり理解することが重要

・インターネットの仕組み

・ ネットワーク:複数のコンピュータを接続し、情報をやり取りする仕組み

・ インターネット:個々のネットワークがさらに外部のネットワークと繋がる仕組み(世界規模の最大のネットワーク)

・ サーバー:情報やサービスを提供するコンピュータ

・ クライアント:サーバーから提供された情報やサービスを利用するコンピュータ(PC、スマホなど)

・ サーバーサイドプログラム:サーバー内部で動作し、フロントエンドからの指示に基づきデータ処理などを行うプログラム(PHPなど)バックエンドとも呼ばれる

・ フロントエンド開発(HTML, CSS, JavaScriptなど、ユーザーが見る部分)とバックエンド開発(サーバー側の処理)の違い

・レンタルサーバーについて

・ 特徴:複数のユーザーで1台のサーバーを共有するため比較的安価、サーバー管理は提供元が行う

・ ドメインとレンタルサーバーの関係:サーバーはデータの置き場所、ドメインはその場所の住所

・ メールサーバー:レンタルサーバーにはメール送受信機能も付随しており、ウェブサイトのドメインと同じドメインのメールアドレスが作成可能

・ 簡単インストール機能:主要なレンタルサーバーにはWordPressなどを自動でインストールできる機能がある

・ 主なレンタルサーバー各社名が列挙されている

・ サーバー選びは最初に行うべきであり、利用しているサーバーや利用するサーバーを企画初期に確認することが重要

自分なりの課題:レンタルサーバーを調べて今どのようなものがあるか知る

コメント