ES2015(ES6)の分割代入でCannot set property of undefinedやis not definedというエラーがでる

AとBの値を入れ替えるときに分割代入（Destructuring assignment）構文をつかうと、テンポラリ変数を使わなくてすむ。
ということで、配列の中身をシャッフルする関数で分割代入構文を使ったのだが「Cannot set property 'hoge' of undefined」や、定義したはずの変数が「'hoge' is not defined」というエラーがでてしまった。

いろいろ調べたので結果をまとめる。

Docker初心者でも安心！Portainerを使ってイメージやコンテナを管理する

初心者にとってDockerのイメージやコンテナをCLIで操作するのは大変だ。覚えるコマンドはたくさんあるし、操作だって手間がかかる。
単純にDockerfileを用意して、イメージつくって、コンテナ立ち上げるくらいなら簡単だが、コンテナの数が増えてくると手に負えない。

そこでPortainerというツールをオススメする。
PortainerはDockerホストをブラウザから操作するための軽量な管理ツールだ。LinuxだけでなくWindowsでもmacOSでも使う使うことができる。
※ Windowsのみ、Portainerが動いているDockerホストを管理することができない

もともとはUI for Docker（a.k.a. DockerUI）だったのが、Portainerに名前を変えて開発が継続されているらしい。

2016年活動報告と2017年行動指針

2016年はお世話になりました。
2017年もひきつづきダーシノ、当ブログともによろしくお願いします。

2016年のBlack Everyday Company

まずは当ブログについての総括を。

ブログ 71万PV

2016年の1年間で、715,867PVあった。
60記事投稿し、1月には50,562だったPVが12月には87,812PVまで伸びた。しかし、12月はとある記事がバズっただけなので、平常時の11月で考えると62,519PV。1.2万PV/月 分伸びた。

そして、9月時点で200記事を突破した。

IT系ブラック企業で過労死しかけたので4年分のタイムカードと実態を暴露する

突然だが、みなさんは「会社に殺されかけた」ことはあるだろうか？
某居酒屋チェーン店の女性社員、某コンビニエンスストアの店長、某広告代理店の新卒女性社員をはじめ、多くの尊い命が失われたことも記憶に新しいだろう。

そんな私も新氷河期を乗り越え新卒で入社した中堅SI会社で、長期間におよぶ過重労働を強いられ、文字どおりブラック企業に殺されかけた。

当記事では、ブラック企業の実態を知ってもらうため、入社2年目から退職までの4年分のタイムカードを公開しようと思う。当時どんな思いで働いていたのか、体調を崩したのはいつか、精神を病んだのはいつか、などタイムカードをもとに暴露する。今ブラック企業で働いている人や会社を辞めようか悩んでいる人の参考になり、1人でも多くの命が救われることを願っている。


※ 文中に登場する社名やプロジェクト名、人名のイニシャルには、とくに意味はありません。
※ 長文なので時間がない方は、「で、結局どうすればよかったのか？」まで飛ばしてください

【JavaScript】Safariでファイルを強制ダウンロードさせようとしてハマった

フロントエンドを生業としていると、クロスブラウザ対応という悪魔の作業がまっている。現在主に使われているブラウザは、Internet Explorer、MS Edge、Chrome、Firefox、Safariが挙げられる。（Opera? そんなブラウザは知らない）

これらのブラウザでファイルのダウンロードをさせようとすると、Safariでつまずく。IEですらできるのに、Safariだとできない。新しいタブにダウンロードするファイルの内容を表示して、ユーザにコピペさせるという最悪の動作しかできない。そのようにクライアントサイド（JavaScript）だけでファイルをダウンロードさせる方法を試しているうちにSafari沼にハマってしまった。


ということで、試した内容をまとめようと思う。

1. aタグにdownload属性を追加する
2. Content-Typeにapplication/octet-streamを指定する
3. Content-Dispositionを指定する（サーバサイドの実装が必要）

検証環境は以下のとおり。

• macOS Yosemite
• Safari 10.0.2