WEBサーバ構築ノウハウ集
MySQL8.0をインストールします。
リポジトリをインストール
CentOS 7標準のリポジトリをインストールします。
sudo yum localinstall http://dev.mysql.com/get/mysql80-community-release-el7-1.noarch.rpm
MySQLをインストール
MySQLをインストールします。
sudo yum -y install mysql-community-server
my.cnf設定
MySQL設定を変更します。
・ログのタイムゾーンの設定
・クライアントの文字セットの設定を無視する
・デフォルトの文字セット
・タイムスタンプのデフォルト値設定
sudo vi /etc/my.cnf
変更後(赤字が追加箇所)
log-error=/var/log/mysqld.log
pid-file=/var/run/mysqld/mysqld.pid

log_timestamps=SYSTEM
skip-character-set-client-handshake
character-set-server=utf8mb4
explicit_defaults_for_timestamp=ON
MySQLの自動起動設定
VPSを再起動した場合、MySQLを自動で起動させるようにします。
sudo systemctl enable mysqld
MySQLの起動
MySQLを起動します。
sudo systemctl restart mysqld
初期パスワードの確認
MySQLにログインするために初期パスワードを確認します。
sudo vi /var/log/mysqld.log
temporary passwordを探し、初期パスワードを確認。(赤字が初期パスワード)
[Server] A temporary password is generated for root@localhost: xxxxxxxxxxxx
MySQLにログイン
MySQLにログインします。
mysql -uroot -p
初期パスワードを入力し、ログインできることを確認する。
# mysql -uroot -p
Enter password:
Welcome to the MySQL monitor. Commands end with ; or \g.
Your MySQL connection id is 8
Server version: 8.0.13 MySQL Community Server - GPL

Copyright (c) 2000, 2018, Oracle and/or its affiliates. All rights reserved.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql>
MySQLのrootログインパスワードの変更
rootログインのパスワードを変更します。
mysql> ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '(新パスワード)';

インフラ
フロントエンド

htmlを作成

画面遷移時にパラメータを渡す

画面遷移時に固定パラメータを渡す

htmlのテキストボックス空白チェック

htmlのメールアドレスチェック

〇CSS

CSS(スタイルシート)で色を変える:color

CSS(スタイルシート)で文字揃え(水平方向)する:text-align

CSS(スタイルシート)で文字揃え(垂直方向)する:vertical-align

CSS(スタイルシート)で下線/上線/取り消し線表示する:text-decoration

CSS(スタイルシート)でインデントを指定する:text-indent

CSS(スタイルシート)で英字の大文字/小文字を指定する:text-transform

CSS(スタイルシート)でフォントの種類を指定する:font-family

CSS(スタイルシート)でフォントのサイズを指定する:font-size

CSS(スタイルシート)で文字の太さを指定する:font-weight

CSS(スタイルシート)で文字を斜体にする:font-style

CSS(スタイルシート)で文字間隔を設定する:letter-spacing

CSS(スタイルシート)で行間隔を設定する:line-height

CSS(スタイルシート)で背景の色を設定する:background-color

CSS(スタイルシート)で背景に画像を設定する:background-image

CSS(スタイルシート)で背景の画像貼り付けルールを設定する:background-repeat

CSS(スタイルシート)で背景の画像位置を設定する:background-position

CSS(スタイルシート)で枠線(上下左右)のスタイルを指定する:border-style

CSS(スタイルシート)で上枠線のスタイルを指定する:border-top-style

CSS(スタイルシート)で右枠線のスタイルを指定する:border-right-style

CSS(スタイルシート)で下枠線のスタイルを指定する:border-bottom-style

CSS(スタイルシート)で左枠線のスタイルを指定する:border-left-style

CSS(スタイルシート)で枠線(上下左右)の太さを指定する:border-width

CSS(スタイルシート)で上枠線の太さを指定する:border-top-width

CSS(スタイルシート)で右枠線の太さを指定する:border-right-width

CSS(スタイルシート)で下枠線の太さを指定する:border-bottom-width

CSS(スタイルシート)で左枠線の太さを指定する:border-left-width

CSS(スタイルシート)で枠線の色を指定する:border-color

CSS(スタイルシート)で枠線の周囲の余白を指定する:margin

CSS(スタイルシート)で上枠線の余白を指定する:margin-top

CSS(スタイルシート)で右枠線の余白を指定する:margin-right

CSS(スタイルシート)で下枠線の余白を指定する:margin-bottom

CSS(スタイルシート)で左枠線の余白を指定する:margin-left

CSS(スタイルシート)で枠線内の余白を指定する:padding

CSS(スタイルシート)で上枠線内の余白を指定する:padding-top

CSS(スタイルシート)で右枠線内の余白を指定する:padding-right

CSS(スタイルシート)で下枠線内の余白を指定する:padding-bottom

CSS(スタイルシート)で左枠線内の余白を指定する:padding-left

バックエンド
SEO
アフィリエイト