Font Awesomeのアイコンフォントを検索できるAlfred 2のWorkflowを作ってみた - アインシュタインの電話番号
ブログの再開が2年ぶりだったけど、作ってみたシリーズも同じく2年ぶり。お久しぶり。さて今回は、ものすっごくニッチなツールだけど、Font Awesomeを使ってる人でAlfredを使ってる人には喜んでもらえる気がする。イコール自分のことなんですけどね。 あのアイコンフォントのクラス名を全然覚えられなくて、アイコンの数も300個以上あって把握できなくなっていて、毎回Font Awesomeのサイトを開いて探すのも面倒なので、 Font Awesomeのアイコンをインクリメンタルサーチしてそのクラス名をペーストできる Alfred 2用のプラグインを作ってみた。 百聞は一見に如かず、どんなものかは以下のスクリーンキャストをご覧ください。 前から欲しいとは思ってたんだけど重い腰があがらなくて、でも先週、エンジニア界隈で人気のポッドキャストRebuild.fm #16を聴いていたら「Font Aw
MacのターミナルでGitのブランチ名を表示する - アインシュタインの電話番号
VimのステータスラインにGitのブランチ名を表示させる、という記事で以下の一文が。 当然、ターミナルのプロンプトには表示させてますよね？ 今こそ！git の branch を vim のステータスラインに表示！！するとき！！！ すみません、表示させてませんでしたッ…! WindowsでmsysGit使ってる時にはプロンプトにブランチ名が表示されてて、これ結構便利かもなーとは思ってたんだけど、そもそも自分はGitのブランチをまともに使えてないので、ありがたみがよくわかってなかった。でもこれからちゃんと使うためにも早めに表示しておいたほうが良さそう。上記の記事のようにVimでも表示させたいしね。というわけで、とりあえずMacのターミナルでGitのブランチ名を表示できるようにしておく。完成形はこうなる。 git-completion.bash 今回はこちらの記事を参考にさせてもらった。ちなみに
BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号
BEMを使った命名がとても明快で、このところHTMLやCSSを書くのによく使っている。CSSのクラス名として書く場合は、BEMをCSS用に使いやすくしたMindBEMdingという書き方を採用している。最初にこれを知ったときは「こんな汚い記述の仕方は使いたくない」と思ってたんだけど、すっかり慣れて、今ではその明快さにちょっと心酔しかけているほど。 BEMの方法論とMindBEMdingのルールについてはそれぞれの文書を読んでもらうとして、それらをひっくるめて大雑把に説明すると、BEMとはBlock、Element、Modifierの頭文字を取ったもので、構成する要素をそのどれかに当てはめて命名していく方法。どの場合でも必ずBlockもしくはそのModifierがルートにあり、その中に、所属するElementもしくはそのModifierが含まれる構成になる。 Block - 構成のルートとな
HerokuでWebアプリ開発を始めるなら知っておきたいこと(4) Sinatraも使える - アインシュタインの電話番号
「HerokuでWebアプリ開発を始めるなら知っておきたいこと」シリーズの第4回では、Herokuで使えるWebフレームワーク「Sinatra」について書きます。このシリーズのまとめページはこちら。 RailsもSinatraも使える HerokuはRails専用のPaaSと思われがちですが、厳密にはそうではなく、RackというWebサーバーインターフェイス上で動作するものなら何でも動くようです。そしてこのおかげでSinatraのような数ページしか存在しない低機能な場合には、Railsは重厚すぎるのでおそらく向きません。 こういった小さなWebアプリを目的として、とりあえず試してみたいや小さな状態から必要なものを積み上げていきたい場合に最適なのが、最小労力で手早くWebアプリを作成するためのフレームワークSinatraです Sinatra: README (Japanese) Sinatr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
