2015年7月13日月曜日

ES6 Separate Operator

...arg
三点リーダ(three dots)ってなんだろう?ってことで調べてみたらSeparate Operatorというものらしい。

うまく説明できないけど、配列を展開してくれるようなものらしい。

<サンプル1>
Separate Operatorあり
var test = [{a: 1, b:2}]
console.log(...test)

Object {a: 1, b: 2}


Separate Operatorなし
var test = [{a: 1, b:2}]
console.log(test)

[Object]
  0: Object
    a: 1
    b: 2


<サンプル2>
Separate Operatorあり
var arr1 = [1,2,3];
var arr2 = [4,5,6];
arr1.push(...arr2);
console.log(arr1)

[1, 2, 3, 4, 5, 6]


Separate Operatorなし
var arr1 = [1,2,3];
var arr2 = [4,5,6];
arr1.push(arr2);
console.log(arr1)

[1, 2, 3, Array[3]]
  0: 1
  1: 2
  2: 3
  3: Array[3]


2015年7月2日木曜日

Bootstrapで印刷時にボタンが真っ黒

Bootstrapのボタンを印刷するとボタンが真っ黒になる…
正確にはBootstrap Material Designのボタンを使ってるけどね。


そんな時は、ボタンのclass に hidden-print を使うと印刷時にボタンが印刷されなくなる。
印刷されないのが嫌な場合は、通常のボタンを追加して、 visible-print-block をclassに設定すると印刷時の時だけ、通常のボタンになる。

bootstrapっていろいろ考えられてるんだな。

Bootstrapの印刷時のレイアウト

Bootstrap3を使っているけど、印刷時にスマホのレイアウトになってしまうらしい。

1行に3つコンポーネントがあると、3行になるイメージ。


下記を適用すると解消はするけど、コンポーネントが多いと一部文字列が切れたり…
https://gist.github.com/donnierayjones/6fd9802d992b2d8d6cfd


どっちが良いんだろうな。。。
ちなみに適用するときは、
.col-sm-1, .col-sm-2 の部分を適宜 .col-md-1, .col-md-2, というふうに自分が使ってるクラスに合わせる必要あり


2015年7月1日水曜日

Ubuntuのapt-get update エラー

$ sudo apt-get update
E: ロック /var/lib/apt/lists/lock が取得できませんでした - open (11: Resource temporarily unavailable)

aptのプロセスが利用中かどうか確認する。
$ ps aux | grep apt
root     16076  0.0  0.4  20352  2252 ?        S     2014  57:53 apt-get -qq -y update

なんか、それっぽいものがいるので、killする。
$sudo kill -9 16076

改めて
$ sudo apt-get update