shields.ioを使うと下記みたいな形式で投げることで、Githubとかで使える便利画像が取得できる。 https://img.shields.io/badge/inamuu-dayo-skyblue.svg 社内のエンジニアさんが、レビュー時にこの画像を使って「ask,must,imo,nits」を使用していた。 これは良さそうだと思い、alfredのスニペットに登録したものの、shileds.ioが重くて全然画像が表示されない。 いい感じにレビューしたいのになんだか萎えてしまうし、レビューの生産性をあげるために導入したいので是非使いたいと思ったので、もうPNGに変換してしまうことにした。 svgをpngへ変換する shileds.ioで取得したSVGをPNGへ変換する方法を探すことにした。 qlmanageというMacに標準で入っているコマンドが使えるということを知ったので試してみた。 qlmanage -t -s 300 -o . rvask.svg 結果 なんだかやたら余白が生まれてしまった。 多分qlmanageで-s指定した場合は縦横のサイズが共通になってしまうっぽい。 他のオプションでトリミングするみたいな良さそうなオプションがわからなかった。 imagemagickでやる imagemagickでもsvgからpngの変換がやれるらしいということを知ったのでbrewでimagemagickをインストールしてやってみた。 convert rvask.svg -resize 75x20 rvask.svg.png 結果 なんとグレーになってしまった😇 どうやらbrewで入ってくるimagemagickにはsvgには対応していないらしいということで、svg変換ができるimagemagickを再インストールした。 svg変換ができるようにライブラリを指定すればいけるらしい。結構インストールに時間がかかる。 brew install imagemagick --with-librsvg これで再度上記コマンドを実行してみた。 結果 文字〜〜〜 リサイズしているせいでどうも文字がガビガビになってしまった。 PRに画像を貼り付けする際にimgタグでサイズ指定すれば良い？とか思ったけど、もう面倒なので最初にqlmanageで変換したpngの余白をトリミングできないか調べた。 画像のトリミング こんなコマンドがimagemagickに付随して使えるようになっているらしい。これで余白トリミングが行える。 mogrify -trim +repage rvask.svg.png 結果 良さそう！ ということでGithubのissueに貼り付けておいて、それをalfredのスニペットで呼び出せるように登録した。 これでレビューし放題だ！ 参考にさせていただいたサイト： https://news.mynavi.jp/article/osxhack-98/

こんにちは、イナムーです。 我が社は銀杏並木で有名な外苑前にあるのですが、今日のお昼に会社の人と話して話題のshake shackに行ってみることにしました。 雨がシトシト降ってて、オープンから少したってるので大丈夫かな？と思ったのですが、お店に行ってみると雨の中行列が。。まさかの30分待ちとのことでしたのでお昼は諦めることにしました。 閉店間際は空いているというのを会社の人に聞いていたので、21時半頃に再度行ってみることにしました。 オシャレな外観の店舗。 やはり少し待ちはあったものの、比較的スムーズに入ることができました。 店内はオシャレな作りになっていて、壁にメニューがありました。 写真が無いので事前にお店のサイトなどを見てみると良いかもしれません。 私の場合は、東京限定のメニューがあるということだけ知っていたので、コンクリートのtokyo editionを追加で頼むことにしました。 すぐに出てくるわけではなく、サービスエリアとかであるようなカードタイプの呼び出し器が渡され、バーガーができると呼ばれる仕組みなので安心して待つことができます。 ちなみにコンクリート以外には王道っぽいshackバーガーのシングルとポテトのスモールを頼みました。 待つこと5分。 こちらがその写真です。 サイズはあまり大きくないですね。 これが限定のコンクリート。 これがshackバーガー。 肝心の味ですが、アメリカンな味で私は好きな味でした。 値段が1500円程度だったので、比較的高いのですが外苑前プライスと思えば仕方ないかもしれません。 今は外苑前は銀杏並木が色付き始めてますし、銀杏並木祭りがすぐ近くで開催されてますので、その帰りにでも寄ってみるといいかもしれません。 以上。