created() {
  this.$watch(
    () => [this.data1, this.data2],
    (newValue, oldValue) => {
      if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {
        //何かしら変更があった場合
      }
    }
  );
}

Webhooksを設定

Bitbucketリポジトリの

Settings > Webhooks

に遷移

Add webook をクリック

titleとリクエスト先URLを入力

Triggers  > Repository push にチェックが入っているのを確認。リポジトリプッシュがトリガーになって入力したURLにリクエストを送られる。

お題

cmsで作られた様々なjsonデータや画像データを毎日バックアップする

cmsをNode.jsで実装していたので、サクッとNode.jsだけで簡単に終わらせたい。検討した方法は２つ

1. zipしてGoogle driveに保存
2. gitにプッシュ

1.zipしてGoogle driveに保存

node.jsでzipできるarchiverを入れる

google サーチコンソールを大雑把に説明！

google サーチコンソールは簡単に言うとgoogleさんが提供しているサイトの健康診断みたいなものです。ちなみに、以前はgoogleウェブマスターツールと呼ばれていました。

vue.jsだと、vue.nextTickでできる

this.$nextTick(()=>{
  ...
});

Javascriptでよく使われるのはsetTimeout

setTimeout(()=>{
  ...
},0)

Promiseでもできる

node.jsでjsonファイルの読み込む方法を２つメモ

1.直接requireで読み込み

const json = require('../hoge.json');
この方法だと初回に１度読み込むだけなので、頻繁にjsonを書き換える場合は更新が反映されない。定数や設定ファイルに向いてる。

Node.js/Expressがリクエストのタイムアウトがデフォルト2分なので以下のようにして伸ばします。
const express = require("express");<br /> const app = express();<br /> ...<br /> var app_server = app.listen(80, () => { });<br /> app_server.timeout = 1000 * 60 * 5;<br />

こんにちは、フロントエンドのフレームワークを使っていたりすると設定したページタイトルがきちんとアナリティクスに送られているのか気になりますよね？

ユーザーエージェントで判定

isMobile.js

ライブラリを追加

yarn add ismobilejs

テンプレートで出し分けしたい場合

  <template>
    <div v-if="isMobile.phone">
      <div>モバイルで表示</div>
    </div>
  </template>
  import isMobile from "ismobilejs";
  export default {
    data:()=>{
      isMobile
    }
  }

レスポンシブで判定

vue-mq

Webサイトでよく見る動きや機能を追加しようとしたときに便利だった、実際に使ったライブラリのリストです。

vue-backtotop

名前の通り、トップに戻るボタンです。

ボタンに表示する文字やアイコンの変更も簡単。