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

この記事では、オンラインIDEのブラウザに元から入っているサンプルを利用して、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';

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

この様に実行されます。

これは、テーブルの中から女性（ジェンダー「gender」が「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が掴めましたが、外人さんの名前は私には良く分からないので、国民的アニメのサザエさんのキャラクターに表を書き換えて行きます。

テーブル名も「student」から「sazaefamily」に変えました。

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

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

2行目の「テーブル名のみ」を変えました。

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

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

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

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

最後に表の条件を指定して抽出する箇所を書き換えます。
SELECT * FROM の後を 「sazaefamily 」に書き換えて、性別を「F」から「女性」に書き換えました。

-- 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の練習」などの自分が分かるようなタイトルを入れます。（タイトルを入れないと保存出来ない仕様になっています）

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

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

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

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

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

ただ、このブラウザを使うユーザー数が多いので、使い慣れているメモ帳などのテキストエディタに貼り付けて保存して置いた方が次回からの学習がやり易いです。

コピー作成の右隣の青いボタンに、ダウンロードやリンクのコピーもあるので、読者様が一番手軽に感じる保存方法が望ましいです。

お疲れ様でした。ブレイクタイムPhotoは、

→ブラウザだけでMySQLを即学習【サザエさん】その2へ

次の項目では、本格的に勉強したい方向けの本を紹介致します。

【オススメ入門書】
「いちばんやさしい SQL入門教室」
ソフトカバー
Kindle版

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

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

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

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

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

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

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

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

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

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

お疲れ様でした。ブレイクタイムPhotoは、

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

MySQL自作サンプル集へ戻る

自己紹介ページ


写真クリエイターとしての活動

nekosiestr

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

自己紹介の全文を表示