タグ

JavaScriptとgruntに関するtrappleのブックマーク (4)

  • Bower入門(応用編) - from scratch

    Bower入門(応用編) さて、応用編を書いていきます。 基礎編ではBowerのインストールとライブラリ管理する上での基的なコマンドを紹介しました。 応用編ではBowerのライブラリを管理する上で利用するべきツールやライブラリを公開する上で心がけるべきことについて書いていきます。 少し長いのでサマリ Bowerを管理する上で利用すると良いツール:grunt-bower-taskがオススメです ライブラリを公開する上で心がけること、その1:mainとignoreをちゃんと書きましょう ライブラリを公開する上で心がけること、その2:ちゃんとgit tagを使ってバージョン管理しましょう Bowerからインストールしたライブラリを利用する場合 前回の基礎編で少し書きましたが、おさらいすると、Bowerはあくまでパッケージマネージャなので、インストールしてもフォルダ構造までは変えてくれません。

    Bower入門(応用編) - from scratch
  • grunt-bower-task で Bower を扱いやすくレイアウトする | DriftwoodJP

    Bower入門 完結編です。 .bowerrc でインストールディレクトリを指定しましたが、コンポーネント毎に様々な構成で格納されています。 [markdown] grunt-bower-task で扱いやすいファイルレイアウトにしましょう。 > * [Bower: JavaScript のパッケージマネージャについて調べる | deadwood](https://www.d-wood.com/blog/2013/11/01_4977.html) > * [Bower: JavaScriptCSS もまとめて管理する | deadwood](https://www.d-wood.com/blog/2013/11/10_5009.html) 開始前に、.bowerrc を消しておきました。 “`prettyprinted % rm .bowerrc “` ## 標準の状態を確認する バ

    grunt-bower-task で Bower を扱いやすくレイアウトする | DriftwoodJP
  • [Grunt]grunt-contrib-jstでjsテンプレートを管理する。 | DevelopersIO

    今回は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]grunt-contrib-jstでjsテンプレートを管理する。 | DevelopersIO
  • Gruntfileの見本 | Grunt 日本語リファレンス | js STUDIO

    下記の5つのプラグインを使用して、Gruntfileの見を確認していきましょう。 grunt-contrib-uglify grunt-contrib-qunit grunt-contrib-concat grunt-contrib-jshint grunt-contrib-watch Gruntfileの全容はこのページの最下部にありますが、順を踏んで読み進めてください。 まずは、Gruntの設定を包み込む"wrapper"関数についてです。 module.exports = function(grunt) { } この中で、設定オブジェクトを初期化します。 grunt.initConfig({ }); 次に、プロジェクトの設定を、package.jsonファイルからpkgプロパティを通して参照できるようにします。 これによって、package.jsonファイルのプロパティ値をすぐに参

  • 1