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

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

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

You are here: Home / Archives for 2018

Archives for 2018

GitHubアカウントの新規作成方法

By

GitHubの新規アカウント作成についてまとめました。

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

準備するもの

メールアドレス

GitHubトップページ

GitHub

  • ユーザー名
  • メールアドレス
  • パスワード
    を入力。

利用規約とプライバシーポリシーを確認してから、
Sign up for GitHubボタンをクリック

プラン選択

ここでは freeプラン（無料で使えるプラン）を選択します。
※あとで、有料プランに変更することも可能です。

アンケート

「skip this step」リンクをクリック
又は、
アンケートに答えて、「submit」ボタンをクリック

スタートプロジェクト

「Start a project」ボタンをクリック

emailアドレスの確認

Please verify your email address （メールアドレスを確認してください。）と表示されるので、登録したメールアドレスの受信箱を確認します。

確認メールが届く

すぐにGitHubからメールが届くので、開きます。

確認リンクのクリック

Verify email address (メールアドレスを確認) リンクをクリックします。

emailアドレスの確認が完了


メールアドレスの確認が完了しました。
お疲れ様でした。
これでGitHubを使えるようになりました。

おわりに

この記事ではGitHubアカウントの作成方法について説明しました。

オンライン講座「アプリ開発入門総合コース 」では、GitやGitHubの使い方を始めとした、アプリ開発入門が学べます。

264レクチャー18時間の大型コースで、HTML5, CSS3, JavaScript, Bootstrap, SQL, Ruby, Ruby on Rails, Cloud9, Git, GitHub. Web開発に必要なプログラミングスキルを1つのコースで沢山学べるお得なコース

無料プレビューを1時間以上用意していますので、ぜひご覧ください。
「アプリ開発入門総合コース – プログラミング初心者が実務で使える本質的なエンジニアスキルを習得できる入門講座 –」

Web開発入門完全攻略コース - HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ！Web開発入門完全攻略コース - HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ！中村 祐太 Yuta Nakamura, Proglus （プログラス）MySQL/Bootstrap/Node.js/Git/GitHub等ウェブ開発に必要な様々なスキルを沢山学ぼう！カフェのウェブサイト、フォトギャラリー、ポートフォリオサイト、天気情報アプリ等の開発に挑戦！ 4.5 (7755 ratings)356 lectures, 22 hours

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

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

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

今すぐ詳細を確認する

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

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

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

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

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

今すぐ詳細を確認する

実践: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（プログラス）でプログラミングを学び、創れる人になろう！

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

今すぐ詳細を確認する

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を短期間で身につけビジネスの現場で使うための実践型カリキュラム。 4.4 (7037 ratings)144 lectures, 7 hours

環境

  • MySQL 5.7

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

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

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

今すぐ詳細を確認する

MySQL Workbenchの便利なショートカットを覚えて作業効率アップ

By

MySQL Workbenchの便利なショートカット について、初心者向けに説明いたします。

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

動画で学習

1件のSQLを実行

  • macOS : command + enter
  • Windows : ctrl + enter

01 SQL1行実行

カーソル直前の1件について、SQLが実行されます。

すべてのSQLを実行

  • macOS : command + shift + enter
  • Windows : ctrl + shift + enter

02 SQLすべて実行

エディタに記述したSQLがすべて実行されます。
意図しないSQLが実行されないように注意しましょう。

選択したSQLを実行

実行したいSQLを選択した上で、

  • macOS : command + shift + enter
  • Windows : ctrl + shift + enter

03 選択部分のSQLを実行
ショートカットは、「すべてのSQLを実行」するときと同じです。

SQLの整形

  • macOS : command + b
  • Windows : ctrl + b

整形前

05 SQL整形前

整形後

06 SQL整形後

ただし、整形後のフォーマットに癖がありますので、好みが分かれると思います。
Selectといったキーワードは大文字、それ以外は小文字になります。

EXPLAIN

クエリチューニングを行うときに使うEXPLAINをつけてSQLを実行。

  • macOS : option + command + x
  • Windows : ctrl + alt + x

カーソル直前の1件について、SQLが実行されます。

プルダウンでVisualで表示と、テキストで表示に切り替えることができます。

Visual Explain

04 01 explain visual

Tabular Explain

04 02 explain tabular

おわりに

MySQL Workbenchの便利なショートカット について、初心者向けに説明いしました。
ぜひショートカットを活用して、業務効率UPにつなげてくださいね。

UdemyでSQL入門講座を公開中

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

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

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

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

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

環境

  • MySQL Workbench 6.3

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

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

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

今すぐ詳細を確認する