Netlify, Gatsbyのお勉強３➡LMで成功したHelloWorldのbranch/hello02をつかってデプロイ、LMおさらい。

LMで成功したHelloWorldのnetligy-helloworld-LargeMedia/masterはそのままのこしてある。だって、LMが成功してるからね。cfhopmkghedecay

Netlifyにはnetligy-helloworld-LargeMedia/hello02にデプロイするよう設定済み。

それから、ここ、大事。

いったん、全て設定完了して（こちらから設定見れます。）ここからがすごい！！！

gitでpushするたびに勝手にデプロイしてくれます！

では、いまから続きのお勉強します。

【続き】

先日は『LINK』まで勉強しました。https://www.gatsbyjs.org/tutorial/part-one/#linking-between-pages

おぉ、SURGEが出てきてますが、ここではNetlifyを使ってます。またSurge使えたらいいですけどね。

Netlifyだったら、上記のように勝手にデプロイしてくれます！

【Large Mediaがんばてみましょう】

前回のおさらい

さぁ、いまから1時間ほど集中してやります！

netlify login

Authorize Application

Netlify CLI is asking for permission to access Netlify on your behalf.

This app will be able to create and manage sites in your Netlify teams. You can revoke access at any time.

AuthorizeをクリックしてNetlify CLIでつなげてやる。

netlify lm:info

アップデートしてって書いてあるので、そうします。

Update available 2.19.3 → 2.20.1
npm i -g netlify-cli to update

 

.lfsconfig fileをチェックします。ここにイメージファイルが入ります。

[lfs]
url = https://xxxx-xxxxxx-xxxxxxx.netlify.com/.netlify/large-media

さーて、新しいイメージを入れていみようか。

１．新しいイメージファイルを用意してローカルに表示されるようにする。

<img src="../images/beerneko.jpg" style={{ width:`50%` }} alt="" />

を以下のように入れる。

 

＜src/pages/index.js＞

import React from "react"

import Header from "../components/header"

import { Link } from "gatsby"

export default () => (

    <div style={{ color: `blue` }}>

    <Header headerText="Index Page" />

    <Link to="/about/">about</Link>

    <p>Yuri neko nya.</p>

    <img src="https://source.unsplash.com/random/400x200" alt="" />

    <img src="../images/peekingcat.jpg" style={{ width:`50%` }} alt="" />

    <img src="../images/beerneko.jpg" style={{ width:`50%` }} alt="" />

    <button class="primary-button">Click me</button>

    </div>

)

 

起動

gatsby develop

２．Git LFSを確認

git lfs track

Listing tracked patterns
peekingcat.jpg (.gitattributes)
Listing excluded patterns

ふむ、前回のpeekingcat.jpgがちゃんと入ってる。よしよし。

では、新たにbeerneko.jpgをいれよう。

３．新しいファイルをトラックする。

git lfs track "beerneko.jpg"

git lfs track

Listing tracked patterns
peekingcat.jpg (.gitattributes) upgrade to the latest version.
beerneko.jpg (.gitattributes) upgrade to the latest version.
Listing excluded patterns

よし、入った。

ここで、NetlifyのLMサイトを確認

peekingcat.jpgだけです。

４．commitしてpushする。

$ git add .

npm\node_modules\netlify-cli\bin\run
ng\npm\node_modules\update\bin\update.js

$ git status

Your branch is up to date with 'origin/hello02'. 

olyfilling JavaScript standard library!
Changes to be committed:
(use "git restore --staged <file>..." to unstage) n Collective or Patreon:
modified: .gitattributes
modified: src/pages/index.js
new file: static/images/beerneko.jpg

$ git commit -m "The second uploding beerneko.jpg img file"

[hello02 0c042d4] The second uploding beerneko.jpg img file
3 files changed, 5 insertions(+)
create mode 100644 static/images/beerneko.jpg

$ git push
Uploading LFS objects: 100% (1/1), 9.1 KB | 0 B/s, done

さぁ、も一回LMサイトのチェック

➞入ってない…

ぉぅ？？？？Githubにはちゃんとある。。。

➞入ったぉー！！！！

５．デプロイされてるか、チェック！

https://helloworld-largemedia.netlify.com/

うぅ、うれしい！！！

こんなに簡単だとは。

最初はどのタイミングでデプロイしてくれるのかさえ分からなかったから、セッションとかタイミングとかがっつり悪いものをつかんでやってたんでしょうね。

だから、今日の発見、『gitでpushするたびに勝手にデプロイしてくれます！』は私にとって意外と大切なんでした。もう、時間差があってもあたふたせずに、でんとまっていられる！！！

結局20分ぐらいでできた！

次は、フォームだぁ！！！PHPでやり取りできないって、あったけど。ちょっとだけ不安。

https://docs.netlify.com/forms/setup/#html-forms

よし、掃除機かけよう。

本日は今日解禁の「ターミネータ」見に行こう。

アメリカの映画館のビールってドラフトがあっておいしいのよね！！！ふっふ。

Microsoft MCSA SQL Server 2016 (70-761) むぼーな挑戦 4

どこかの有名youtuberが、「朝が一番賢い時間です」と書いてあったので、今7：15、掃除、家事せずに8時半ごろまで勉強することにしました。

１．読み落とし

パターン１

『Each Transact-SQL segment may be used once, more than once, or not at all.』

何回使ってもいいって。。。泣けてくるぜ。

…って、まてよ！これまちがってませんか？

『WHERE』じゃなくて『HAVING』じゃないの？

---

（参照SamuraiBlogさま　ありがとうございます。）

『「WHERE」も「HAING」と同じく「抽出条件を指定」するコマンドでのです。つまり、先ほどの処理は「WHERE」で書いても全く同じ結果が返ってくるんです。』

SELECT文を使用した時の、命令の呼ばれる順番です。

今回の主役である「WHERE」と「HAVING」は画像の通り「WHERE」→「GROUP BY」→「HAVING」の順に呼ばれるわけです。つまり間にある「GROUP BY」が関わってこなければ、全く同じ挙動をしますが、
「GROUP BY」を使って、グループ化を行った際には、以下の違いが出てくるわけです。

---

では、この場合をみてみましょう！

『WHERE COUNT(Cust.CustomerId) > 5』

そして、『Group By』は『Cust.CustomerId』コラムがふくまれてない。

『CustCat.CustomerCategoryName』と『CustAccountOpenedDate』でグループされてますよ！

とういことは、『HAVING』は使えない！！！

はぁ～、そういうことか。。。

 

４．ふたを開けたらわかってなかった

Note: This question is part of a series of questions that use the same scenario. For your convenience, the scenario is repeated in each question. Each question presents a different goal and answer choices, but the text of the scenario is exactly the same in each question on this series.

You have a database that tracks orders and deliveries for customers in North America. System versioning is enabled for all tables. The database contains the
Sales.Customers, Application.Cities, and Sales.CustomerCategories tables.
Details for the Sales.Customers table are shown in the following table:

Details for the Application.Cities table are shown in the following table:

Details for the Application.Cities table are shown in the following table:

Details for the Sales.CustomerCategories table are shown in the following table:

パターン１

複数選択式

A.

B.

C.

D.

あきらかに、CとDは違う。Aも『CROSS JOIN』だから、CartesianProduct（直積集合）になってしまいます。

なので答えはA。

ちょーとまったあっ！

 

WHERE (IsOnCreditHold = 0 AND DeliveryCityID = CityID)

OR (IsOnCreditHOld = 1 AND PostalCityID = CityyID)

 

とあります。ちゃんとよんだかぁ！

『You need to create a query that meets the following requirements:
-> For customers that are not on a credit hold, return the CustomerID and the latest recorded population for the delivery city that is associated with the customer.
-> For customers that are on a credit hold, return the CustomerID and the latest recorded population for the postal city that is associated with the customer.』

これで、しっかりコンディションが網羅されてるから、『CROSS JOIN』でも大丈夫です。

＜答え＞A,B

 

 

パターン２

You discover an application bug that impacts customer data for records created on or after January 1, 2014. In order to fix the data impacted by the bug, application programmers require a report that contains customer data as it existed on December 31, 2013.
You need to provide the query for the report.

A.

B.

C.

D.

E.

さてと、まずは『an application bug that impacts customer data for records created on or after January 1, 2014』

ふむふむ。(2014,1,1)にバグがあったんだな。

『programmers require a report that contains customer data as it existed on December 31, 2013』

おっと、ここが本当に聞いてきているぶぶんだ、だから最初の(2014,1,1)はデコイ、ひっかけです。

＜E＞

すると、Eは『@date』が二つも出てきて比べてるんで、完全に間違い。

 

＜D＞

Dは『@date』が(2013,12,31)のままで変わってないし、『BETWEEN』は以下を確認。

SELECT * FROM employees WHERE start_date BETWEEN '2013,12,31' AND '2014,01,01';

と

SELECT * FROM employees WHERE start_date >= '2013,12,31' AND start_date <= '2014,01,01';

は同じです。

 ということなので、『programmers require a report that contains customer data as it existed on December 31, 2013』の部分でDecember 31, 2013（2013,12,31)の日だけ聞いているから、両日を含む『BETWEEN』は間違え。

＜C＞

Cは『SYSTEM_TIME AS OF』をよく覚えてないけど、December 31, 2013（2013,12,31)の日を聞いてないから、外す。←いえいえ、この日の結果をしりたいんです！

＜B＞

Bは『DATEADD(d, -1, @sdate)』で、December 31, 2013（2013,12,31)の前の日を当ててるから、完全にアウト。

＜A＞

Aは@sdate = December 31, 2013（2013,12,31)、@edateとあって、『DATEADD(d, 1, sdate)』でJanuary 1, 2014（2014,01,01）を設定してるんだよね。でも

『WHERE ValidFrom >@sdate AND ValidTo < @edate』

　= 『WHERE ValidFrom >December 31, 2013（2013,12,31) AND ValidTo < January 1, 2014（2014,01,01）』

となってるから、あれっ？どっちの日も含まれてないことになってるじゃん！！！

一体どれなんや。。。

 

 

『SYSTEM_TIME AS OF』

はい。一番怪しい『SYSTEM_TIME AS OF』を調べます。

もし、‘2015-12-29 07:51’のデータが欲しい場合は、

SELECT Id, Name, StartTime, EndTime

FROM dbo.Customer

FOR SYSTEM_TIME AS OF '2015-12-29 07:51'

これは

StartTime<= @PointInTime AND EndTime > @PointInTime

と同じになります。

 

 

 

そして、もしこの『SYSTEM_TIME AS OF』を使わずにクエリをつくると、

DECLARE @PointInTime DATETIME = '2015-12-29 07:51'

SELECT Id, Name, StartTime, EndTime

FROM dbo.Customer

WHERE StartTime<= @PointInTime  AND EndTime > @PointInTime 

UNION ALL

SELECT Id, Name, StartTime, EndTime

FROM dbo.CustomerHistory

WHERE StartTime<= @PointInTime  AND EndTime > @PointInTime 

となり、『Temporal Table』と『History Table』を『UNION ALL』で比べて結果を出すことになります。

まだよーわからんのですが、とにかく『StartTime<=@PintInTime』という部分がみそなんでしょうね。だから、『BETWEEN』は使えないのね。

＜結果＞

 ＜答え＞C

ここにある問題は過去問と全く同じですね。

さぁ、掃除しよう。全然答えられなかったから、なんかモヤモヤするなぁ。