Ionic Framework のバージョン (version) 確認方法

Ionic Framework の version は本体と CLI で異なるということを教えてもらったので、バージョンを確認する方法をご紹介します。

Ionic Framework

Ionic のバージョンを確認したくなった経緯

Ionic 3.0 has Arrived! の記事を読んで Ionic 3.0 を使ってみようかなと思ったのがきっかけでした。

続きを読む

フロントエンド得意じゃないエンジニアはどの CSS フレームワークを採用すべきか? → やっぱり Bootstrap がオススメ

最近、知り合いのスタートアップのエンジニアさんに「CSS フレームワークとか何を使えばいいですかね?」と相談されました。

僕は CSS フレームワークはいくつか使ったことあって、色々あるけどこれがオススメって強く言えなかったので社内のフロントエンドエンジニアにヒアリングした内容をご紹介します。

Bootstrap

続きを読む

Google スプレッドシートで null 文字 or 1 ~ 100 しか設定できない Data Validation

Google スプレッドシートで 1 ~ 100 の間の値、もしくは null 文字しか設定できないようにする Data Validation のカスタム関数を定義したのでご紹介します。

Google Spreadsheet

続きを読む

[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 | SEO 順位チェックツール

続きを読む

[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

続きを読む