今回はCUIツールのGruntのプラグインgrunt-contrib-jstを使ったjsテンプレートを管理する機会があたので一連の流れをご紹介します。 アジェンダ JavaScript Templates(JST)とは? Grunt-contrib-jstを使ってみる JavaScript Templates(JST)とは? テンプレート部分とデータ部分を関連づけて表示するイメージです。以下の記事がイメージしやすくとても参考になりました。 参考記事:JavaScriptテンプレートエンジンJsRender 基本のキ それではJSTを用いて実際に表示してみたいと思います。今回はサンプルとして、Underscore.jsのテンプレートAPIを使って表示してみます。 使用したライブラリ jquery.js underscore.js backbone.js bootstrap.js bootst
自分で定義したタスクを実行する Gruntではさまざまなタスクがすでに用意されており、ビルドやデプロイ等の目的ですぐに使用できますが、 自分の実現したい機能が用意されていないことも、多々あります。 そんなときは自分でタスクを定義して使ってみましょう。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.5 Node.js : v0.10.8 npm : 1.2.23 Gruntを使える状態にしておきましょう。 % npm install -g grunt-cli % mkdir grunt-sample % cd grunt-sample % npm init //すべてデフォルトでpackage.jsonを作成 % npm install grunt --save-dev grunt.registerTaskでタスクを定義して実行する まずはオリジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く