前の記事(WebFont作成をGrunt.jsで自動化)でGruntによるweb-font自動化をやったのですが、今日マークアップ勉強会がベースキャンプ名古屋で開催されていなたのでgulpでもやってみました。以下2つを参考に動かしてみました。Kawamura]さんのコードを少しいじって動かした感じです。https://www.npmjs.org/package/gulp-iconfonthttps://github.com/cognitom/symbols-for-sketchインストール以下が今回インストールしたパッケージになります。['watch']);CSSのテンプレートを作成シンボルフォント用のCSSのテンプレートを用意します。%></ul></body></html>自動的に出力したシンボルフォント一覧HTMLという感じで設定をするとSVGファイルを編集して保存したタイミングで自動的にフォントを作成し、CSSとサンプルHTMLを書き出してくれます。gruntしか出来ないと思っていたらgulpでも出来るようなったので、gulp派の人は是非試してみて下さい。参加した人それぞれ目標を決め、最後に発表するという形で有意義な勉強会だなと思いました。一人で勉強するより、モチベーションもあがりますし知識の共有も出来るので近いかたは是非参加してみてはいかがでしょうか。次回の勉強回も決まっている見たいです。http://atsu666.com/。