[BigQuery]WebUI上のキーボードショートカット集


#目的・説明
BigQueryで、SQLのコーディングを少しでも、早くしたかったので、
公式のドキュメントより、WebUI上のキーボードのショートカットキーの一覧を試してみました。
動作環境は **Windows10** で行いました。Macだと、コマンドが多少異なる点をご承知ください。

https://cloud.google.com/bigquery/docs/bigquery-web-ui?hl=ja

##キーボードショートカットキーの一覧表示
赤枠の箇所にマウスを合わせると、キーボードショートカットキーの一覧を表示させることができます。
![図1.png](https://qiita-image-store.s3.amazonaws.com/0/131895/827dc638-63d4-f66c-3c72-6885a1e1ef9d.png)



「キーボードショートカットを表示」を選択すると、
![図2.png](https://qiita-image-store.s3.amazonaws.com/0/131895/9d885a7e-3483-0981-1cab-93cbb33d7c6a.png)
忘れた時ように。

|#|説明|ショートカット|
|:---|----------------|------------------:|
|1|クエリを実行|Ctrl + Enter|
|2|選択したクエリを実行|Ctrl + E|
|3|クエリを書式設定|Ctrl + Shift + F |
|4|テーブルをクリックして開く|Ctrl + 左クリック|
|5|SQL自動提案|Ctrl + Space または Tab|
|6|テーブル名をクエリ|「テーブルをクエリ」+ 左クリック|
|7|カラム名をクエリ|「スキーマのフィールド名」+ 左クリック|
|8|コメントアウト|Ctrl + /|
|9|インデント入力|Ctrl + ] または Tab|
|10|インデント解除|Ctrl + [|
|11|選択項目をコピー|Ctrl + C|
|12|選択項目を切り取り|Ctrl + X|
|13|貼り付け|Ctrl + V|
|14|元に戻す|Ctrl + Z|
|15|やり直し|Ctrl + Y|
|16|画面再読み込み|F5　または　Ctrl + R|

###1．クエリを実行
<font color="Red">**Ctrl + Enter**</font>
エディタ内に、書かれているコードを実行する



###2．選択したクエリを実行
<font color="Red">**Ctrl + E**</font> ←Enter ではないことに注意！！
エディタ内に、書かれているコードの中で選択されたコードを実行する
![図7-1.png](https://qiita-image-store.s3.amazonaws.com/0/131895/e5e0316f-3869-5a73-a2aa-ffd797b2e359.png)

実行できました！（常にエラーチェックが入っており、エラーになっていますが、、、、）
![図9-2.png](https://qiita-image-store.s3.amazonaws.com/0/131895/4f0375c0-0a24-7e58-3e4b-da81c894cc03.png)


こちらでも可（実行のプルダウンを選択して、 **選択項目を実行** を選択）
![図8-1.PNG](https://qiita-image-store.s3.amazonaws.com/0/131895/1d4339da-3a48-b8c5-3729-0f8f7cd02d08.png)
複数のSELECT文やサブクエリを書いている時に、使うと便利ですね。

###3.クエリを書式設定
<font color="Red">**Ctrl + Shift + F**</font>
エディタ内に、書かれているコードを整形する
<前>
![図10.PNG](https://qiita-image-store.s3.amazonaws.com/0/131895/18249c88-d90b-9ef6-fe4a-3e837f8a6cad.png)
<後>
![図10-1.png](https://qiita-image-store.s3.amazonaws.com/0/131895/1624f4e2-ea10-e573-21d5-571f95d0cf11.png)
SQLのコードで、予約語や関数を大文字に、インデントをしてくれたりなど整形してくれるので、見やすさも兼ねて、楽です。
こちらでも可。
![図11-1.PNG](https://qiita-image-store.s3.amazonaws.com/0/131895/35967a98-77b6-12ab-75eb-39cb3c389df9.png)


###4.テーブルをクリックして開く
<font color="Red">**Ctrl + 左クリック**</font>

テーブルのスキーマ（テーブルのカラムの詳細）に移行する

**Ctrl** のみだとテーブルが、強調表示されます。
![図12.PNG](https://qiita-image-store.s3.amazonaws.com/0/131895/4e6153e6-4f73-bcf4-ea0d-84329f5faca5.png)
強調表示された状態で（Ctrlを押しながら）、左クリックすると
![図13-1.png](https://qiita-image-store.s3.amazonaws.com/0/131895/e7db6a11-d66a-3d6b-f0bb-2f58fd07e602.png)
テーブルのスキーマ画面に移行します。

###5.SQL自動提案
<font color="Red">**Ctrl + Space**</font>
<font color="Red">**Tab**</font>
予約語や関数の候補を表示してくれます。
![図14.png](https://qiita-image-store.s3.amazonaws.com/0/131895/5b206c9b-5c2c-ac40-e9f1-693993b9c448.png)
また、途中まで、入力していると、自動でその後入力してくれます。
<前>
![図15-1.png](https://qiita-image-store.s3.amazonaws.com/0/131895/19a17af0-87dd-0df9-00c7-b82bab70f92e.png)
↓
<後>
![図16-1.png](https://qiita-image-store.s3.amazonaws.com/0/131895/654a0dcb-91b9-a8e1-bddb-2fac743e8cda.png)

他にも、複数のテーブルを入力したい時やテーブルが長いときとか、使うと入力が早くなります。プロジェクト名やデータセット名を入力するとテーブルの一覧が出ます。
SELECT文とFROMの間に、自動補完すると、そのテーブルのカラム名も出してくれます。
<前>
![図18-1.png](https://qiita-image-store.s3.amazonaws.com/0/131895/63b53059-9019-d8d1-bf92-f30a0e7ca10c.png)
↓
<後>
![図17.png](https://qiita-image-store.s3.amazonaws.com/0/131895/5bc0580f-1395-a257-c85d-dc9e073d7a12.png)

##それ以外
###6.テーブル名をクエリ
<font color="Red">**「テーブルをクエリ」+ クリック**</font>
<前>
![図3.png](https://qiita-image-store.s3.amazonaws.com/0/131895/93d37d1a-68c8-282a-48b6-dec1364af752.png)
↓
<後>
![図4-1.png](https://qiita-image-store.s3.amazonaws.com/0/131895/090a90ae-756f-ee09-e5c6-826b25b97a33.png)
自動で以下のコードが入力されます。

```sql
SELECT FROM `project名.dataset名.TABLE名` LIMIT 1000
```
その後に、入力カーソルも SELECTとFROM の間にあるので、その後に **＊** や　**カラム名**を入力することができます。 

###7.カラム名をクエリ
<font color="Red">**「スキーマのフィールド名」+ クリック**</font>
<前>
![図4-2.png](https://qiita-image-store.s3.amazonaws.com/0/131895/117c7e4d-e735-196c-2c1b-2f0e2bda5948.png)
↓
<後>
![図5-1.png](https://qiita-image-store.s3.amazonaws.com/0/131895/d0ad0cf6-ab86-9bc3-3ec5-ff977f6092ac.png)

**スキーマのフィールド名** をクリックをすることが重要です。それ以外のプレビューのカラム名では反応しません。


また、複数のフィールド名を選択していくと、 **コンマ** も、自動で、付けてくれます。
![図6-1.PNG](https://qiita-image-store.s3.amazonaws.com/0/131895/ab103c0e-e2c5-fb69-9735-43e098b76f44.png)



###8.コメントアウト
<font color="Red">**Ctrl + /**</font>

--を入力してくれます。
<前>
![図19.png](https://qiita-image-store.s3.amazonaws.com/0/131895/fb5a0710-8a31-77c2-d2d7-ed5b0d065249.png)
↓
<後>
![図20.png](https://qiita-image-store.s3.amazonaws.com/0/131895/f33f199f-0f67-cbb4-807e-88a28f78f814.png)
もう一度押すと、コメントアウトが解除されます。
![図19.png](https://qiita-image-store.s3.amazonaws.com/0/131895/fb5a0710-8a31-77c2-d2d7-ed5b0d065249.png)

###9.インデント入力
<font color="Red">**Ctrl + ]**</font>　← **右** の角括弧、スクエアブラケット
<前>
![図19.png](https://qiita-image-store.s3.amazonaws.com/0/131895/fb5a0710-8a31-77c2-d2d7-ed5b0d065249.png)
↓
<後>
![図21-1.png](https://qiita-image-store.s3.amazonaws.com/0/131895/919c9d3a-9ee0-d8ec-0c33-cf09245e91ed.png)
入力する度に、1つ改行されます。<font color="Red">**Tab**</font>でも可

###10.インデント解除
<font color="Red"> Ctrl + [ </font> 　← **左** の角括弧、スクエアブラケット
<前>
![図21-1.png](https://qiita-image-store.s3.amazonaws.com/0/131895/919c9d3a-9ee0-d8ec-0c33-cf09245e91ed.png)
↓
<後>
![図19.png](https://qiita-image-store.s3.amazonaws.com/0/131895/fb5a0710-8a31-77c2-d2d7-ed5b0d065249.png)
入力する度に、1つ改行が解除されます。
さらに押すと、左寄せになります。
![図22-1.png](https://qiita-image-store.s3.amazonaws.com/0/131895/a20830d5-8091-70e0-7f10-0116fd4ada88.png)


###11～15.選択項目をコピー、選択項目を切り取り、貼り付け、元に戻す、やり直し
<font color="Red">**Ctrl + C**</font>　→選択項目をコピー
<font color="Red">**Ctrl + X**</font>　→選択項目を切り取り
<font color="Red">**Ctrl + V**</font>　→貼り付け
<font color="Red">**Ctrl + Z**</font>　→元に戻す
<font color="Red">**Ctrl + Y**</font>　→やり直し
説明不要！お馴染みのショートカットです

###16.画面を再読み込み
<font color="Red">**F5**</font>
<font color="Red">**Ctrl + R**</font>

画面が再読み込みされるので、書いてたコードが消えます。。。。


#参考URL
https://cloud.google.com/bigquery/docs/bigquery-web-ui?hl=ja

#最後に
20190203現在なので、更新すると、ショートカットキーが増えているかもしれませんm(_ _ )m