ブラウザだけでMySQLを即学習 サンプルを利用して【サザエさん】の例｜入門書の紹介

この記事では、ブラウザのサンプルを利用して、MySQLをスグに学習出来る内容と、本格的に勉強したい方向けの入門書を紹介しております。

使用するブラウザは、こちらのmyCompilerのMySQLの画面を使って、元々入力されているサンプルのコードをサザエさんの例に少し書き換えながらMySQLの入門を習得して行きます。

画面の左側に、この様なコードが書かれています。

2025年7月現在の画面ですので、内容が変わっている方はこちらからペーストしてみて下さい。

-- create a table
CREATE TABLE students (
  id INTEGER PRIMARY KEY,
  name TEXT NOT NULL,
  gender TEXT NOT NULL
);
-- insert some values
INSERT INTO students VALUES (1, 'Ryan', 'M');
INSERT INTO students VALUES (2, 'Joanna', 'F');
-- fetch some values
SELECT * FROM students WHERE gender = 'F';

一方右側の画面で「コードを実行」を押すと、

この様になっています。

簡単に書くと、テーブルの中から女性（ジェンダーが「F」のJoannaさん）の行を抽出した結果です。

ここから部分的にコードを見て、表のイメージと対応させて行きます。

コードのテーブルを作成する部分から見て行きます。

-- create a table
CREATE TABLE students (
  id INTEGER PRIMARY KEY,
  name TEXT NOT NULL,
  gender TEXT NOT NULL
);

この部分を表「students（学生さん）」を作っています。
こんな感じの表です。

idがPRIMARY KEYを主キーに設定されています。
nameの列とgenderの列を設定して、空欄にはしない様に設定しています

では、テーブルにデータを入力する部分を見て行きます。

-- insert some values
INSERT INTO students VALUES (1, 'Ryan', 'M');
INSERT INTO students VALUES (2, 'Joanna', 'F');

ここまでで、この様な表になっています。
INSERT INTO 表の名前 VALUESで、表にデータを入力しています

最後に、条件にあった行（レコード）を抽出するコードを見て行きます。

-- fetch some values
SELECT * FROM students WHERE gender = 'F';

表の全ての列で性別が女性の行を抽出します。

SELECT *で、表の全ての列、表はstudentsで、性別が女性（F）のデータを抽出しました。

これで、なんとなくMySQLが掴めましたが、外人さんの名前は私には良く分からないので、国民的アニメのサザエさんのキャラクターに表を書き換えて行きます。

まず、テーブルを作成する部分ですが、

-- create a table
CREATE TABLE sazaefamily (
  id INTEGER PRIMARY KEY,
  name TEXT NOT NULL,
  gender TEXT NOT NULL
);

と、テーブル名を「student」から「saszaefamily」に変えました。

次にデータの入力部分ですが、

-- insert some values
INSERT INTO sazaefamily VALUES (1, '磯野波平', '男性');
INSERT INTO sazaefamily VALUES (2, 'フグ田サザエ', '女性');

と、表を「sazaefamily」に、人物名を波平さんとサザエさんに書き換え、性別も日本語にしました。

ここまでで、こんな感じの表が出来ています。

最後に表の条件を指定して抽出する箇所を書き換えます。

-- fetch some values
SELECT * FROM sazaefamily WHERE gender = '女性';

これで実行をすると、画面右側にサザエさんの行だけが抽出されます。

では、「実行」を押してみます。

無事に実行出来ました。

ここまでのコードをまとめます。

-- create a table
CREATE TABLE sazaefamily (
  id INTEGER PRIMARY KEY,
  name TEXT NOT NULL,
  gender TEXT NOT NULL
);
-- insert some values
INSERT INTO sazaefamily VALUES (1, '磯野波平', '男性');
INSERT INTO sazaefamily VALUES (2, 'フグ田サザエ', '女性');
-- fetch some values
SELECT * FROM sazaefamily WHERE gender = '女性';

では、このデータベースを保存します。
画面上部のコードの上の所に「サザエさんでMySQLの練習」などの自分が分かるようなタイトルを入れます。（タイトルを入れないと保存出来ない仕様になっています）

右側の「コードを保存」を押します。

ブラウザのタブを閉じて、再度開きます。
コード上部の黒い所の右側の「最近」をクリックします。

「このサイトを離れる」を選択して、先程の保存の際に付けた名前をクリックします。

このままですと編集ができないので、「コピーを作成」をクリックします。

すると、編集が出来るようになりました。

お疲れ様でした。
この記事でのブラウザを使った入門編は以上になります。
次の項目で本格的に勉強したい方向けの本を紹介致します。

「いちばんやさしい SQL入門教室」
ソフトカバー
Kindle版

MySQLの勉強に使うエディターは、
https://www.mysql.com/jp/
から、ダウンロード出来ます。

そのダウンロードの仕方から基礎文法まで分かりやすく学習出来ます。

インストールが終わると、
この画面でパスワードを入れて使います。

本に書いてあるパスワードを入れます。

すると、このような画面が表示されます。

この本に沿って、データベースにテーブルを2つ
作成する所まで行きました。
エラー祭りでした。

● 文字列のシングルクォーテーション(‘)を、
ダブルクォーテーションにしてしまった。

● テーブル(table）のつづりを間違えた！
（これは、中学1年生レベルですね。）

こういったエラーがありました。
皆さまは、こんなことしないように、
気を付けて下さい。

この本のChapter1まで終わりました。
私でもどうにかここまで終えたので、
この本、かなりおススメだと思います。

この本を1巡したら、SQLのサンプルデータを
作ってアウトプットしたいです。

お疲れ様でした。
ブレイクタイムフォトは

千葉県 房総半島、外房、御宿の海です。

MySQL自作サンプル集へ戻る

自己紹介ページ

nekosiestr

プログラミング学習中のロスジェネ（就職氷河期世代）の発達障害者です。 宜しくお願いします。 趣味で写真を撮っています。 プログラミングは、GAS/HTML/CSS/JavaScript/jQuery/PHP、 発達障害は、自閉症スペクトラムASD/ADHD、その他双極性障害やHSP（5人に1人の繊細さん）などの生きづらさを抱えておりますが、それでも楽しく生きて行きたいです！！ 写真は、以前はコンパクトデジカメ、現在は、OLYMPUSミラーレス一眼を使っています。

See Full Bio