[Ubuntu] packages can be updated や updates are security updates というメッセージが表示されたときの対応手順

Ubuntu で packages can be updated. や updates are security updates. などのメッセージがターミナルに表示されたら対応すべきことをご紹介します。

ubuntu

続きを読む

検索順位チェックツール Serposcope の Dserposcope.conf に設定ファイルを指定しても読み込まれないときに確認するポイント

検索順位チェックツール Serposcope を起動するときに conf ファイルを指定することができるんですが、設定が読み込まれないときに確認するポイントをご紹介します。

Serposcope

続きを読む

[MySQL] my.cnf の設定方法 (Mac + Homebrew 編)

Mac に Homebrew でインストールした MySQL の my.cnf を設定する方法をご紹介します。

MySQL

続きを読む

MySQL の文字コードを UTF8 に変更する

MySQL 5.7 で文字コードを UTF8 に変更する手順をご紹介します。

MySQL

続きを読む

無料で使える VPN サービス Tunnello (トンネロ) がオススメ

毎月 1GB まで無料な VPN サービス Tunnello (トンネロ) が便利だったので、インストール方法と使い方をご紹介します。

Tunnello VPN

Tunnello のメリット・デメリット

メリット

  • Chrome ブラウザの拡張機能として使える
  • PC・モバイル端末の通信全体を VPN 経由にしなくていい
  • 毎月 1GB まで無料で使える

デメリット

  • Chrome ブラウザでしか使えない
  • Chrome ブラウザの通信しか VPN 経由にならない

Tunnello のインストール方法

Tunnello のインストール手順は How to install Tunnello? に書いてますが、本記事で日本語でご紹介します。

Chrome ウェブストアからインストール

デスクトップの Chrome ブラウザへは、以下の URL から「CHROME に追加」ボタンをクリックして、インストールします。

新規会員登録

Tunnello を利用するには会員登録が必要です。1GB まで無料で使えてそれ以上、使うには課金しないといけません。

まず、Chrome ブラウザの右上ら辺に Tunnello のアイコン(渦みたいなやつ)が追加されているので、それをクリックします。

Tunnello VPN Get Started

GO ボタンをクリックすると、未ログイン状態の場合 Login or Register ページが表示されます。

Tunnello VPN Login or Register

会員登録してない場合はアカウントを新規登録してください。

VPN に接続・切断する

VPN を利用したい国を選択して GO ボタンをクリックすると、VPN への接続が開始されます。

Tunnello VPN Get Started

逆に VPN から切断したいときは、以下のような電源ボタンをクリックすると、切断されます。

Tunnello VPN Connected

データ通信量の利用状況確認

Tunnello の Overview ページにログインすると、データ通信量の利用状況を確認できます。

Tunnello VPN Account Overview

まとめ: Tunnello VPN はオススメ

無料で使える VPN サービスは TunnelBear が有名だと思いますが、Tunnello はブラウザだけ限定して VPN 通したいってニーズを解決できるので、上手く使い分けしていくと良いんじゃないでしょうか。

余談ですが Tunnello は Product Hunt のメルマガで紹介されていて知りました。最近、英語学習をしていて毎日 Product Hunt のメルマガを読んでいて、こちらもオススメです。

[Mocha] before, beforeEach, after, afterEach の実行順番

「あれ? Mocha で before, beforeEach, after, afterEach の実行順番ってどういう順番だっけ?」となることが多かったので記事にしました。

mocha.js

実行順番は before, beforeEach, afterEach, after

結論から書くと、

  1. before
  2. beforeEach
  3. test
  4. afterEach
  5. after

の順番で実行されます。

Mocha のサンプルコード

以下、before, beforeEach, afterEach, after の実行順序を確認するための mocha のサンプルコードです。

describe('before test', function() {
  before(function() {
    console.log('before');
  });
 
  beforeEach(function() {
    console.log('beforeEach');
  });
 
  after(function() {
    console.log('after');
  });
 
  afterEach(function() {
    console.log('afterEach');
  });
 
  it('test', function() {
    console.log('test');
  });
});

何の処理がどこで呼び出されるのか、よく理解してテストコードを書いていきたいですね。

Vue.js Tokyo v-meetup=”#3” 参加レポート #vuejs_meetup3

Vue.js Tokyo v-meetup="#3" に参加してきました。

本記事は、参加レポートという名の自分用まとめです。

Vue.js Tokyo v-meetup="#3"

Vue.js の中身 – 算出プロパティはどうやって動いているか @kitak

Vuexを使ってみなかった話 @atsushiss15

E2D3 の Vue.js 活用 @chimerast

型付きテンプレートがほしい @ktsn

VueでComponentをはじめました @kawakami_kazuyoshi

Vue.js with Go @k2wanko

Vue.js with Go from Kazuhiro Kubota

サーバーサイド Node.js で書いてる自分的には意味がわからなかった 笑

Vue.jsとFirebaseでSPA @buddy7

Firebase 使ってるらしく、初期リリースで採用するの賛成だけど、あとでツラくなるからサービス上手くいきそうな兆しが見えたらリプレースを早めに考えた方がいいと思ってます。

Nuxt.js @inouetakuya

nuxt/nuxt.js: Framework for server-rendered Vue.js applications. の話。

おまけ 懇親会

運営スタッフのみなさま、マイクロソフト社さま、ありがとうございました!

Microsoft Japan Office

検索順位チェックツール Serposcope での CAPTCHA 出現頻度

検索順位チェックツール Serposcope で、実際に検索順位をチェックして CAPTCHA (キャプチャ) が出現した頻度の事例をご紹介します。

Serposcope

CAPTCHA 出現頻度を 10 回以下に抑えることは可能

NETWORKING OPTIONS の各種設定をを何回かチューニングして、約 6000 keyword で 0 ~ 10 回の間に収束することができました。

CAPTCHA 突破サービスの費用が、CAPTCHA 画像 1000 枚を突破するのに $0.7 なので、ほとんどコストが掛かりませんでした。

今後の Serposcope のチューニング課題

  • Pause: Min 60, Max 120
  • Maximum threads: 5
  • Proxies: 9

という構成で TASK 完了まで 11 ~ 13 時間ぐらい掛かっているので、もっと早く完了させたいという点が課題です。

今後は Proxy server を稼働させる時間を短くするために Pause の間隔を短くしたり、Proxy server の数をもっと増やして Maximum threads の上限をあげていくチューニングなどを考えています。

[MongoDB] 小数点第 n 位以下の doc を取得して小数点第 m 位の数値で更新するクエリ

JavaScript で小数点以下の桁数を取得する方法の応用で、MongoDB で小数点第3位以下の doc を取得して小数点第2位に更新するクエリを書いてみました。

MongoDB

var skus = db.skus.find(
  {
    $or: [
      {
        $where: function() {
          var numbers = String(this.price).split('.');
          var result = 0;
 
          if (numbers[1]) {
            result = numbers[1].length;
          }
 
          // 小数点第3位以下か判定
          return result > 2;
        }
      },
      {
        $where: function() {
          var numbers = String(this.salePrice).split('.');
          var result = 0;
 
          if (numbers[1]) {
            result = numbers[1].length;
          }
 
          return result > 2;
        }
      }
    ]
  }
).toArray();
 
// 小数点第2位の数値に変換するコンバーター
var converter = function(num) {
  return parseFloat(num.toFixed(2));
};
 
skus.forEach(function(s){
  if (s.price) {
    s.price = converter(s.price);
  }
  if (s.salePrice) {
    s.salePrice = converter(s.salePrice);
  }
 
  // printjsononeline(s);
 
  var ret = db.skus.save(s);
  printjsononeline(ret);
  print('');
});

ポイントは $where: function() { } で price や salePrice が小数点第3位以下か判定している部分です。

$where operator を使うと複雑な条件のクエリも JavaScript でのプログラミングを駆使すれば実現できることが多いので、ぜひ $where を使ってみて下さい。

Mac で Windows を無料で利用する方法 (IE, Edge のみ)

Mac で Windows を無料で利用する方法をご紹介します。

前提として、Internet Explorer や Microsoft Edge ブラウザの動作確認以外の用途で使うとライセンス違反になるので、それ以外のソフトウェアをインストールしてはいけません。

VirtualBox のインストール

まず、無料の仮想化ソフト VirtualBox をインストールします。

ievms でインストールする

次に Terminal から ievms を利用して IE をインストール

全バージョンをインストール

IE, Edge の全てのバージョンをインストールするには下記のコマンドを実行するだけで完了です。

curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | bash

特定のバージョンのみをインストール

例えば IE11 と EDGE だけをインストールしたい場合は、以下のようなコマンドを実行します。

curl -s https://raw.githubusercontent.com/xdissent/ievms/master/ievms.sh | env IEVMS_VERSIONS="11 EDGE" bash

Windows の初期ログインパスワード

ログインパスワードは Password1 (Pは大文字)です。

まとめ ievms に感謝

ievms のおかげで Mac だけで IE のブラウザチェックが完結できるのは有り難いです。

参考情報