• Skip to main content
  • Skip to primary sidebar

プログラミング入門ナビ by Proglus(プログラス)

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

本ページにプロモーションが含まれる場合があります

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

プログラミング入門

JavaScriptのプログラムをコメントにする方法

2018-07-04 By プログラミング入門ナビ編集部

JavaScriptのコメントについて、プログラミング入門者向けに説明いたします。

HTMLやCSSとコメントの仕方が異なる部分があるので、注意してください。

この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」サポート記事です。

コメントとは

コメントとは、文字列の記載はあるけれども、 実行するときに無いものとして扱うことです。
文字列をコメントにすることを、コメントアウトと言います。

動画でJavaScriptのコメントを学習する

コメントの用途

  • デバック等のために、プログラムを一時的に無効にしたい。
  • プログラムの動作に関して、メモ書き(コメント)を残したい。

JavaScriptのコメント

JavaScriptで文字列をコメントにするには、

一行コメント

1行の時は、// を記載します

例)
// console.log(‘Hello!’);

復習行コメント

複数行の時は コメントしたい箇所を/* */ で囲います。

例)

/*
console.log(‘Hello1’);
console.log(‘Hello1’);
console.log(‘Hello1’);
*/

テキストエディタ(Atom)のショートカット

下記のショートカットで、コメントのON/OFFを切り替えられます。
コメントしたい箇所を選択、または、コメントしたい行にカーソルを移動
してから、

macOS環境

commandキー + スラッシュキー

Windows環境

controlキー + スラッシュキー

おわりに

このレクチャーでは、JavaScriptコメントについて、プログラミング入門者向けに説明いたしました。

オンライン講座「Web開発入門完全攻略コース」では、GitとGitHubの使い方について動画をつかって丁寧に説明しています。
無料プレビューを用意しています。ぜひご利用ください!

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

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

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

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: JavaScript, プログラミング入門

よくあるSQLのエラーの種類と自力でエラーを取り除く方法について説明します

2018-06-26 By プログラミング入門ナビ編集部

よくあるSQLのエラー。この記事では初心者の時に遭遇しやすい SQL実行時のエラーとその解決方法ついて紹介します。

この記事は、オンライン講座「はじめてのSQL・データ分析入門 – データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース」のサポート記事です。

動画でよくあるSQLのエラーを学習する

データベースが選択されていない

まずデータベースを選択していない

実行した時に
このようなエラーが出ます

Error Code 1046 No database selected.

対応

use mydb;

として、実行。

データベースを選択してから SQLを実行します

スペルミス

次にスチームスペルミス 例えばですが

select * from users;

from と書くところを formと書いてしまって

select * form users;

実行すると、
このようなエラーが発生します

you have an error in your SQL syntax

シンタックスエラー SQLの構文が間違っているというエラーが出ています

対応

対応としては 間違っている所の
SQLを正しく直します

select * from users;

実行します
今度は正しく実行できました

全角文字

次に全角文字、
たとえばですけども

このように大文字で入力してしまって 実行した場合

このようにエラーが出ます
エラーメッセージはこのようになっています

ERROR 1064: You have an error in your SQL syntax. Check the manual that corresponds to your MySQL server version for the right syntax to use near 'select * from users' at line1

間違っている箇所を探すヒントになる
ものが書いていることもあります

あと MySQL Workbench では
エラーがある場所は このように赤の波線で表示されたりですとか エラーがあるところの
行に ✕マークが付いたりするので意識してみるようにしてください

対応としては全角で書いてあるところを半角に直します

そうすると赤波線が消えて ✕印も消えました
もしSQLを実行したときにエラーが発生した場合は 勉強になりますのでぜひ動画
を見直しながらエラーを取り除いてみてください 。

エラーが発生した時は✕印がついてエラーメッセージが
表示されます

英語の表記となりますがエラーコードやエラーメッセージを記入してください

英語は苦手な方は google 翻訳を利用すると大体のニュアンスがつかめます。。
エラーコードやエラーメッセージを Google で検索すると糸口がつかめること
があります。

例えばですけれども
「Error Code 1064」
これをgoogle で検索します。

mysql eror code 1064

このようなキーワードで検索すると、
同じエラーに遭遇した方の記事などにたどり着けます

考えてみても調べても分からない時はいるはまってしまった時は
1回学習を止めて休憩してからもう一度見直すと原因がすぐにわかることもあります

実務でも、1日原因が分からなかったことが一晩寝てから翌朝見てみたら5分で解決した
というのは結構あります

自分で見直しても分からない時は Q&A機能(Udemy)を利用してください
実行したSQLとエラー内容があるとサポートしやすいです

実行したSQLは、Action Outputの該当行を選択肢、右クリックをしてCopy Actionをクリック
とすると(※わからない場合は動画を参照)

コピーして、貼り付けができるようになります。

レスポンス エラーコードをコピーしたい時は
同様に右クリック、
Copy Responseをクリックします

コピーして、貼り付けができるようになります。

おわりに

この記事では よくあるSQLのエラーについて学習するとともに、自力でエラーを解決するための方法について学習しました。

UdemyでSQL入門講座を公開中

世界最大級のオンライン学習プラットフォームUdemy(ユーデミー)にて、SQL初心者向けのオンライン講座を公開中です。

ベストセラーコースにも選ばれたことがある人気のコースです。
ぜひ、ご利用ください。

「はじめてのSQL・データ分析入門 – データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース」

エクセル作業からのステップアップ!データベースのデータを取得し、効果的にレポーティングしたいビジネスパーソンにおすすめ。データベースを操作する言語SQLを短期間で身につけビジネスの現場で使うための実践型カリキュラム。MySQL使用。

Bestseller はじめてのSQL ・データ分析入門 -データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コースはじめてのSQL ・データ分析入門 -データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース中村 祐太 Yuta Nakamura, Proglus (プログラス)MySQL 使用。エクセル作業からのステップアップ!データベースのデータを取得し、効果的にレポーティングしたいビジネスパーソンにおすすめ!データベースを操作する言語SQLを短期間で身につけビジネスの現場で使うための実践型カリキュラム。 4.4 (6982 ratings)144 lectures, 7 hours

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

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

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

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: MySQL, MySQL Workbench, SQL, Udemy, プログラミング入門

HTML/CSS/JavaScriptの開発環境構築入門

2018-06-25 By プログラミング入門ナビ編集部

HTML/CSS/JavaScriptの開発環境について、プログラミング入門者向けに説明いたします。

この記事は、オンライン講座「Web開発入門完全攻略コース」のサポート記事です。

プログラミング入門。HTML/CSS/JavaScriptの開発環境

下記の無料で使えるソフトウェアを使って開発が行えます。
macOS, Windowsのどちらでもりようできます。

  • Webブラウザ(Google Chrome)
  • テキストエディタ(Atom)

Webブラウザ(Google Chrome)

Google が提供するWebブラウザです。
最新の技術が取り込まれています
開発者向けの機能が充実しています。

FirefoxやSafariでもおそらく大丈夫ですが、特別にこだわりの無い方はGoogle Chromeを使うのが、本質的ではないトラブルに遭遇する可能性が低くなるという観点でおすすめします。

インストール方法

今お使いのブラウザで、Google Choromeの公式サイトを開きます。

  • Chrome

「Chromeをダウンロード」ボタンをクリックして、インストールファイルをダウンロード。
インストールファイルをダブルクリックして開いてインストールを進めます。

テキストエディタ(Atom)

Atom(アトム)は、ソースコード管理サービスなどソフトウェア開発のプラットフォームを手がけるGitHubが開発したオープンソースのテキストエディタです。
Webエンジニアを中心に人気があります。
プログラムなどを書く時に利用します。
もし、普段から使い慣れているテキストエディタがある方は、それを使うのもよいでしょう。

インストール方法

Webブラウザで、Atomの公式サイトを開きます。

  • Atom

「Download」ボタンをクリックして、インストールファイルをダウンロード。
インストールファイルをダブルクリックして開いてインストールをすすめます。

動画で学習する

おわりに

HTML/CSS/JavaScriptの開発環境について、プログラミング入門者向けに説明いたしました。

オンライン講座「Web開発入門完全攻略コース」では、GitとGitHubの使い方について動画をつかって丁寧に説明しています。
無料プレビューを用意しています。ぜひご利用ください!

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

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

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

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: CSS, HTML, JavaScript, Udemy, プログラミング入門

MySQL8.0をmacOSにインストールする方法

2018-06-24 By プログラミング入門ナビ編集部

オフィスで働く女性

MacにデータベースMySQL8.0をインストールして設定する方法についてまとめました。

この記事は、オンライン講座「はじめてのSQL・データ分析入門 – データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース」のサポート記事です。

ターミナルを起動

ターミナルにコマンドを入力して、エンターキーを押す

$ brew --version

-bash: brew: command not foundというように、バージョンが表示されない方は、インストールされていません。
インストールを行ないましょう。

公式サイトからスクリプトをコピー

  • macOS 用パッケージマネージャー – Homebrew

公式サイトからスクリプトをコピーします。

スクリプトの実行

公式サイトからコピーしたスクリプトを、ターミナルに貼り付けて実行します(ペーストして、エンターキーを押す)。

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
==> This script will install:
・・・
Press RETURN to continue or any other key to abort

パスーワードを求められたら、Macのログインパスワードを入力してエンターキーを押します。
Press RETURN to continue or any other key to abortと表示されたら、enterキーなど何かしらのキーボードのキーをおします。
インストールが完了です。

バージョンの確認

ターミナルで、コマンド「brew –version」を入力して、エンターキーを押します。

$ brew --version
Homebrew 1.5.4
Homebrew/homebrew-core (git revision 51d5; last commit 2018-02-20)

※ 実行のタイミングにより、バージョンは異なります。基本的には、最新のバージョンを使えばOKです。

補足 Next Stepの欄の内容について

もし、Next Stepの欄にPATHを追加してくださいという、メッセージが表示されている場合は、

指示通り2つのコマンドを実行してください(コマンドを1行ずつコピーアンドペーストして、エンタキーを押して実行)。

MySQL8.0のインストール

念のためhomebrewを最新にする

ホームブルーを最新版に更新するには、次のようにします。(ターミナルでbrew updateと入力してエンターキー)

$ brew update
Already up-to-date.

のように「Already up-to-date.」表示されれば、最新バージョンであることを示します。

formula

homebrew では、いわゆるパッケージ名のことを formula と呼びます。

ホームブルーを使ってインストールされるformulaである、MySQLのバージョンを確認します。(ターミナルにbrew info mysqlと入力してエンターキー)

$ brew info mysql

次のように表示されます。

mysql: stable 8.0.11 (bottled)
・・・略・・・

mysql: stable 8.0.11、つまり安定版のバージョン8.0.11がインストールされます。

MySQLのインストールを実行

ターミナルに「brew install mysql」と入力してエンターキー

$ brew install mysql

インストールしたMySQLのバージョン確認

ターミナルに「mysql –version」と入力してエンターキー。

$ mysql --version
mysql  Ver 8.0.11 for osx10.13 on x86_64 (Homebrew)

※MySQL8.0.11がインストールされていることが確認できます。11の部分はインストールのタイミングで異なることがあります。

my.cnfファイルの設定

MySQLの設定は、my.cnfファイルに記載します。

日本語化設定と暗号化プラグインの設定

日本語が文字化けすることとを防ぐための設定と、暗号化プラグインの設定を行ないます。

MySQLの設定は、my.cnf というファイルに記載します。

次のように入力して、エンターキー

% vim /opt/homebrew/etc/my.cnf

vim(ヴィム)は、テキストエディタを起動するための、コマンドです。

キーボードのiキーを押すと、左下にinsertと表示されます。
こうなると、文字列の編集が行えるようになります。

my.cnf の末尾に次のように入力します(間違えないように、コピー&ペーストを推奨します)。

character-set-server=utf8
default_authentication_plugin=mysql_native_password

入力が完了したら、
保存してvimを終了します。次の順番で、キーボードを操作します

  1. 「esc」キーを押す(insertモードを終了)
  2. 「:」キーを押す(vimでコマンドモードにする)
  3. 「w」を入力(write 書き込みの意味)
  4. 「q」を入力(quite 終了の意味)

ちなみに、保存しないでvimを終了するには、

  1. 「esc」キーを押す(insertモードを終了)
  2. 「:」キーを押す(vimでコマンドモードにする)
  3. 「q」を入力、続いて「!」を入力(保存しないで終了)

vimの使い方を知りたい場合

もし、vimの使い方をもう少し詳しく知りたい場合は、下記の動画を参照してください。

MySQLを起動します。

ターミナルに「mysql.server start」と入力してエンターキー。

$ mysql.server start
Starting MySQL
. SUCCESS!

mysql_secure_installation コマンドを実行

mysql_secure_installation コマンドを実行して、セキュリティ周りの初期設定をします。

ターミナルにmysql_secure_installation と入力してエンターキー
質問に回答をしていくと設定が完了します。
下記に、日本語でコメントを書いたので、参考にしてください。

途中でパスワードを設定するのですが、下記の、パスワードポリシーで設定を試してみてください。

$ mysql_secure_installation

Securing the MySQL server deployment.

Connecting to MySQL using a blank password.

VALIDATE PASSWORD PLUGIN can be used to test passwords
and improve security. It checks the strength of password
and allows the users to set only those passwords which are
secure enough. Would you like to setup VALIDATE PASSWORD plugin?

Press y|Y for Yes, any other key for No: y 【← VALIDATE PASSWORD plugin をインストールするか。yesのyを入力してエンターキー】

There are three levels of password validation policy:

LOW Length >= 8
MEDIUM Length >= 8, numeric, mixed case, and special characters
STRONG Length >= 8, numeric, mixed case, special characters and dictionary file

Please enter 0 = LOW, 1 = MEDIUM and 2 = STRONG: 0 【← パスワードポリシーはLOWに設定。必要に応じて強度の強いMEDIUM,STRONGを設定】
Please set the password for root here.

New password: 【← パスワードを入力してエンターキー】

Re-enter new password: 【← パスワードを再入力してエンターキー】

Estimated strength of the password: 100
Do you wish to continue with the password provided?(Press y|Y for Yes, any other key for No) : y 【← パスワード登録を進めるためにyを入力してエンターキー】
By default, a MySQL installation has an anonymous user,
allowing anyone to log into MySQL without having to have
a user account created for them. This is intended only for
testing, and to make the installation go a bit smoother.
You should remove them before moving into a production
environment.

Remove anonymous users? (Press y|Y for Yes, any other key for No) : y 【←無名ユーザを削除するか。yを押してエンターキー 】
Success.

Normally, root should only be allowed to connect from
'localhost'. This ensures that someone cannot guess at
the root password from the network.

Disallow root login remotely? (Press y|Y for Yes, any other key for No) : y 【←root のログインをローカルからに制限するか? 】
Success.

By default, MySQL comes with a database named 'test' that
anyone can access. This is also intended only for testing,
and should be removed before moving into a production
environment.

Remove test database and access to it? (Press y|Y for Yes, any other key for No) : y 【← test データベースを削除するか】
- Dropping test database...
Success.

- Removing privileges on test database...
Success.

Reloading the privilege tables will ensure that all changes
made so far will take effect immediately.

Reload privilege tables now? (Press y|Y for Yes, any other key for No) : y 【← 権限の変更を更新するか?】
Success.

All done!

※ パスワードポリシーはローカルPC上の学習環境ということもありLOWを設定しているのですが本番サーバ環境など、セキュリティがより求められる場面では、MEDIUMやSTRONGを設定するのが良いです。
※ 設定したパスワードは忘れないように管理しましょう。

MySQLにログイン

mysql にルートユーザーでログインしてみましょう。

ターミナルで次のように入力してエンターキー。

$ mysql -u root -p

mysqlコマンドで、-uでユーザーを指定。
ユーザー名は、root
-pで、パスワードを使ったログインを行う。
という意味になります。

パスワードを求められたら、mysql_secure_installationで設定したパスワードを入力します。

ちなみに、このように詰めてもOKです。

$ mysql -uroot -p

mysqlを操作するモードになりました。(SQLを入力して、実行することができます。)

mysqlサーバーからログアウトするには

exitと入力して、エンターキーを押します。

$ exit

これで、macのコマンドを受け付けるターミナルに戻りました。

MySQLの再起動

MySQLの再起動をして、設定を反映します。
次のように入力して、エンターキーを押します。

$ mysql.server restart

MySQLを終了するには、

次のように入力して、エンターキーを押します。

$ mysql.server stop

サーバにインストールしたMySQLは、常時起動するようにするのですが、
ローカル環境でMySQLの学習以外の作業もすると思いますので、
MySQLは、使う時に立ち上げて、使い終わったら、停止しておくのが良いと思います。

(復習)MySQLを再度立ち上げるには、

次のように入力して、エンターキーを押します。

$ mysql.server start

補足:

MySQL のステータス確認

次のように入力して、エンターキーを押します。

$ mysql.server status

起動している場合はこのように表示されます。
SUCCESS! MySQL running (13035)

停止している場合はこのように表示されます。
ERROR! MySQL is not running

おわり

この記事では、Macにhomebrewを使ってデータベースMySQL8.0をインストールする方法について学習しました。

Bestseller はじめてのSQL ・データ分析入門 -データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コースはじめてのSQL ・データ分析入門 -データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース中村 祐太 Yuta Nakamura, Proglus (プログラス)MySQL 使用。エクセル作業からのステップアップ!データベースのデータを取得し、効果的にレポーティングしたいビジネスパーソンにおすすめ!データベースを操作する言語SQLを短期間で身につけビジネスの現場で使うための実践型カリキュラム。 4.4 (6982 ratings)144 lectures, 7 hours

無料プレビューを30分以上公開していますのでぜひご覧ください!

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

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

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

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: macOS, MySQL, SQL

JavaScriptのエラーを自力で解決するための方法

2018-06-12 By プログラミング入門ナビ編集部

JavaScriptを学習していて、プログラムが期待したとおりに動かなくて困ったことはありませんか?

そんなときはコンソールを開いて、エラーがないか確認してみましょう。

この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」サポート記事です。

WebブラウザのGoogle Chrome を利用して説明します。

動画でJavaScriptのエラーを自力で解決するための方法を学習する

Google Chromeのデベロッパーツールを表示する

エラーを表示するコンソールは、Google Chromeに標準で搭載されているデベロッパーツールの機能を使います。

デベロッパーツールを起動するには、

ブラウザの表示領域で右クリック > 検証をクリック

01 右クリック 検証

Consoleタブをクリックして選択します。

02 console表示

プログラムを実行

JavaScriptのプログラムを実行します。
ここでは、Hello World!とConsoleに出力する簡単なプログラムを記述します。

・・・略・・・

<script>
   console.log('Hello World!');
</script>

・・・略・・・

プログラムにエラーがない場合

このように表示されます。
Hello World!と表示されています。
03 エラーなし

プログラムにエラーがある場合

console.log('Hello World!');

↓とすべきところをあえて、間違えて実行します(c->k)

konsole.log('Hello World!');

04 consoleにエラー表示

Consoleにエラーメッセージが表示されています。

Uncaught ReferenceError : konsole is not defined

日本語だと次のような意味になります。

  • キャッチされていない参照エラー : konsole は定義されていません。

エラーがある行の数も表示されているので、参考にします。

これで、9行目のkonsoleの部分なにか間違いがあると、あたりを付けることができました。

エラーメッセージの種類

MDNにエラーのリストが掲載されているので必要に応じて参照することができます。

  • JavaScript エラーリファレンス – MDN

おわりに

この記事では、JavaScriptでエラーを自力で解決するための方法について学習しました。

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

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

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

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: JavaScript, JS, デベロッパーツール, プログラミング入門, プログラミング学習

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 17
  • Go to page 18
  • Go to page 19
  • Go to page 20
  • Go to page 21
  • Interim pages omitted …
  • Go to page 23
  • Go to Next Page »

Primary Sidebar

Proglus(プログラス)

Twitter

Follow @programmingnavi Tweets by programmingnavi

最近の投稿

  • 【05/02更新】Udemyプログラミング入門講座等の割引クーポン配布
  • AWSのパブリックIPv4アドレス有料化について 2024/2より
  • 【CSS】Google Fontsの利用方法について解説します!新UIに対応2023年11月更新
  • 【SQL】XAMPPのMySQLがXAMPPがポートの競合で起動できない問題について解決方法を解説します!
  • 【Colab】–NOMAL– と表示されて、ショートカットキー(ctrl+c)でコピーができない場合の解決方法を解説します!

カテゴリー

  • AIの使い方
  • Arduino入門
  • AWS
  • その他
  • エンジニアのしごと
  • エンジニアへの道
  • ツールの使い方
  • ニュース
  • プログラミング入門
  • 電子工作入門

タグクラウド

AI AWS AWS Cloud9 Cloud9 CodeWing CSS Emmet GCP Git GitHub Heroku HTML JavaScript li Linux macOS MySQL MySQL Workbench node.js Nuxt.js ol Proglus Python Ruby Ruby on Rails SQL Udemy Visual Studio Code Vue.js Web開発 Windows インストール エラー エンジニア オンライン学習 サーバー スクリーンショット セール プログラミング プログラミング入門 プログラミング学習 ユーデミー 初心者 未経験 機械学習

アーカイブ

  • 2025年5月
  • 2024年1月
  • 2023年11月
  • 2023年9月
  • 2023年8月
  • 2023年7月
  • 2023年5月
  • 2023年4月
  • 2023年2月
  • 2023年1月
  • 2022年12月
  • 2022年11月
  • 2022年10月
  • 2022年9月
  • 2022年8月
  • 2022年7月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • 2022年1月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2021年6月
  • 2021年4月
  • 2021年3月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年10月
  • 2020年9月
  • 2020年8月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年2月
  • 2020年1月
  • 2019年11月
  • 2019年9月
  • 2019年7月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年10月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年4月
  • 2018年3月

検索

Copyright © 2025 · programmingnavi.com ・About・プライバシーポリシー