プログラミング入門ナビ by Proglus（プログラス）

プログラミング学習初心者のための情報メディア

You are here: Home / Archives for プログラミング入門

プログラミング入門

【SQL】ER図（Entity-relationship Diagram）について解説します！

By

本記事は、Proglus（プログラス）「はじめてのSQL ・データ分析入門」、Udemy 「はじめてのSQL・データ分析入門」のサポート記事です。

ER図とは…

ER図とは、「Entity Relationship Diagram」と呼ばれる、データベース設計で使う設計手法です。
データベースを扱うWebシステムのデータベース設計では、必ずと言ってよいほど作成します。
ER図を作成することで、データ同士の連携を図表化して、システム全体の構成を理解しやすくなります。

用語の説明

  • エンティティ：データのまとまりのこと。 データベースでいう所のテーブルを指します。

  • リレーション： エンティティ同士の関係を実戦を引いて表します。

  • カーディナリティ：リレーションの詳細を記号で表します。

ER図の見方

カーディナリティの記号の解説

サンプルデータのER図で登場するカーディナリティの記号の解説をします。
(1)は、1つだけ
(2)は、1か多(1つもしくは複数)

見方

ER図は、エンティティ同士を実戦で紐付けしている、リレーションの表記がポイントとなります。
見方をサンプルデータのER図を例として解説します。

users(ユーザー)テーブルとorders(注文)テーブルの関係性は、
「1対多」の関係となります。
詳しく説明すると、”1対1″もしくは”1対複数”の関係にあります。
これは、1つのユーザーに対し、1つもしくは複数の注文のものが相対します。
例えば、山田さんというのユーザーは、1つもしくは複数の注文情報を持つことが可能という関係です。

その他、今回のサンプルデータでは登場しませんが、
「1対1」「多対多」のリレーションがER図にはあります。

1対1
例えば、1つのユーザー情報に対し、1つのユーザー詳細情報(住所や電話番号等)を持つことが可能という関係です。

多対多
例えば、複数の教員の情報に対し、複数の生徒の情報を持つことが可能という関係です。

ER図の書き方は様々あります。
プロジェクト案件によって、書き方は異なることがありますが、テーブル同士がどのように関連しているのかは、リレーションを使って関係性を確認ができます。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

【MySQL】公式インストーラー（dmg）を使って、MySQLサーバーをmacOSにインストールする方法を解説

By

本記事は、Proglus（プログラス）「はじめてのSQL ・データ分析入門」、Udemy 「はじめてのSQL・データ分析入門」のサポート記事です。

MySQLをインストールする方法は、いくつか考えられるのですが、macOS版の MySQL Community Serverのインストーラーを使ってインストールする方法を解説します。

インストーラー ダウンロード方法

公式ページへアクセス

MySQL Community Serverのインストーラーをダウンロードします。
MySQLサーバーのバージョンは、別途、特別な指示がなければ、8.0.なんとかの、最新バージョンを利用します。

Select OS Versionを選択

Select OS Versionで、OSのバージョンを選択します。
記事入稿時点では、macOS 12 , Monterey（モントレー）に対応した、ソフトウェアが公開されています。
過去の指導経験から、対応外の、古いOSのバージョンを利用した場合、エラーが発生することを確認しています。ご注意ください。

“ARM”とは、ARMという名前のアーキテクチャで設計されたCPUのことを指しています。
具体的にいうと、Apple社が独自に開発したCPUである、 Apple M1や、Apple M2 のことを指しています。
“x86″とは、intel社のCPUのことを指してます。

お使いの端末によって選択して下さい。
記事では、Intel Core i5という、Intel製のCPUを使っているため、”x86″を選択します。

インストーラーをダウンロード

「DMG Archive」をダウンロードします。

DMG Archiveの、ダウンロードボタンをクリックすると、ダウンロードページが表示されます。
ユーザー登録したい方は登録もできますが、
「No thanks」をクリックすると、ユーザー登録をスキップしてダウンロードができます。

インストーラーを起動

ダウンロードしたファイルを開く

ダウンロードしたファイルを右クリック > 「開く」をクリック

アラートが表示されます。
「開く」をクリック。

「許可」をクリック。

インストーラーからインストールする

インストーラーが起動します。
「続ける」をクリック。

使用許諾契約画面です。
内容を確認して、「続ける」をクリック。

使用条件を読むボタンをクリックして契約条件を確認してから、「同意する」をクリック。

インストール先選択画面です。
デフォルトのまま「インストール」をクリック。

パスワード入力画面が表示されます。
OSのパスワードを入力して、「ソフトウェアをインストール」をクリック。

パスワードの暗号化タイプの選択画面です。
デフォルトのまま”Use Strong Password Encryption” を選択。
「Next」をクリック。

rootユーザーのパスワード設定画面です。
設定したパスワードは、後で使いますので、忘れないように管理してください。

これでMySQLのインストール完了です。

MySQLサーバーの起動方法

MySQLサーバーの起動について説明します。
macOSのバージョンによってはUIが異なりますが、基本的には同じです。

macのシステム環境設定 > MySQL をクリック。

この画面から、MySQLサーバーの起動、停止を行うことができます。
現在、緑色表示で、起動状態ですが、MySQLサーバーを停止したい場合、
「Stop MySQL Server」をクリック。

パスワード入力画面が表示されます。
OSにログインするときの、パスワードを入力します。
先程、MySQLサーバーに設定したパスワードではありませんので、ご注意ください。
「OK」をクリック。

赤印になれば、停止状態となります。

同様に、再度起動したい場合は、
「Start My SQL Server」をクリック> パスワードの入力 > 「OK」の順にすると起動できます。

以上で、MacにMySQLサーバーをインストールして、起動まで完了しました。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

【VSCode】アクティビティバーに拡張機能アイコンが表示表示されていない場合の解決方法

By

この記事では、Visual Studio Codeの設定で拡張機能アイコンが表示されない件のサポート記事です。

解決方法

左側にあるアクティビティバーに拡張機能アイコンが表示されていない場合、
アクティビティバー部分で左クリック > 「拡張機能」項目をチェック

拡張機能アイコンが表示されます。

アクティビティバー部分で左クリックした設定画面で、　アイコンの表示・非表示の設定が出来ます。

アクティビティバーが表示されていない場合

コマンドパレットから「アクティビティバーの表示の切り替え」を実行します。

上部メニューバー「表示」 > 「コマンドパレット」
「アクティビティバーの表示の切り替え」と入力して、クリックします。

アクティビティバーが表示されました。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

【Windows】Gitをインストールする方法についてプログラミング入門者向けに解説します

By

GitをWindowsOSにインストールする方法を説明いたします。

この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」と、Proglus（プログラス）で公開している「Git / GitHub入門 – ソースコードのバージョン管理をしよう」サポート記事です。

Git for Windowsのダウンロード

Windowsでは、Gitを利用するために、Git for Windowsをインストールする必要があります。
まず、Git for Windows公式サイトからインストーラーをダウンロードします。
2022年10月現在の最新のバージョンは2.38.1です。

Git for Windowsのインストール

ダウンロードしたインストーラーを実行します。インストーラーの画面の指示に沿って進めていきます。

GNUライセンスの画面が表示されます。Git for Windowsは無料で使用できますが、ライセンスの同意が必要です。
内容を確認しましたら、「Next」をクリックします。


インストール先のフォルダを選択します。
特に理由がない限りはデフォルトのまま、「Next」をクリックします。


オプションを選択します。
デフォルトのまま、「Next」をクリックします。


Windowsのスタートメニューに表示する名前を指定します。
デフォルトのまま、「Next」をクリックします。


テキストエディタの設定をします。
この学習では「vim」を使います。「vim」を選択して、「Next」をクリックします。


新規リポジトリ作成時のデフォルトブランチ名を選択します。
これまで、Gitのデフォルトのブランチ名は「master」でしたが、今後は「main」に変更されます。
「Override the default brand name for new repositories」を選択して、ブランチ名は「main」のまま、「Next」をクリックします。


パスの設定をします。
デフォルトのまま、「Next」をクリックします。


OpenSSHクライアントのインストールを設定します。
デフォルトのまま、「Next」をクリックします。


HTTPSの設定をします。
デフォルトのまま、「Next」をクリックします。


改行コードの自動変換を設定します。
デフォルトでは、自動変換が選択されていますが、予期せぬ変換が起きる可能性があるので、自動変換の設定をオフにします。
「Checkout as-is, commit as-is」 を選択して、「Next」をクリックします。


ターミナルエミュレーターを選択します。
デフォルトのまま、「Next」をクリックします。


git pull　コマンドの設定です。
デフォルトのまま、「Next」をクリックします。


Credential Managerのインストール。
デフォルトのまま、「Next」をクリックします。


オプションの設定です。
デフォルトのまま、「Next」をクリックします。


試験運用中のオプションの設定です。
デフォルトのまま、「Next」をクリックします。

インストールが開始されます。

インストールが完了しました。

スタートメニューを確認します。

Git for Windowsのインストールが完了しました。

Git Bashの実行

VScodeを開いて、メニューバー > ターミナル > 新しいターミナル　をクリックしてターミナルを開いて下さい。
ここで、ターミナルを「Git Bash」を選択してGit Bash を起動して下さい。
Git Bash とは、Gitのコマンドラインツールです。これからの操作はここから行います。

git のバージョンを確認します。

$ git --version 
git version 2.34.1

学習のタイミングによって、バージョンが異なる可能性があります。

これで、GitをWindowsにインストールすることが出来ています。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

【サポート】Heroku無料プラン廃止に関する補足情報

By

この記事は、Proglusオンラインプログラミング学習講座「はじめてのRuby on Rails 7入門」とUdemyオンライン講座「はじめてのRuby on Rails入門-RubyとRailsを基礎から学びWebアプリケーションをネットに公開しよう」のサポート記事です。

セクション「インターネットにウェブサービスを公開しよう」で使用しているウェブサービス herokuは、これまで無料プランを利用して学習してきました。
しかしながら、2022年11月28日以降、無料の製品プランの提供が終了しました。

このサポート記事では、コースを受講する場合の想定される費用と利用設定方法について説明します。
Herokuを使った学習は、Ruby on Railsの学習の本質的なところでは無いなため、セクションをスキップしたり、動画視聴のみを行い、後に、herokuが必要になったタイミングで別途試してみるという方法でも構いません。

Herokuの無料プラン廃止について

これまで、Herokuには、無料の製品プランがありましたが、2022年11月28日より、Herokuの無料の製品プランの提供が終了しました。詳細に関しては、公式ページをご確認下さい。

コースを受講する場合の想定される費用について

Herokuを使ったカリキュラム学習のために掛かる見積もりです。

今カリキュラムで利用するHerokuのサービスは、
コンテナ：Dyno Basic
データベース : Heroku Postgres Mini
を利用します。
コンテナとは、アプリの実行環境をまとめたパッケージのことです。

それぞれ掛かる費用です。（公式ページ「Heroku の価格 」参照）
Dyno Basicは、1時間に約$0.01かかります。

Heroku Postgres Miniは、1時間に$0.007かかります。

例えば、リソースを2時間程度学習に利用した後、すぐにクリーンアップをした場合を想定した見積もりをしてみます。

Dyno Basic
$0.01 × 2h = $0.02

Postgres Mini
$0.007 × 2h = $0.014

⇒$0.034
日本円で5円程度掛かる見積もりとなります。(1USD=150円換算)。
尚、実際にサーバーを立ち上げた時間や、為替レートなどにより、実際の金額は異なります。
学習を中断せずに、一気行うことで、費用を削減できます。
まとまって時間が確保（2時間程度）できるときに、学習することをおすすめします。

利用設定方法

ここから、実際の利用設定について説明します。

Herokuのアカウント作成時にクレジットの登録

まず、Herokuを利用する場合、クレジットを登録する必要があります。
1.ログインした状態で、ユーザーアイコン > Account settings をクリック。

2.クレジットカードを登録します。
Billingタブをクリックして、Add credit card ボタンをクリックしてクレジットカードの情報を登録します。

英語表記ですので、必要に応じてGoogle翻訳等を使って下さい。

3.【コース内の動画で説明します】クレジットを登録するとアプリケーションが作成できます。

$  heroku create --stack heroku-20
Creating app... done, ⬢ tranquil-savannah-04699
https://tranquil-savannah-04699.herokuapp.com/ | https://git.heroku.com/tranquil-savannah-04699.git

これでクレジットの設定完了です。
動画教材に戻って学習を続けて下さい。
デプロイ実行後に再度サポート記事に戻って下さい。

コンテナとDBの設定

デプロイ実行後、コンテナとDBの設定と確認を行います。
※下記で表示されている、アプリは既に削除済です。

まず、コンテナをBasicに設定します。
次のようにコンソールに入力します。

$ heroku ps:type Basic

Basicとなっていることを確認します。

$ heroku ps
▸ Starting November 28th, 2022, free Heroku Dynos will no longer be available. To keep your apps running, upgrade to paid dynos. Learn more in our blog (https://blog.heroku.com/next-chapter).
=== web (Basic): bin/rails server -p ${PORT:-5000} -e $RAILS_ENV (1)
web.1: up 2022/12/03 05:39:25 +0000 (~ 14m ago)

続いて、データベースですが、デフォルトでPostgres Miniが選択されているので、確認してみます。

$ heroku pg:info -a (app_name)
=== DATABASE_URL
Plan: Mini
Status: Available
Connections: 0/20
PG Version: 14.6
Created: 2022-12-03 05:39 UTC
Data Size: 8.6 MB/1.00 GB (In compliance)
Tables: 0
Rows: 0/10000 (In compliance)
Fork/Follow: Unsupported
Rollback: Unsupported
Continuous Protection: Off
Add-on: postgresql-elliptical-65100

念の為、heroku側の設定状況も確認します。
ダッシュボード > 対象のアプリ選択 > Resources

以上で設定完了です。
実際にアプリが表示されているかどうか、ブラウザで確認してみましょう。

学習後はクリーンアップ

上記で説明した通り、Herokuは使った時間分費用がかかります。
そのため、学習後に利用後は速やかにクリーンアップすることを推奨しています。
クリーンアップ（アプリの削除）の方法は、コース内で紹介します。
デプロイの練習とアプリの動作テストを行うカリキュラムとなります。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する