2015-10-07

GitHubをもっと便利にする、"github-hovercard"Chrome拡張

GitHubを便利にするChromeの拡張の紹介です。

レポジトリやユーザなどのリンクにマウスをホバーすると、その詳細がツールチップで表示されます! いいかんじ!

f:id:reoring:20151007125958p:plain

この拡張はオープンソースで公開されていて、もっと便利にすることもできそうですね!

github.com

ツールチップのライブラリは、TooltipsterというjQueryのライブラリが使われているようです。

github.com

2015-09-12

Emacs Dynamic Ruler

コードの行がどのくらいの文字か、何行目かなどを可視化できるEmacsパッケージだよ!

M-x package-install dynamic-ruler して、

M-x dynamic-ruler で起動できる。

rocher.github.io

f:id:reoring:20150912231629g:plain

2015-09-04

Macのメールクライアントは「Mia for Gmail」がいいかも。

これまで色々とOSXで使うGmailのクライアントを使ってみて、思ったことはブラウザでGmailを使えばいいじゃんってことだった。AirMailやMailbox, Sparrow(今はMailboxになった)などを使ってもどこか使いにくい部分があった。

Mia for Gmailはメニューバーからささっと使えるようになっている。少々あら削りな部分もあるけど、ウェブGmailと使いわければよさそう。

f:id:reoring:20150904155408p:plain

Googleアカウントが1つまでは無料で使えて、それ以上はIn-app purchaseで240円支払うといくつでも追加できるようになる。この追加ボタン[ + ]がショッピングカートのアイコンになるのは、なかなかいい。その機能は有料ですよっていうのが一目瞭然だ。Mia for Gmail/iTunes

これとは別に、Mailbox for Gmail/iTunes というアプリもあって、これはブラウザをアプリ化したようなものだった。

2015-09-01

Emacs org-mode まとめ (かきかけ

www.youtube.com

2015-08-20

Babel: ES6で動的なオブジェクトプロパティをリテラルで定義する方法

ES6では、Enhanced Object Literalsという構文が追加されています。

これまでのJavaScriptではオブジェクトのキーを動的にリテラルでは定義できませんでした。 Enhanced Object Literalsを使うと、 var obj = {["name_" + (1 + 1)]: "value"} このようにオブジェクトのキーを動的に指定することができます。

obj[hoge] というリテラルはこれまでと同様で、この書き方を定義時にもできるようにしたものがこのEnhanced Object Literalsです。

Babelを使った例

const foo = Symbol("foofoo");
const bar = "barbar";

const obj = {
  foo: 1,
  [foo]: 2,
  [bar]: 3
};

console.log(obj[foo]); // Symbol key -> 2
console.log(obj[bar]); // String key -> 3
console.log(obj.barbar); // String key -> 3

このコードは、下記コードにトランスパイルされます。

"use strict";

var _obj;

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var foo = Symbol("foofoo");
var bar = "barbar";

var obj = (_obj = {
  foo: 1
}, _defineProperty(_obj, foo, 2), _defineProperty(_obj, bar, 3), _obj);

console.log(obj[foo]); // Symbol key -> 2
console.log(obj[bar]); // String key -> 3
console.log(obj.barbar); // String key -> 3