プログラミング入門ナビ

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

You are here: Home / 2018 / Archives for 6月 2018

Archives for 6月 2018

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

By

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

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

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

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

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

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

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

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

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

01 右クリック 検証

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

02 console表示

プログラムを実行

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

・・・略・・・



・・・略・・・

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

このように表示されます。
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でエラーを自力で解決するための方法について学習しました。

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する

実践:Webサイトのコーディング – Web開発入門完全攻略コース

By

Web開発入門完全攻略コースのセクション「実践Webサイトのコーディング」について説明いたします

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

動画で学習する

概要

このセクションではここまで学習してきた HTML と CSSL の基礎をベースと
してWebサイトのコーディングの実践を行っていきます

完成品を確認

実際に完成品を見てください

01 完成形

CSS Cafeという名前の架空の Web サイトのトップページを制作します
基礎を理解しやすいようにシンプルなものとなりますが実際のウェブサイトの制作に
つながるエッセンスがいろいろ詰まっています

グローバルナビゲーション

見ていくと　ヘッダーエリアがあってこのようなグローバルナビゲーションを画像を使わずにCSSで作成します

2カラム

その下にメインのイメージです

この部分はメインエリアとサイドエリアの2カラムになっています

見出しで使っているこの装飾も CSS で作る方法を学習します
このサイドエリアにはバナーが入る想定です

ダミー画像

今はダミーの画像を入れています
このタミーの画像も自分で画像ファイルを作って入れているわけではなくて

url とサイズを記入するだけでダミーの画像を簡単に表示できる
無償で使える便利なサービスを紹介します

フッター

フッターエリアは　このフッターのナビゲーション
そして著作権表示です

コーディング資料

コーディングの仕様です

HTML5, CSS3
文字コード：UTF-8
動作環境は mac また windows の google chrome 最新
版とします

おわりに

オンラインプログラミング学習講座「Web開発入門完全攻略コース」のセクション「実践Webサイトのコーディング」について説明しました。

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する

MySQL:データベースのデータ型とは何か、主なデータ型の種類について説明します

By

データベースのデータ型とは何か、主なデータ型の種類について、データベースやSQLの初心者向けに説明いたします。

標準SQLを意識した内容としていますが、具体的にはMySQLについて記述しています。

この記事は、世界最大級のオンライン学習プラットフォームUdemyにて公開中のオンライン講座「はじめてのSQL・データ分析入門 – データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース」のサポート記事です。

データ型とは

  • データベースでは、テーブルを作成する時に、それぞれの列（カラム・フフィールド）に指定した形式のデータしか、入力できないように設定する。

  • この時指定するデータの形式をデータ型という。

主なデータ型の種類

  • 数値型
  • 文字列型
  • 日付・時刻型

動画で学習する

数値型

int型 （イント、インテジャー）

  • 整数 -2147483648～2147483647

tinyint型 （タイニーイント）

  • とても小さな整数 -128～ 127

float型（フロート）

  • 小さい (単精度) 浮動小数点数  -3.402823466E+38 から -1.175494351E-38、0、および 1.175494351E-38 から 3.402823466E+38

double型 （ダブル）

  • 普通サイズ (倍精度) 浮動小数点数 -1.7976931348623157E+308 から -2.2250738585072014E-308、0、および 2.2250738585072014E-308 から 1.7976931348623157E+308

数値型 補足①

int unsigned

数値は、符号なしとすることができます。言い換えると、正の整数だけ扱うとすることができます。正の整数だけ扱うことで、扱える値の範囲が増えます。

tinyint(1)

  • 真偽値 true / falseを扱うことができる
  • 内部的には true は数字の 1 、 false は数字の 0 で管理されている ※関連して・・・MySQL では 0 と null が false で、空文字を含むそれ以外の値は全て trueとなる。

null（ヌル）

  • データが存在しないことを表す値のこと

数値型 補足②

実務上、
– 整数型はint
– 整数の中でも、真偽値を扱いたいときや、127以下の数字を扱う時はtinyint
– 小数を扱う時は、doubleを使うことが多い。
– floatは、floatを使う理由が明確に説明できる場合には使う。

文字列型

char型 （キャラ）

  • 固定長の文字列 255文字まで。文字列を格納する時に指定した長さになるようにスペースが埋め込まれれる

例) 商品コードで5桁固定 “CD123”。 定義方法 : char(5)
varchar型（バーキャラ）
可変長の文字列 255文字まで。

例）email “nakamura@example.com”。 定義方法：varchar(255)
text (テキスト)
長い文字列 65535文字まで ・・・実務上は、255文字まではvarchar,  それ以上はtextとすることが多い。

日付・時刻型

date型（デイト）

  • 日付  ‘1000-01-01’ から ‘9999-12-31’

datatime型（デイトタイム）

  • 日付と時刻 ‘1000-01-01 00:00:00.000000’ から ‘9999-12-31 23:59:59.999999’

time型（タイム）

  • 時刻 ‘-838:59:59’ から ‘838:59:59’

おわりに

UdemyにてSQL入門講座を公開中

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

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

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

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

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

環境

  • MySQL 5.7

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する