Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

FontAwesomeの公式サイトをスクレイピングしてSublime Text のスニペットを生成するツールでversion 4.4.0のスニペットを得る

f:id:tbpg:20150801002221p:plain

FontAwesomeの公式サイトをスクレイピングしてSublime Text のスニペットを生成するツールを利用し、
version 4.4.0のスニペットを手に入れたいと思います。

経緯

Font Awesomeがversion4.4.0になりました。

The Icons - Font Awesome

私は、普段Sublime Textを使っています。
ブログやQiitaやesaでMarkdownの記事を書く際に
Font Awesomeのアイコンを多用するため以前にSnippetを作成しました。
その時のエントリが以下です。

qiita.com

実行

早速実行してみます。上記の記事を作成した当時は4.2でしたが正しく動くかな?

$ ruby fontawesome_snippet_generator.rb
$ tree
.
┠ fontawesome_samples
┃ ┗ fontawesome_samples.html
┣ fontawesome_snippet_generator.rb
┗ fontawesome_snippets
    ┣ fa-500px.sublime-snippet
    ┣ fa-adjust.sublime-snippet
    : 略
    ┗ fa-youtube-square.sublime-snippet

2 directories, 676 files

無事生成されました。

参考までに、スクリプトと出力結果のSnippetは下記のリポジトリに保存してあります。

fontawesome_snippets - GitHub

動作確認

スニペットの動作確認をしてみます。
選ぶのはもちろん version 4.4.0 で加わった新アイコン。

Markdown編集

f:id:tbpg:20150801002229g:plain

Icon表示

f:id:tbpg:20150801002253g:plain

外部資料