import Vue from 'vue';
new Vue({
delimiters: ['${', '}'],
el: '#editArea',
mixins: [],
data: {
stage: null,
layerCircle: null,
circle: null,
},
mounted() {
this.showCircle();
},
methods: {
showCircle() {
// 使用したい<div>を取る
const container = this.$refs.container;
const {width, height} = container.getBoundingClientRect();
// stageを作成する
this.stage = new Konva.Stage({
container: container,
width: width,
height: height,
});
// layerを作成する
this.layerCircle = new Konva.Layer();
// 表示したいのサークルを設定する
this.circle = new Konva.Circle({
x: stage.width() / 2,
y: stage.height() / 2,
radius: 70,
fill: 'yellow',
draggable: true,
});
// layerをstageに追加する
this.stage.add(this.layerCircle);
// サークルをlayerに追加する
this.layerCircle.add(this.circle);
// 設定済みのlayerを描く（画面で表示する）
this.layerCircle.draw();
},
}
})
scp user@src.example.com:~/sample.zip . scp ./sample.zip user2@dist.example.com:~/sample.zip
scp -3 user@src.example.com:~/sample.zip user2@dest.example.com(portや鍵の指定は .ssh/config 辺りに接続設定書いておくと使う時にごちゃごちゃしなくてよい)
gcloud compute ssh {{ gce name }} --ssh-flag="-L 10001:localhost:22 -N -f"
CREATE INDEX idx_name ON Student (name);
複合カラムインデックスもよく使われています。
CREATE INDEX idx_name_class ON Student (name, class);
DROP INDEX idx_name ON Student;
Indexを作成したら、EXPLAIN でindexの使用状況を確認できます。EXPLAIN SELECT * FROM Student WHERE name = 'John';
+----+-------------+---------+------------+------+---------------+----------+-----+------+------+----------+----------------+
| id | select_type | table | partitions | type | possible_keys | key | key_len | ref | rows | filtered | Extra |
+----+-------------+---------+------------+------+---------------+------+---------+------+------+----------+----------------+
| 1 | SIMPLE | Student | NULL | ref | idx_name | idx_name | 767 | const| 1 | 100.00 | Using index|
+----+-------------+---------+------------+------+---------------+------+---------+------+------+----------+----------------+
- id: クエリの選択部分の識別子。外部のクエリの場合は1です。
- select_type: SELECTのタイプ。この場合はSIMPLEで、サブクエリやUNIONのない単純なSELECT。
- table: アクセスされているテーブル。
- type: 使用されているアクセス方法のタイプ（例：フルテーブルスキャンの場合はALL）。
- possible_keys: 使用可能なインデックス。
- key: オプティマイザによって実際に選択されたインデックス。
- key_len: 使用されたキーの長さ。
- ref: インデックス名で指定された列または定数。
- rows: クエリを実行するためにMySQLが調査する行の推定数。
- filtered: テーブル条件によってフィルタリングされた行の割合。
- Extra: クエリの実行に関する追加情報。
using index condition; using where;‘ と書かれている場合、インデックスを使用した後に結果をフィルタリングする必要があったことを示します。
SELECT *FROM Student USE INDEX (idx_age)WHERE age > 20;
{
"orderId": 1001,
"orderDate": "2023-11-30",
"itemName": "UVコーティングシール"
}// $jsonObjectは「stdClass」クラス
$jsonObject = json_decode($jsonString, false);
try {
$prop = $jsonObject->orderDate; // ①orderDateがないときはExceptionが発生する…はず？
$orderDate = new DateTime($prop); // ②$propがnullだとTypeErrorが発生
} catch (Exception $e) {
$orderDate = new DateTime(); // ③今日の日付を使う
}$jsonObject->orderDate; のところで、プロパティが無ければnullが取れるのが直感的で好きです。
// $jsonObjectは「stdClass」クラス
$jsonObject = json_decode($jsonString, false);
if (property_exists($jsonObject, 'orderDate') && !empty($jsonObject->orderDate)) {
$prop = $jsonObject->orderDate;
$orderDate = new DateTime($prop);
} else {
$orderDate = new DateTime();
}{
"name": "江戸川コナン",
"age": 6,
"birthdayMonth": "May",
"birthdayDay": 4,
"sex": "male",
"job": ["student",
"detective"
]
}
この情報をベースに某小学生の通う小学校に入ることのできる人物を定義してみました。
{
"$schema": "https://json-schema.org/draft/2019-09/schema",
"$id": "http://example.com/example.json",
"type": "object",
"default": {},
"required": [
"name",
"age",
"birthdayMonth",
"birthdayDay",
"sex",
"job"
],
"properties": {
"name": {
"type": "string",
"minLength": 1,
},
"age": {
"type": "integer",
"default": 0,
"minValue": 5
},
"birthdayMonth": {
"type": "string",
"enum": [ "Jan", "Feb", "Mar", "Apr", "May","Jun", "Jul", "Aug"
, "Sep", "Oct", "Nov", "Dec"
]
},
"birthdayDay": {
"type": "integer",
"default": 1,
"maxValue": 31,
"minValue": 1
},
"sex": {
"type": "string",
"default": "",
"enum": [
"male","female"
]
},
"job": {
"type": "array",
"default": [],
"items": {
"type": "string",
"enum": [
"student",
"detective",
"parent"
]
}
}
}
}
定義した条件としては
"allOf": [
{
"if": {
"properties": {
"job": {"const": "student"}
}
},
"then": {
"properties": {
"details": { "$ref": "#/definitions/student" }
}
}
},
{
"if": {
"properties": {
"job": { "const": "detective" }
}
},
"then": {
"properties": {
"details": { "$ref": "#/definitions/detective" }
}
}
}
]
見慣れないプロパティはドキュメント等を参照してもらうとして、条件としては「jobが”student”だった場合はdefinitionsプロパティに定義したstudentのdetailsプロパティを参照し、jobが”detective”だった場合はdetectiveのdetailsプロパティを参照する、それ以外はdetailsを持たない」となっています。
allOfのおかげでここは比較的に簡潔に書けました。(それでもdefinitions項目に別途色々定義したりする必要があるのでJson自体はカオス。)