git clone -b branch_name https://repository_address directory_name
Please follow and like us:
git clone -b branch_name https://repository_address directory_name
Ver.3.xと最新のVer.6.xで違いがあったのでメモ
const now = new Date();
const midnight = d3.utcDay.floor(now);
const now = new Date();
const midnight = d3.time.day.utc.floor(now);
APIの使用が変わったらしく、最新バージョンでは、d3.time.*
は使えない
$ npm install -D pixi.js
$ npm install -D @types/pixi.js
$ npm install terser-webpack-plugin --save-dev
ライブラリの読み込み
const TerserPlugin = require('terser-webpack-plugin');
プラグインの読み込み
module.exports = {
//module.exports = ( env, argv ) => ({
optimization: {
minimize: true,
minimizer: [new TerserPlugin()],
},
};
$ npm install -D @vimeo/player
<template>
<iframe
src="https://player.vimeo.com/video/vimeoid"
width="640"
height="360"
frameborder="0"
allowfullscreen
></iframe>
</template>
※vimeid部分は任意で指定
<script>
import Player from "@vimeo/player";
export default {
mounted: function() {
var iframe = document.querySelector("iframe");
var player = new Player(iframe);
player.on("play", function() {
console.log("Played the video");
});
player.on("ended", function() {
console.log("Ended the video");
});
player.getVideoTitle().then(function(title) {
console.log("title:", title);
});
}
};
</script>
モジュールのインポート
import Player from "@vimeo/player";
Vimeoプレイヤーへのアクセス<iframe>
タグからSDK経由でプレイヤーを取得する
var iframe = document.querySelector("iframe");
var player = new Player(iframe);
イベントの設定とメソッド実行
player.on("play", function() {
console.log("Played the video");
});
player.on("ended", function() {
console.log("Ended the video");
});
player.getVideoTitle().then(function(title) {
console.log("title:", title);
});
.vueファイル内で
methods: {
signOut() {
firebase
.auth()
.signOut()
.then(() => {
this.$router.push("/login");
this.$store.commit("/user/setIsLogin", false);
});
},
},
firebase.auth().signOut()
でサインアウトできる。
上の例では、処理後、
にしている。
<template v-slot:item.actions="{ item }">
<v-btn :to="`desserts/${item.id}`" nuxt icon>
<v-icon small>mdi-pencil</v-icon>
</v-btn>
</template>
:to<v-btn>
に、Vue Routerのリンクをつくるには、:to
スロットを使う
上の例では、/dessets/_id.vueへのリンクを生成している。(_idの部分は、${item.id}
が自動的に置換される)
nuxt
nuxt-linkを有効にする
icon
icon表示型のボタンを生成する
レポジトリをcloneしただけでは、LFSは有効化されていないので注意。
以下のコマンドを実行して、有効化
$ git lfs install
$ git lfs pull
DataTableの列幅は、slotで流し込むheadersの中で指定できる。
<v-data-table :headers="headers" :items="itemlist">
data() {
return {
headers: [
{ text: "ColA", value: "cola", width: "10%" },
{ text: "ColB", value: "colb", width: "80%" },
{ text: "ColC", value: "cols", width: "10%" },
],
}
}
ここでは、%で指定しているが、ピクセルでも指定できるらしい。レスポンシブを考えると、%の方が良いかもしれない。
Via! https://sugimotonote.com/2019/03/12/post-1336/
$ softwareupdate --ignore
$ softwareupdate --reset-ignored
開発環境を固定したいとき、展示納品などに有効