Folioscope

Simplicity is the keynote of all true elegance.

2017-12-06

Kafkaの管理ツールを読む - kafka-topics.sh編

この記事は Distributed computing Advent Calendar 2017 の6日目の記事です。

Apache Kafka Logo

Apache Kafkaにはクラスタの管理ツールが含まれており、ユーザはこれらのツールを使ってトピックやオフセットを管理できます。 コードは規模的にもあまり大きくないので、Kafkaの勉強にはちょうどいい教材です。 Kafkaの内部構造を知ることで、障害発生時に原因を特定しやすくなります。

この記事では、トピック管理用の kafka-topics.sh の、よく使...

もっと読む…

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にも対...

もっと読む…
< Page 2 of 23 >