[Grunt]grunt-ectを使ってらくちんHTML生成 | Clipping!
コーディング中に繰り返す共通部分の修正＆コピペが地味につらかったので、自動でコンパイルしてもらうことにしました。 ECTというテンプレートエンジンを使って、Gruntでコンパイルする体でまとめます。 ちなみに、Grunt自体の導入・設定は下記のサイトでわかりやすく紹介されています。 （導入時に大変お世話になりました） Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 - KOJIKA17 Gruntで快適な環境を整備したい！【インストール編】 - riaxdnp.jp ECTとは？ ECT - Fastest JavaScript template engine with embedded CoffeeScript syntax JavaScriptのテンプレートエンジンです。 下記のようなことができます。 Inheritance（内容の継承） Partials（
![[Grunt]grunt-ectを使ってらくちんHTML生成 | Clipping!](https://cdn-ak-scissors.b.st-hatena.com/image/square/da65d117c475bc4df6bf503cddfcd7f0ed7c92dd/height=288;version=1;width=512/http%3A%2F%2Fnaoi109.github.io%2Fimages%2Fthumb%2F02.png)
これは便利。Google ChromeでCoffeeScriptを使う·CoffeeConsole MOONGIFT
CoffeeConsoleはGoogle Chrome上でCoffeeScriptを記述して実行できる機能拡張です。 CoffeeScriptに慣れると素のJavaScriptが書きづらく感じるようになってしまいます。ChromeのデバッグでJavaScriptを書くのにストレスを感じていた方はCoffeeConsoleをぜひ使ってみてください。 インストールします。 インストールしました。すぐに使えます。 Webインスペクタを開きます。右端にCoffeeScriptというタブが追加されています。 開きました。左側に記述すると、右側に変換後のJavaScriptが表示されます。 リアルタイムに変換されます。そのままコマンド＋エンターまたはShift＋エンターを押すと実行されます。 console.logなどはConsoleタブで確認する必要があります。 CoffeeConsoleは一行単位
CoffeeScriptベストプラクティス集 Node.jsアプリケーション編（1）
イベント駆動型のプログラムをきれいに作る JavaScriptのプログラムは、イベント駆動型で非同期な構造が基本となります。他のプログラミング言語で一般的な「同期型」の関数では、例えばネットワーク経由でデータを読み込む場合、データを読み込む関数を実行するとその読み込みが完了するまでプログラムの実行は止まったままになります。 それに対して、「非同期型」の関数を使うとデータの読み込みが完了するまで他の処理を実行でき、読み込みが完了した後で特定の関数を呼び出してもらうことができます。身近な例に例えると、メールを送信して相手からの返信が来るまで何もせずに待つのが同期型関数だとすれば、非同期型関数は返信を待つ間に他の仕事をこなすことができます。 Webアプリケーションはネットワーク通信部分に最も時間がかかる場合が多いため、その待ち時間に他の処理をこなせば、ただ待っているよりも遥かに効率よく多くの処理
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場 JavaScriptをデプロイする際には、できるだけ小さくするために余計なスペースや改行を取り除き、さらに関数名なども変換して圧縮することがあります。しかし圧縮後のJavaScriptにバグが見つかるとそのままではデバッグしにくいため、いちいち元のソースコードに戻してデバッグしなければなりません。 Webサイト「HTML5 Rocks」の記事「INTRODUCTION TO JAVASCRIPT SOURCE MAPS」で紹介されたWebブラウザの新技術「Source Maps」は、圧縮状態のコードを実行していても元のソースコードを参照しながらデバッグできるだけでなく、CoffeeScriptのようなJavaScriptへ変換する言語であっても、
今日から始めるCoffeeScript - KAYAC Engineers' Blog
こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 （2011/6/28：@m_satyr様にご指摘頂いた箇所を修正しました。） 目次 CoffeeScriptとは？ インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック
Titanium + CoffeeScript 環境をいい感じに整える w/ Guard, Vimプラグイン - bekkou68 の日記
ゴール CoffeeScript が動作する guard で CoffeeScript が自動でコンパイルされる Vimプラグインで CoffeeScript を快適に編集できる CoffeeScript をインストール Node.js のインストール Node.js をダウンロード（http://nodejs.org/）。 $ tar xvzf node-v0.x.y.tar.gz $ cd node-v0.x.y $ ./configure $ make $ sudo make install （数分で終わった） npm のインストール root権限でインストール。 【注意】npm のライブラリはみんなが自由にアップロードできるため、セキュリティホールがあるライブラリが含まれる恐れがある。なので root権限ではインストールしないように推奨されている。リスクを承知なら下記のインストール
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Harp, the static web server with built-in preprocessing