Browserify + GulpでクライアントのJavaScript / CoffeeScriptでrequire
先日以下の記事で、クライアントサイド JavaScript での require による依存解決の方法を読みました。一言で言うと Browserify というライブラリを使って、クライアント側 JavaScript でも、モジュールをファイルごとに分割して require で読み込むための手順。 Browserifyでrequireを使ってjavascriptの依存関係をすっきりにしてみる – ぼくのかんがえたさいきょうのうぇぶさーびす これを真似したくて、昨日日曜日に試したのでその記録です。 ぼくうぇぶさんのページでは、JavaScript のビルドツール（タスクランナー）として Grunt を使ってありますが、個人の好みにより私は Gulp を使用します。Grunt も Gulp も JavaScript/CSS などフロントエンド用のビルドツールで、C言語の Make、Ruby の
「CoffeeScriptのリファクタリング」の実践とレビュー - mizchi's blog
CoffeeScriptのリファクタリング - ワザノバ | wazanova CoffeeScriptのリファクタリングと聞いたので、いてもたってもいられなくなった。まず、お題の結果を見ずにやってみる。 これが元のコード $(document).ready -> photoHTML = (photo) => "<li> <a id='photo_#{photo.id}' href='#{photo.url}'> <img src='#{photo.url}' alt='#{photo.alt}' /> </a> </li>" $.ajax url: '/photos' type: 'GET' contentType: 'application/json' onSuccess: (response) => for photo in response.photos node = $(phot
CoffeeScriptのリファクタリング - ワザノバ | wazanova
http://blog.arkency.com/2014/07/6-front-end-techniques-for-rails-developers-part-i-from-big-ball-of-mud-to-separated-concerns/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約2時間前 シングルページアプリもあり、それでなくてもフロント側のコードを書く機会は増えてきてますが、コードをうまく整理して、 簡単に、もっとテストしやすいコードを書く。 クオリティを下げることなく開発スピードをあげる。 ためのノウハウの一端を開発会社のArkencyがシェアしてくれています。 シリーズの初回は、シンプルなリファクタリングのケーススタディ。 CoffeeScriptのコードが、DOM変換、イベントハン
JQuery With CoffeeScript | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I don’t always write CoffeeScript, but when I do, I’m probably using jQuery too; I always forget the syntax for stuff. So I’m going to write it all down here so I can reference it until I memorize it. Note that the compiled example doesn’t include the automatic closure around everything you
Underscore.jsがちょっと便利だったので紹介してみる。 - (define -ayalog '())
数日前@naoiwata師匠に「JavaScriptにパターンマッチってないですよね？」って聞いていたら「Underscore.jsならあるかも」みたいなことをそそのかされたので少し触ってみた。 Underscore.jsは関数型プログラミングをしたい人のための軽量ライブラリだという認識でだいたい良いと思います。最近、「JavaScriptで学ぶ関数型プログラミング」みたいな本も出ているみたいで、ちょっと中身みたけどUnderscore.jsの使い方ぽい感じの本だったので興味ある人は読んでみるといいかと*1。 ちなみに僕が求めているパターンマッチは文字列の正規表現ではなくて、関数型言語でいわれるようなパターンマッチ。Gaucheのutil.match的なやつ。 で、とりあえずUnderscore.jsなんぞということでバーっとひと通りみてみた。 Underscore.js だいたい大きく6
基本操作逆引きリファレンス - CoffeeScript
基本操作逆引きリファレンス（CoffeeScript） Node.jsと、現在使われているほとんどのブラウザで共通して使えるメソッドや文法を、用途ごとにまとめて紹介します。 文字列 文字列を作る 文字列は" "または' 'で囲います。" "の中で"を使ったり、' 'の中で'を使うには、\でエスケープします。 "abc" 'abc' # 以下2つはどちらの書き方でも同じ意味 "I can't say \"no.\"" 'I can\'t say "no."' 文字列に式を埋め込む " "内では#{ }を使って、式や変数の値を埋め込むことができます。 "1 + 1 = #{1 + 1}" # => '1 + 1 = 2' 文字数を取得する 文字列.lengthは、文字列の文字数を返します。 "abcいろは".length # => 6 文字列を数値に変換する parseInt(文字列, 10)
SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #3 | DevelopersIO
さて本シリーズ第三回です。 前回はhaml、scss、coffeescriptのコンパイルを正規表現で省略したり、hamlのレイアウトを変更する方法を紹介させて頂きました。 今回はコンパイル済みのhtml、css、javascriptをまとめて保存するスクリプトを紹介してみようと思います。 rakeをインストールする rubyでは自動化したいタスクがある場合、rakeというビルドツールを使用します。インストールはGemfileに記述を追加してbundleコマンドを叩くだけです。 Gemfile gem 'rake' # 追加 $ bundle # installは省略できます rakeがインストールできたら試しにHello Worldでもしてみましょう。 プロジェクトのルートディレクトリに Rakefile という名前のファイルを作成し以下のように記述してください。 Rakefile de
sappari wiki - Coffee コマンド
.coffeeをコンパイルしたり、REPLを使うためのコマンド。 $ coffee [options] path/to/script.coffee 例： スクリプト実行 $ coffee hoge.coffee # hoge.coffeeをnode.jsで実行 $ coffee # REPLを起動。"coffee -i" と同じ。 コンパイル $ coffee -c path/hoge.coffee # hoge.coffeeをhoge.jsにコンパイル $ coffee -o lib/ -c src/ # src/内のファイルをコンパイルしてlib/に出力 コードの変更監視 $ coffee -o js/ -w coffee/ # coffee/内のファイルが変更されたら再コンパイルしてjs/に出力 $ coffee -p -w coffee/ # coffee/内のファイルが変更された
CoffeeScriptでjQuery使うときのメモ
Posted: 2012.11.19 / Category: javascript / Tag: jQuery CoffeeScriptでjQuery使おうと思ったらいろいろと戸惑ってしまったのでメモです。 とりあえずCoffeeScriptでjQuery使えるようにする JSでjQueryのコードを書き始めるとき「$(document).ready」を省略した形で下記のように書くことが多いと思います。 JavaScript $(function() { // jQueryスクリプト }); これをCoffeeScriptにするとこうなります。 CoffeeScript $ -> # jQueryスクリプト これでjQueryがいつものように使用できますので、あとはさくさく書けると思います。 試しに「p」のテキストカラーを赤にしてみます。 CoffeeScript $ -> $('p').
เว็บไซต์รวมข่าวสาร ไอที แกตเจ็ต เทคโนโลยี ไลฟ์สไตล์ แฟชั่น - minijs
ในยุคที่วงการการบินกำลังก้าวเข้าสู่ยุคสมัยใหม่ที่ความเร็วและประสิทธิภาพมีบทบาทสำคัญ, Boom’s XB… Read more: Boom’s XB-1: เครื่องบินซูเปอร์โซนิกแห่งโลกอนาคต
Node.js「脱」初心者！CoffeeBoxでブログの作り方を学ぼう！
CoffeeBoxは、Node.js、CoffeeScript、MondoDbで作成されたシンプルなブログアプリです。 そこそこ本格的で「学べる」コードだと思いますので、インストールから触りだけ読んでみたいと思います。 UIもキレイです。 インストールして起動まで一気に。 $ git clone https://github.com/qiao/coffee-box $ cd coffee-box/ $ npm install $ mongod --dbpath ~/MongoDb （MongoDBを起動しておきます） $ node index.js coffee-box server listening on port 3000 in development mode http://localhost:3000 にアクセスします。 Login画面。OpenIDを使えます。 コードを少し見て
CoffeeScriptってなんぞ？
This document discusses using CoffeeScript, Compass, and Sass to accelerate Titanium development. It provides examples of CoffeeScript code and how it improves readability over JavaScript. It also discusses using Sass and Compass for styling Titanium applications, including features like nesting, mixins, variables, and color functions that allow for cleaner, more reusable CSS code. Organizing styl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
blog.yucchiy.com is Expired or Suspended.
Hubot + CoffeeScript ではじめるやわらかプログラミング入門
Coffee Script Cook Book – Script Platform Made for Ecommerce