Folioscope

At the touch of Tips, everyone becomes a Geek

2017-10-19

Vim Vixenというプラグインを作りました。

Twitterでは何度も告知しているのですが、FirefoxでVi 風の操作ができる「Vim Vixen」というプラグインを作りました。

Screen shot 1 Screen shot 2

背景

FirefoxはこれまでAdd-onsを記述するのに、Firefox独自のAPIを提供していました。 しかしMozillaは従来のAdd-ons APIを廃止することを決定し、代わりにChrome Extensions互換のWebExtensions APIを使ったアドオンに移行すると発表しました(もう2年も前の話です)。 そしてFirefox...

もっと読む…

2017-09-10

webpack/babelでWebExtensionsの開発環境を整える

webpack screenshort

Firefoxはバージョン48からWebExtensionsのサポートを始め、そして2017年11月にリリースされるバージョン57で、旧APIを使ったAdd-onsのサポートを打ち切ります。 この意向に嘆くFirefoxユーザも少なくないでしょうが、Mozillaも脆弱性の温床だった旧Add-ons APIを早く捨てたかったんじゃないでしょうか。 Microsoft EdgeもWebExtensionsをサポートしているそうで、よりWebExtensionsの機運が高まってます。

こ...

もっと読む…

2017-07-24

CSSでPDF出力をいい感じに設定する

CSSには印刷のスタイルを指定できるルール・プロパティが用意されています。 そしてChromiumやGoogle Chromeは標準でPDF出力ができます。 つまり厄介なPDFファイル作成をCSSで簡単にできるようになります。 この記事は、CSSでいい感じにPDF出力する例を説明します。

サンプルはCodePenで公開しています。
https://codepen.io/ueokande/pen/yoBwrq

CSSの印刷サポート

CSSには、以下のような印刷の設定ができるルール・プロ...

もっと読む…

2017-07-04

VagrantでAnsibleを加速させる

Vagrant, Docker and Ansible

Ansibleなどのプロビジョニングスクリプトを同じホストに何度も適用していると、そのスクリプトが正しく動くのか怪しくなってきます。 新規環境で流すと実は動かなかったりなんて。 この記事ではコンテナを使って高速に環境を再作成することで、いつも正しく動くプロビジョニングスクリプトを記述する方法を紹介します。 Vagrant用が生成するssh_configをAnsibleに渡すので、Ansibleのinventoryファイルを編集せずにデプロイ先をコンテナに切り替えることができます。 Vagrantfile

もっと読む…

2017-07-01

Vagrant Docker providerでSSHができるまで

Vagrant and Docker

Vagrant Docker providerを使うと、VagrantからDockerコンテナを起動できます。 VirtualBoxと違いオーバーヘッドが少ないので、もりもり環境を量産できて便利です。

Docker imageが元に環境が構築されるので、Vagrant Boxと違いvagrant sshをするための設定を行う必要があります。 この記事ではVagrant Docker providerでvagrant sshができるまでの、最小のDockerfileVagrantfile

もっと読む…

2017-06-28

Travis CIを使ってMiddleman Blogを継続的デリバリー

このブログはMiddleman Blogで構築していますが、今更ながら継続的デリバリーできる仕組みを整えました。 以前は手元でmiddleman buildして温かみある手動scpでデプロイしてましたが、2017年にもなって自動化もできてないのは笑われるので、Travis CIから自分のVPSに自動デプロイできるようにしました。

構成

Deployment Architecture

よくある感じです。GitHub上へmasterブランチがPushされると、Travis CIが自動でビルドしてProductionにデプロイします。...

もっと読む…

2017-06-25

Middleman BlogでOpen Graph protocol

このブログはMiddleman Blogで構築していますが、今更ながらOpen Graph protocolに対応しました。その設定方法についてまとめます。

Open Graph protocolとは

Open Graph property (OGP) とは、Facebookが提案した、リンク先のWebページのの情報を表示してくれる仕組みです。 現在ではTwitterやSlackもOGPに対応しています。

slack-open-graph

TwitterはOGPだけでなく独自のTwitter Cardsにも対...

もっと読む…

2017-03-20

よく使うディレクトリへの移動が捗るコマンドを作りました

コマンド一発で、普段良く使うディレクトリに移動できる、コマンド「hop」を作りました。

screenshot.gif

設定

まずはhopを適当な場所にgit cloneします。

git clone https://github.com/ueokande/hop $HOME/.hop

そして、.bash_profile, .zprofile, あるいは .profileにて、hopの初期設定を行います。 引数に自分の作業ディレクトリを指定すると、その中のファイルがエントリとして登録されます。

# Register...
もっと読む…

2017-03-06

スタンディングデスクのすゝめ

自宅にスタンディングデスクを導入して1年が経ちます。 オフィスでもスタンディングデスクが導入されつつあるので、これを機に感想を書いてみます。

Standing Desk

買ったのは1万円ちょっとの、安物のデスク。

結論

結論から述べると、導入してよかったと思えるし、椅子の生活には戻れません。 健康のために無理して使い続けているわけではなく、立った姿勢が快適だからです。

一般的に長時間の座りながらの作業は健康に悪いとされており、そういった職業の人間にはスタンディングデスクが勧められます。 あいにく自分は医者...

もっと読む…
Page 1 of 21 >