• Skip to main content
  • Skip to primary sidebar

プログラミング入門ナビ

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

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

2018-06-09 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(プログラス)でプログラミングを学んで、創れる人になろう!

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

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: HTML, Udemy, Web開発入門完全攻略コース

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

2018-06-07 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 (7096 ratings)144 lectures, 7 hours

環境

  • MySQL 5.7

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

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

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

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: MySQL, SQL, Udemy, データベース

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

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

環境

  • MySQL Workbench 6.3

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

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

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

今すぐ詳細を確認する

Filed Under: ツールの使い方 Tagged With: MySQL, MySQL Workbench, SQL, Udemy

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 36
  • Go to page 37
  • Go to page 38
  • Go to page 39
  • Go to page 40
  • Interim pages omitted …
  • Go to page 48
  • Go to Next Page »

Primary Sidebar

Twitter

Follow @programmingnavi Tweets by programmingnavi

Facebookページ

プログラミング入門ナビ

メルマガに今すぐ登録!

ブログの更新情報やお得なクーポン情報などをお知らせします。

登録はこちらから。

人気の記事

  • 「Vue JS入門決定版!jQueryを使わないWeb開発」サポートサイト

最近の投稿

  • 【7/9更新】Udemyプログラミング入門講座等の割引クーポン配布
  • JavaScriptの「this」は呼び出し方によって値が変わる?違いを徹底解説!
  • JavaScriptのfor文で配列要素の足し算をするとNaNが出るのはなぜ?原因と対処法を解説!
  • プログラミング学習を成功させるポイントを3つお送りいたします
  • 初心者がスマホアプリを開発するには?iOSとAndroidの両方について必要なスキルを確認しよう

カテゴリー

  • エンジニアのしごと
  • エンジニアへの道
  • ツールの使い方
  • ニュース
  • プログラミング入門

タグクラウド

AI AWS AWS Cloud9 Bootstrap Cloud9 CodeWing CSS Git GitHub Heroku HTML JavaScript Linux macOS MySQL MySQL Workbench node.js Nuxt.js Proglus Python Ruby Ruby on Rails SQL Udemy Vue.js Web開発 Windows Windows10 エラー エンジニア オンライン学習 サーバ サーバー スクリーンショット セキュリティ セール データベース プログラミング プログラミング入門 プログラミング学習 ユーデミー 初心者 未経験 機械学習 開発環境構築

アーカイブ

  • 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・プライバシーポリシー