Tag Archives: scss

[salesforce][DevOps][CI] force.comでGruntを利用したフロント開発

By |11月 12, 2013|CI, DevOps, Javascript, Node.js, salesforce, |

以前のエントリーでGrunt(grunt-force)を使ってforce.comへデプロイ紹介させて頂きましたが、今回は実際にフロントエンドの開発部分の利用方法を紹介させて頂きます。

force.comにおいてもSingle Page Application (SPA) Aarchitectureが定着してくると、JSやCSSの比重が大きくなりが1つのファイルで管理する事が難しくなってきます。
coffeescriptやscssなどを利用することでコードの記述量も減り、見やすいコードで開発する事が可能になります。
またgruntにはgrunt-contrib-watchといった対象ファイルを監視して自動的にコンパイルを行ってくれる便利なモジュールもありますので興味がある方はぜひ試してみてください。

Read More

[CI][DevOps] Yeomanでフロントエンド自動リロード

By |8月 15, 2013|CI, DevOps, Javascript, Node.js, |

YeomanはGruntとBowerを内包するツールで、Yeoman自体はアプリケーションのひな形を作成するscaffoldingを提供するツールであり、Gruntは前回ご説明した通りビルドツール、BowerはJavascriptライブラリを管理するツールです。それぞれ独立して開発されていてYeomanからGruntもBowerも扱えるようなイメージです

Read More

[salesforce][DevOps][CI] Grunt(grunt-force)を使ってforce.comへデプロイ

By |8月 8, 2013|CI, DevOps, Javascript, Node.js, salesforce, |

Gruntはいわゆるデプロイツールと呼ばれるツールです。デプロイツールとは端的に言いますとデプロイに必要な作業を自動化してくれるツールです。force.com開発では「デプロイ、デプロイ」良く言いますので言葉としてそんなに違和感ないと思います。開発チームによっては「デプロイ=修正した内容のforce.comへの転送」と単純な場合はIDEからのデプロイで事足りますが、Javascriptの構文チェックやJSファイルの結合/圧縮、less/scss (sass) + compassでCSSを生成してみたり、デプロイの度にテストを実行したり、バージョン管理をしていたりするチームですとデプロイの度にやることいっぱい!ということになります

Read More