MySQLで日付型(DATE)カラムを持つテーブルを作成する方法
日付だけを格納するカラムを持つテーブルを作成したい場合は、DATE型を使用します。DATE型は「YYYY-MM-DD」形式で日付を保存できるデータ型であり、入学日・誕生日・登録日などの管理に適しています。
1. テーブルを作成する
まず、CREATE TABLE文でDATE型のカラムを含むテーブルを作成しましょう。
mysql> create table DemoTable
(
StudentId int NOT NULL AUTO_INCREMENT PRIMARY KEY,
StudentName varchar(20),
StudentAdmissionDate DATE
);
Query OK, 0 rows affected (0.47 sec)この例では、学生ID(自動採番の主キー)、学生名、そして入学日を格納する「StudentAdmissionDate」カラムをDATE型として定義しています。
2. レコードを挿入する
次に、INSERTコマンドを使ってレコードを追加します。日付の指定方法には、NOW()関数やCURDATE()関数を使う方法と、文字列として直接指定する方法があります。
mysql> insert into DemoTable(StudentName,StudentAdmissionDate) values('Chris',now());
Query OK, 1 row affected, 1 warning (0.12 sec)
mysql> insert into DemoTable(StudentName,StudentAdmissionDate) values('Robert',curdate());
Query OK, 1 row affected (0.20 sec)
mysql> insert into DemoTable(StudentName,StudentAdmissionDate) values('David','2019-05-21');
Query OK, 1 row affected (0.16 sec)ポイント:NOW()関数は日時(日付+時刻)を返すため、DATE型のカラムに挿入すると警告(warning)が表示されますが、時刻部分は切り捨てられ、日付のみが正しく保存されます。現在の日付だけを扱いたい場合は、CURDATE()関数を使うのがおすすめです。
3. レコードを確認する
SELECT文を実行して、テーブル内のすべてのレコードを表示してみましょう。
mysql> select * from DemoTable;
実行結果は以下の通りです。
+-----------+-------------+----------------------+ | StudentId | StudentName | StudentAdmissionDate | +-----------+-------------+----------------------+ | 1 | Chris | 2019-04-27 | | 2 | Robert | 2019-04-27 | | 3 | David | 2019-05-21 | +-----------+-------------+----------------------+ 3 rows in set (0.00 sec)
このように、DATE型のカラムには「YYYY-MM-DD」形式で日付が正しく格納されていることが確認できます。NOW()で挿入したレコードも、時刻情報が除外された日付データとして保存されています。
-
CSSでレスポンシブテーブルを作成する方法をわかりやすく解説
CSSでレスポンシブ対応のテーブルを作成するには、テーブル全体を<div>要素で囲み、その親要素に overflow-x: auto; を指定するのが最もシンプルで確実な方法です。これにより、画面幅が狭い環境(スマートフォンやタブレットなど)でも、テーブルが横にはみ出すことなく、水平スクロールバーが自動的に表示されるようになります。レスポンシブテーブルのポイントレスポンシブテーブルを実現するうえで重要なCSSプロパティは以下のとおりです。overflow-x: auto; … コンテナからはみ出した内容に対して、必要な場合のみ横スクロールバーを表示します。width: 100%;
-
HTMLでキャプション(表題)付きのテーブルを作成する方法
HTMLでキャプション(表題)付きのテーブルを作成するには、<caption>タグを使用します。キャプションはテーブルの内部に配置され、<table>タグの直後に記述するのが決まりです。 <caption>タグで指定したテキストは、デフォルトではテーブルの上部中央に表示されます。表示位置を変更したい場合は、CSSの「caption-side」プロパティ(top・bottom・left・rightなど)を使って調整することも可能です。 コード例 以下のコードを実行すると、キャプション付きのテーブルがどのように表示されるかを確認できます。 <!DOCTY