サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
TGS2024
www.mamoida.com
普段の仕事では、プログラミングをしない人もソースをさわったりするのですが、Gruntはちょっと敷居が高いと思われることが多く、どうしようかと常々考えていたところ、GUIツールがあったので試してみました。 markparolisiさんのGruntプラグイン、grunt-peon-guiです。 なによりも使い方が簡単です。普通のGruntfile内で読み込んでgrunt guiコマンドを叩くだけです。 以下、Gruntfileの例。 module.exports = (grunt) -> grunt.initConfig copy: main: files:[ expand: true src : ['test/*'] dest : 'tmp/' filter : 'isFile' ] grunt.loadNpmTasks('grunt-peon-gui') grunt.loadNpmTas
SlimerJSをさわってみたメモ。 Windows、Linuxも対応しているみたいですが、普段使ってるMacOSでやりました。 SlimerJSってなに? PhantomJSやCasperJSのようなヘッドレス・ブラウザのように、スクリプトからFirefox、Xulrunnerを操作できます。(ヘッドレスとしても使えるみたいです。) Laurent Jouanneauさんという方が開発したそうです。(Githubはこちら) 完全ではないですが、PhantomJSと同じようなコードで動かすことができます。PhantomJSはWebkitベースですが、SlimerJSはそのGecko版みたいな感じっぽいですね。 ファントム→キャスパーときて、スライムという、あれな流れのような感じでしょうかねー。。。 インストール まずは、こちらからダウンロード。 Macの場合、なかにあるslimerjs
はじめに 最近は業務においても生のhtmlやcssを書く機会が少なくなりました。また、JavaScriptもいわゆるaltjs系といわれるものが次々に開発されています。 また、以前はサーバ・サイドのフレームワークのテンプレート・エンジンとして使用されることがほとんどだったものも、今ではスタティックなサイトやアプリケーションを生成するジェネレータに多く取り入れられていたりします。 このエントリーは、そのようなテンプレート・エンジンや、プリプロセッサ、alternate javascriptを大胆にもいっしょくたにまとめた、自分向けのメモです。 がっつり試したものもあれば、やんわりと触っただけのものもありますが、リストアップしてみたいと思います。 テンプレート・エンジン / マークアップ言語 jade Node Template Engine jadeは、Hamlに影響を受けてつくられたテンプ
はじめに ふだん仕事でお世話になっているツールたちを徒然とリストアップしていこうかと思います。 中にはもう使わなくなったものもあるかと思いますが、記念的な意味をこめまして、いっしょにならべたいと思います。 そしてほとんど、Mac用のツールです。。。 タスクランナー GRUNT YEOMANでも使われているタスク・ランナーです。使用するにはNodeが必要です。 最近の空気感では、フロントエンド系のタスクランナーでは定番のものになったのではないでしょうか。 使い方はJavaScriptかCoffeeScriptで設定ファイル(Gruntfile)をつくり、そこにタスク(例えばソースを圧縮する、JavaScriptの構文をチェックする、デプロイするなどなど)を登録し、自動実行させるというものです。 また、grunt-initを別途インストールして、対応したテンプレートをインストールすると、お手軽
はじめに 最近非常に活発に開発されている、サイト/アプリケーション・アセンブラ(スタティック・サイトジェネレータと表現するものもあるようです)、ファイル・ジェネレータなどをまとめました。 これらのツールは、ファイル監視、Liveリロード、ビルドインサーバ、画像軽量化、パッケージマネージメントなど、サイトやアプリケーション開発に必要とするものをパッケージングしたものになります。 各ツール、もっている機能もバラバラであったり、用途も微妙に違うものがあったりしますので、ほんとは同じエントリー内でまとめるのも適切なのか悩ましいところだったのですが、大きなくくりでフロントエンド開発におけるジェネレータ系のツールという解釈のもとに行いました。 また、ほとんどのツールの説明はデフォルト値のもので、設定によって、例えばテンプレートエンジンの種類の変更や、ディレクトリパス、サーバのポート番号などを変更できた
このページを最初にブックマークしてみませんか?
『www.mamoida.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く