1月, 2019 - 流行の科学技術を勝手に追いかけるブログ人工知能仮想現実ブロックチェーン

MySQL：ビュー #14

#(17)ビュー create view
#order byは使用できない
-- 都道府県別のユーザー数
create view prefecture_user_counts(name,count)#追加
as#追加
select
  p.name name,
  count(*) count #group by してからselect
from
  users u
inner join
  prefectures p
on u.prefecture_id=p.id
group by u.prefecture_id;

-- ここでいったん refresh all
-- 作成したビューを使用してみる
select
  name,
  count
from
  prefecture_user_counts;

-- (2)insert delete update に制約がある
#下記の場合を満たす場合のみ可能になる
# select句にdistinctが含まれていない
# from句に含まれるテーブルが一つだけ
# group by句を使用していない
# having句を使用していない

-- (3)ビューの削除　drop view
drop view prefecture_user_counts;

#(17)ビュー create view

#order byは使用できない

-- 都道府県別のユーザー数

create view prefecture_user_counts(name,count)#追加

as#追加

select

p.name name,

count(*) count #group by してからselect

from

users u

inner join

prefectures p

on u.prefecture_id=p.id

group by u.prefecture_id;

-- ここでいったん refresh all

-- 作成したビューを使用してみる

select

name,

count

from

prefecture_user_counts;

-- (2)insert delete update に制約がある

#下記の場合を満たす場合のみ可能になる

# select句にdistinctが含まれていない

# from句に含まれるテーブルが一つだけ

# group by句を使用していない

# having句を使用していない

-- (3)ビューの削除　drop view

drop view prefecture_user_counts;

MySQL：結合 #13

#(16)テーブルの結合
#    基本は正規化、パフォーマンスに問題がある場合は非正規化
#    外部キーと主キーで結合する
-- (1)内部結合　inner join
select
  users.id,
  last_name,
  first_name,
  prefectures.name
from #テーブル名1
  users
inner join #テーブル名2
  prefectures
on users.prefecture_id=prefectures.id;#結合する列を指定する　テーブル１の外部キー=テーブル２の主キー
-- (2)(1)を省略してみる as join
select
  u.id,
  last_name,
  first_name,
  p.name
from #テーブル名1
  users as u #さらに as 自体も省略可能
join #テーブル名2 # 区別するために基本は省略せずにinner joinと書くこと
  prefectures as p #さらに as 自体も省略可能
on u.prefecture_id=p.id;
-- (3)絞り込む
select
  u.id,
  u.last_name,
  u.first_name,
  p.name
from
  users u
inner join
  prefectures p
on
  u.prefecture_id=p.id
where
  u.gender=2;

-- (4)inner join 例
select
  o.id,
  o.order_time,
  o.amount,
  u.id,
  u.last_name,
  u.first_name,
  u.prefecture_id
from
  orders o
inner join
  users u
on
  o.user_id=u.id
where
  u.prefecture_id=13
  and o.order_time>='2017-01-01 00:00:00'
  and o.order_time<'2017-02-01 00:00:00'
order by
  o.id;

-- (5)外部結合 left outer join / right outer join
select
 u.last_name last_name,
 u.id user_id,
 o.user_id order_user_id,
 o.id order_id
from
  users u
-- inner join #結果：nullデータは存在しない
left outer join#結果：idをすべて出力するのでnullデータも存在する
  orders o
on u.id=o.user_id
order by u.id;

-- (6)外部結合　例 注文された商品の個数を出力
select
  p.id,
  p.name,
  sum(od.product_qty) num
from
  products p
left outer join
  order_details od
on
  p.id=od.product_id
group by p.id;

-- (7)４つのテーブルを結合
select
  o.id order_id,
  o.user_id user_id,
  u.last_name,
  u.first_name,
  o.amount amount,
  o.order_time order_time,
  od.product_price,
  p.price product_price,
  p.name product_name 
from orders o
inner join
  order_details od
on o.id=od.order_id
inner join
  products p
on od.product_id=p.id
inner join
  users u
on o.user_id=u.id;

-- (8)多数 vs 多数の　結合
#中間テーブルが必要：products_categoriesテーブル
#productsテーブルとcategoriesテーブルをつなぐ 
select
 p.id product_id,
 p.name product_name,
 c.name
from
  products p
inner join
  products_categories pc
  on p.id=pc.product_id
inner join
  categories c
  on pc.category_id=c.id
where
  p.id=3;

-- (9)テーブルの足し算 union / union all
-- 列数をそれぞれ合わせること。それぞれのデータ型を一致させること。

select
  u.email user_email,
  u.last_name,
  u.first_name,
  u.gender
from
  users u

union#ここのセミコロンをunionに変更するだけ

select
  adu.email user_email,
  adu.last_name,
  adu.first_name,
  adu.gender
from
  admin_users adu;

-- (10)order byは　最後に一度だけしか使用できない
select
  u.email user_email,
  u.last_name,
  u.first_name,
  u.gender
from
  users u
where gender=1

union#ここのセミコロンをunionに変更するだけ　重複データは削除される
-- union all 重複したデータも削除されない

select
  adu.email user_email,
  adu.last_name,
  adu.first_name,
  adu.gender
from
  admin_users adu
where gender=2

order by gender;

#記述順序：select>from>結合処理>where>group by>having>order by>limit
#実行順序：from>結合処理>where>group by>select>having>orderby>limit
#selectの順序だけが異なることに注意

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

#(16)テーブルの結合

# 基本は正規化、パフォーマンスに問題がある場合は非正規化

# 外部キーと主キーで結合する

-- (1)内部結合　inner join

select

users.id,

last_name,

first_name,

prefectures.name

from #テーブル名1

users

inner join #テーブル名2

prefectures

on users.prefecture_id=prefectures.id;#結合する列を指定する　テーブル１の外部キー=テーブル２の主キー

-- (2)(1)を省略してみる as join

select

u.id,

last_name,

first_name,

p.name

from #テーブル名1

users as u #さらに as 自体も省略可能

join #テーブル名2 # 区別するために基本は省略せずにinner joinと書くこと

prefectures as p #さらに as 自体も省略可能

on u.prefecture_id=p.id;

-- (3)絞り込む

select

u.id,

u.last_name,

u.first_name,

p.name

from

users u

inner join

prefectures p

u.prefecture_id=p.id

where

u.gender=2;

-- (4)inner join 例

select

o.id,

o.order_time,

o.amount,

u.id,

u.last_name,

u.first_name,

u.prefecture_id

from

orders o

inner join

users u

o.user_id=u.id

where

u.prefecture_id=13

and o.order_time>='2017-01-01 00:00:00'

and o.order_time<'2017-02-01 00:00:00'

order by

o.id;

-- (5)外部結合 left outer join / right outer join

select

u.last_name last_name,

u.id user_id,

o.user_id order_user_id,

o.id order_id

from

users u

-- inner join #結果：nullデータは存在しない

left outer join#結果：idをすべて出力するのでnullデータも存在する

orders o

on u.id=o.user_id

order by u.id;

-- (6)外部結合　例注文された商品の個数を出力

select

p.id,

p.name,

sum(od.product_qty) num

from

products p

left outer join

order_details od

p.id=od.product_id

group by p.id;

-- (7)４つのテーブルを結合

select

o.id order_id,

o.user_id user_id,

u.last_name,

u.first_name,

o.amount amount,

o.order_time order_time,

od.product_price,

p.price product_price,

p.name product_name

from orders o

inner join

order_details od

on o.id=od.order_id

inner join

products p

on od.product_id=p.id

inner join

users u

on o.user_id=u.id;

-- (8)多数 vs 多数の　結合

#中間テーブルが必要：products_categoriesテーブル

#productsテーブルとcategoriesテーブルをつなぐ

select

p.id product_id,

p.name product_name,

c.name

from

products p

inner join

products_categories pc

on p.id=pc.product_id

inner join

categories c

on pc.category_id=c.id

where

p.id=3;

-- (9)テーブルの足し算 union / union all

-- 列数をそれぞれ合わせること。それぞれのデータ型を一致させること。

select

u.email user_email,

u.last_name,

u.first_name,

u.gender

from

users u

union#ここのセミコロンをunionに変更するだけ

select

adu.email user_email,

adu.last_name,

adu.first_name,

adu.gender

from

admin_users adu;

-- (10)order byは　最後に一度だけしか使用できない

select

u.email user_email,

u.last_name,

u.first_name,

u.gender

from

users u

where gender=1

union#ここのセミコロンをunionに変更するだけ　重複データは削除される

-- union all 重複したデータも削除されない

select

adu.email user_email,

adu.last_name,

adu.first_name,

adu.gender

from

admin_users adu

where gender=2

order by gender;

#記述順序：select>from>結合処理>where>group by>having>order by>limit

#実行順序：from>結合処理>where>group by>select>having>orderby>limit

#selectの順序だけが異なることに注意

MySQL：関数と演算子 #12

#(15)関数と演算子
-- (1)基本演算
select 10+30;
select 10-3;
select 10*3;
select 10/3;
select 10%3;
-- (2)nullを含む演算
select 10+null; #null
select 10-null; #null
select 10*null; #null
select 10/null; #null
select 10%null; #null
-- (3)abs関数
select abs(10); #10
select abs(-10);#10
select abs(0);  #0
-- (4)round関数
select id,name,price*1.08 from products;#小数点込みで出力される
select id,name,round(price*1.08,0) from products;#少数第一位で四捨五入
select round(10.555,0);#11
select round(10.555,1);#10.6
select round(10.555,2);#10.56
-- (5)文字列の連結
select concat(last_name,' ',first_name,'さん') from users;
select concat(last_name,'さん'),email from users where gender=2;
-- (6)日付と時刻
select current_date();#2019-01-03
select current_timestamp();#2019-01-03 21:56:45
select current_date()+3;#20190106
select current_date()-3;#20190100
select current_time()+interval 6 hour;#27:58:11
select current_time()-interval 6 hour;#15:58:45

select * from orders where extract(year_month from order_time)=201701;
select * from orders where extract(year from order_time)=2017;
select * from orders where extract(month from order_time)=1;

#(15)関数と演算子

-- (1)基本演算

select 10+30;

select 10-3;

select 10*3;

select 10/3;

select 10%3;

-- (2)nullを含む演算

select 10+null; #null

select 10-null; #null

select 10*null; #null

select 10/null; #null

select 10%null; #null

-- (3)abs関数

select abs(10); #10

select abs(-10);#10

select abs(0); #0

-- (4)round関数

select id,name,price*1.08 from products;#小数点込みで出力される

select id,name,round(price*1.08,0) from products;#少数第一位で四捨五入

select round(10.555,0);#11

select round(10.555,1);#10.6

select round(10.555,2);#10.56

-- (5)文字列の連結

select concat(last_name,' ',first_name,'さん') from users;

select concat(last_name,'さん'),email from users where gender=2;

-- (6)日付と時刻

select current_date();#2019-01-03

select current_timestamp();#2019-01-03 21:56:45

select current_date()+3;#20190106

select current_date()-3;#20190100

select current_time()+interval 6 hour;#27:58:11

select current_time()-interval 6 hour;#15:58:45

select * from orders where extract(year_month from order_time)=201701;

select * from orders where extract(year from order_time)=2017;

select * from orders where extract(month from order_time)=1;

MySQL：order by 句 #11

#(14)データの並び替え order by
-- (1)price を降順(desc)で並び替える
select * from products order by price desc;
-- (2)price を昇順(asc)で並び替える
select * from products order by price asc; #デフォルトがascなので省略可能
-- (3)priceを降順(desc)で並べて、価格が同じときは登録順(id順)で並び替える
select * from products order by price desc , id asc;
-- (4)ユーザーを生年月日が古い順に並べる。一緒の場合は都道府県idで昇順に並べる。
select * from users order by birthday asc , prefecture_id asc;

#記述順序：select>from>where>group by>having>order by>limit
#実行順序：from>where>group by>select>having>orderby>limit
#selectの順序だけが異なることに注意

#(14)データの並び替え order by

-- (1)price を降順(desc)で並び替える

select * from products order by price desc;

-- (2)price を昇順(asc)で並び替える

select * from products order by price asc; #デフォルトがascなので省略可能

-- (3)priceを降順(desc)で並べて、価格が同じときは登録順(id順)で並び替える

select * from products order by price desc , id asc;

-- (4)ユーザーを生年月日が古い順に並べる。一緒の場合は都道府県idで昇順に並べる。

select * from users order by birthday asc , prefecture_id asc;

#記述順序：select>from>where>group by>having>order by>limit

#実行順序：from>where>group by>select>having>orderby>limit

#selectの順序だけが異なることに注意

MySQL：having句 #10

#(13)集約結果をさらに絞り込む having句
-- (1)2017 月間ユニークユーザーが630人以上の月
select
  request_month,
  count(distinct user_id)
from
  access_logs
where
  request_month>='2017-01-01' and request_month<'2018-01-01'
group by
  request_month
having
  count(distinct user_id)>=630;

#データの集約　演習問題

select
  request_month,
  count(*)
from
  access_logs
where
  request_month>='2017-01-01'
  and request_month<'2017-07-01'
group by
  request_month
having
  count(*)>1000;

#(13)集約結果をさらに絞り込む having句

-- (1)2017 月間ユニークユーザーが630人以上の月

select

request_month,

count(distinct user_id)

from

access_logs

where

request_month>='2017-01-01' and request_month<'2018-01-01'

group by

request_month

having

count(distinct user_id)>=630;

#データの集約　演習問題

select

request_month,

count(*)

from

access_logs

where

request_month>='2017-01-01'

and request_month<'2017-07-01'

group by

request_month

having

count(*)>1000;

webサイトの作り方の基本を再確認

こんにちは、かずまなぶです、２０１９年　あけましておめでとうございます。

初心に帰りまして、いままで乱雑に学んできてしまった、webサイトの作り方の基本を今一度確認しようと思います。

基本要素をふんだんに使ったHTMLサンプルコード

<!DOCTYPE html>
<!-- this html code is a format for making website -->
<html>
  <head>
    <meta charset="UTF-8">
    <title>fill the title here</title>
    <meta name="description" content="introduction of this web-site here">
    <meta name="keywords"
          content="keyword,keyword,keyword,keyword,keyword,keyword">
    <meta name="author" content="write the author here">
    <link rel="stylesheet" media="all" href="css/style.css" type-"text/css">
  </head>
  
  <body>
    <header>
      <h1 style="color:red;">Self Introduction</h1>
      <h2 style="color:blue;">I am a mechanical engineer in Tokyo.</h2>
      
      <nav id="navigation">
      	<ul id="un-order_list">
       	  <li class="list_item">
       	  	<a href="#" class="anchor">ABOUT</a>
       	  </li>
          <li class="list_item">
          	<a href="#" class="anchor">GELLERY</a>
          </li>
          <li class="list_item">
          	<a href="#" class="anchor">CONTACT</a>
          </li>
        </ul>
      </nav>
    </header>

    <div id="img">
      <img src="images/file_name.png"
           alt="explane about this image file"
           width="500">		
    </div>

    <div id="statement">
      <h1 width="250">write mark-up statements here</h1>
      <p>write 1st statement here</p>
      <p>and 2nd statement here  <br>
      and 3rd statement here  </p>
    </div>
    
    <div id="contents_list">
    	<h1>My skills</h1>
    	<ol id="order_list">
    	  <li><a href="#"><img src="images/AI.png" alt="AI"><br>Artificial Interigence</a></li>
    	  <li><a href="#"><img src="images/CV.png" alt="CV"><br>Computer vision</a></li>
    	  <li><a href="#"><img src="images/VR.png" alt="VR"><br>Virtual Reality</a></li>
    	  <li><a href="#"><img src="images/QC.png" alt="QC"><br>Quality Control</a></li>
    	  <li><a href="#"><img src="images/QC.png" alt="DB"><br>Data Base</a></li>
    	</ol>
    </div>

    <footer id="footer">
    	<img src="images/twitter.png" alt="twitter_logo"><br>
        <img src="images/facebook.png" alt="facebook_logo"><br>
        <p id="paragraph">&copy;2019 Kazu Manabu</p>
    </footer>

  </body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>fill the title here</title>

content="keyword,keyword,keyword,keyword,keyword,keyword">

</head>

<body>

<h1 style="color:red;">Self Introduction</h1>

<h2 style="color:blue;">I am a mechanical engineer in Tokyo.</h2>

<a href="#" class="anchor">ABOUT</a>

</li>

<a href="#" class="anchor">GELLERY</a>

</li>

<a href="#" class="anchor">CONTACT</a>

</li>

</ul>

</nav>

</header>

<img src="images/file_name.png"

alt="explane about this image file"

width="500">

</div>

<h1 width="250">write mark-up statements here</h1>

<p>write 1st statement here</p>

<p>and 2nd statement here <br>

and 3rd statement here </p>

</div>

<h1>My skills</h1>

<li><a href="#"><img src="images/AI.png" alt="AI"><br>Artificial Interigence</a></li>

<li><a href="#"><img src="images/CV.png" alt="CV"><br>Computer vision</a></li>

<li><a href="#"><img src="images/VR.png" alt="VR"><br>Virtual Reality</a></li>

<li><a href="#"><img src="images/QC.png" alt="QC"><br>Quality Control</a></li>

</ol>

</div>

</footer>

</body>

</html>

上記のHTMLだけでは下記のような、縦一列の体裁になる。あとでCSSが必要

CSSとリンクして体裁を整える

デザインの参考になるサイト：とにかく真似をする

io300.com

IKESAI.com

サイズと色を測る：chromeの拡張機能

measureIt

ColorZilla

chromブラウザの右上に常駐しますので、アイコンをクリックすると機能します。

HTMLエディタ

sublimetext3

DOCTYPE宣言：html5を使用する宣言　 CSSの解釈が異なる

<!DOCTYPE html>

効果的なボタンやバナーのデザイン

2019年1月
月	火	水	木	金	土	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31