coffeeからES6(babel)に少しずつ書き換える の続き。 そもそも書き直す必要があるのか 正直シンタックスはcoffeeの方が好き。無駄にカッコつけなくていいし、インデントでpipeやpromiseをつないで書いていくのも見た目が良い。 coffeeは書きやすい。 まあすでに動いている物を書き直す必要は無いと思う。 移行するとしたら、ネガティブな動機が1つ、ポジティブな動機は2つある。 coffeeの開発の停滞 詳しくcoffeeの開発状況をウォッチしてないからよくわからないけど、詳しい人が「開発が停滞している」と言っているのでそうなんだと思う。 さよなら CoffeeScript – mizchi's blog coffeeはここ1年ぐらいバージョンが上がった時にdiffだけは見ているのだが、毎回git diffで差分を見て一瞬で理解できるぐらいの更新しかされてない。まあようす
新製品のWEB UIを作ることになりました。 「functionって書くのダルいから、CoffeeScriptにしましょうよ」 「でもCoffeeScriptって、そろそろオワコンじゃないか？」 「ちょっと待てよ、そろそろES6（ECMAScript6、JavaScriptの次期標準、後述）が使えるようになってるんじゃないか！？」 そう思ってES6を調べましたが、やっぱりCoffeeScriptを使うべきだという結論に達しました。 CoffeeScriptとES6のおさらい CoffeeScriptはいわゆるAltJS 長所 「functionの代わりに->」「ローカル変数にvarが不要」といったイケてる文法が使えます。 事前にJavaScriptにコンパイルして使う。*1 Ruby on Railsが対応しているなど、かなり普及しているようです。 短所 事前コンパイルが必要なので製品のビ
[2014/09/01追記] こちらの方が、補足や注意点を書いてくださっています。 Haml内でCoffeeScriptを書くことの是非 私の場合も、次のような、ちょっとした用途でテンプレ内 Coffee を利用しています。 Rails 4 で Knockout.js の ViewModel を Controller毎に別のファイルで管理する 以前に Rails 4 で Haml を利用する手順 を書いたのですが、同僚に、Haml のテンプレ内で CooffeeScript が書けるよと教えてもらいました。 自分の環境： OS： Mac OS X 10.9.4 (Mavericks) Ruby： 2.1.2 Rails： 4.1.1 Haml が導入されていれば、次のように :coffee を定義して、段落さげして Coffee を書いていけばいい。 〜 - @items.each do
こう書くことで、Hamlの中にCoffeeScriptを書けて便利、という記事で、確かによく使います。 が、いくつか落とし穴もあるよー、っていうことに遭遇しているので、それをまとめてみました。 HamlにCoffeeScriptを記述する利点 外部ファイルにするまでもない数行のスクリプト（ページ読み込み完了時に特定のdisplay: none;を解除とか）を気軽に書ける。 javascript内にrailsのControllerで作った変数やPathHelperメソッドを埋め込めこめる HamlにCoffeeScriptを記述する欠点 hoge.html.hamlのロードのたびに記述したCoffeeScriptがコンパイルされる コンパイルのオーバーヘッドは大したことがない しかしコンパイルに使われるライブラリ（主にTheRubyRacer）やその依存Gemのバグで謎のエラーに悩まされたり
CoffeeScriptについて CoffeeScriptとは 公式サイトによると、CoffeeScript is a little language that compiles into JavaScript.(JavaScriptにコンパイルするシンプルな言語です) 簡単に言うとJavaScriptをRubyライクに記述できる言語だと思います。 特徴 文末のセミコロンは不要 ブロックはインデントで表す 「->」はfunctionの略 varは不要 Rubyと同様でreturnは省略可能 コンパイルが必要 JavaScriptに潜む罠をいい感じに回避 出力するJavaScriptが綺麗 railsにおいて Railsでは、Asset Pipelineという仕組みを使って、CoffeeScriptを自動的にコンパイル 拡張子は、「.js.coffee」 フォルダは、「/app/assets
フォーム関連 フォーム共通 フォームのオブジェクトを取得する id指定 View <%= form_for(@page) do |f| %> <%= f.text_field :title %> <% end %> CoffeeScript $ -> page_title = $('#page_title') class指定 View <%= form_for(@page) do |f| %> <%= f.text_field :title, class: "title" %> <% end %> CoffeeScript $ -> title = $('.title') name指定 View <%= form_for(@page) do |f| %> <%= f.text_field :title %> <% end %> CoffeeScript $ -> title = $('[n
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変換、イベントハン
6 front-end techniques for Rails developers. Part I: From big ball of mud to separated concerns … and check why 5600+ Rails engineers read also this 6 front-end techniques for Rails developers. Part I: From big ball of mud to separated concerns Photo remix available thanks to the courtesy of Clever Cupcakes. CC BY 2.0 Current trends in web development forces us to write more and more front-end cod
Dashing - The exceptionally handsome dashboard framework.
Heads-up: Dashing still works great, but is no longer maintained. Read up about it over here. You can also use the fork of the project. Dashing is a Sinatra based framework that lets you build beautiful dashboards. Check out a demo over here. Here's another one, optimized for 1080p screens. Key features: Use premade widgets, or fully create your own with scss, html, and coffeescript. Widgets harne
※いずれの言語もマルチプラットフォームであり、Windows, Mac OS Xともにどちらでも利用することができます。 比較対象のサンプル サンプルとしてシンプルなスライドショーのWebコンテンツを用意しています。それぞれの言語でどのように記述して実装するのか、また生成されたJavaScriptがどのようなものであるか確認していきましょう。このサンプルでは言語の特性を紹介するために、実用的な要素として「クラス構造の利用」「既存JSライブラリの利用」「ユーザー操作」を含めています。 デモを開く 「Change Photo」ボタンをクリックすると写真が切り替わります。CSS3の3D TransformsをjQueryを用いて制御します（確認の際には、CSS3の3D Transformsが利用できるブラウザをご利用下さい） 概要 TypeScriptはマイクロソフトが開発するオープンソースの言
こんにちは。 昼夜逆転が一周してやっと普通の生活に戻って来ました。れこです 最近、CoffeeScriptというJavaScriptのライブラリにハマっています。 半年前くらいに流行った、賛否両論なjsライブラリです。 非常にシンプルにjsを書くことができて、Ruby on Railsでも公式採用されています。 そのCoffeeScriptでjQueryのプラグインを１つ書いてみて、CoffeeScriptで開発していくことについて感じたことをメモします。 CoffeeScriptやjQueryプラグインの基礎については特に触れません。ご了承下さい。 CoffeeScriptとは CoffeeScriptはJavaScriptを楽にシンプルに書けるライブラリです。おおまかな特徴は、 文法はRubyやPythonに近い 関数呼び出しの際に引数の括弧を省略できる インデントでループや関数などの
CoffeeScriptでjQuery使うときのメモ CoffeeScriptでjQuery使おうと思ったらいろいろと戸惑ってしまったのでメモです。 投稿日2012年11月19日 更新日2012年12月24日 とりあえずCoffeeScriptでjQuery使えるようにする JSでjQueryのコードを書き始めるとき「$(document).ready」を省略した形で下記のように書くことが多いと思います。 JavaScript $(function() { // jQueryスクリプト }); これをCoffeeScriptにするとこうなります。 CoffeeScript $ -> # jQueryスクリプト これでjQueryがいつものように使用できますので、あとはさくさく書けると思います。 試しに「p」のテキストカラーを赤にしてみます。 CoffeeScript $ -> $('p')
kanazawa.js v1.7 - Back to Basics -（2012年3月31日開催）で使用したスライドです。Read less
Rails3.1 から同梱されるようになった sprockets の README の意訳です。 sstephenson/sprockets - GitHub はじめに Sprockets は assets ファイルのコンパイルと配信を行うための Ruby のライブラリです。JavaScript と CSS ファイルの依存関係を宣言でき、さらにプリプロセッサを使うことで CoffeeScript, Sass, SCSS, LESS 等の言語を assets の記述に利用出来ます。 インストール いわゆる普通のやり方でインストール可能です。 gem install sprockets Gemfileなら gem 'sprockets', '~> 2.0' Sprockets Environment assets ファイルにアクセスして配信するなら、 Sprockets::Environmen
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
