CoffeeScriptからES2015(ES6)へ移行しました - Pepabo Tech Portal
ネットショップ運営サービス カラーミーショップで「新カゴプロジェクト」と呼んでいる最高のショッピングカートの開発をしている@tsuchikazuです。 2014年に開発を開始した新カゴプロジェクトではフロントエンドをCoffeeScript + Angularで開発してきました。ES5までの時代にAltJS文化を作り、Class構文やArrow Functionを先取りしていたCoffeeScript。それらはES2015(ES6)の仕様に採用され、一方でCoffeeScript自体の開発は止まり、CoffeeScriptは役割を終えたのではないでしょうか。先月、今後も変化し続けるフロントエンドに追従するためにも、新カゴプロジェクトで200ファイル以上のCoffeeScriptをES2015へ移行しましたので、今回その方法を紹介します。 トランスパイラ 移行方法としてCoffeeScrip
Railsのフロントエンドのビルドをnpmコマンドのみで完結したい - Qiita
こんにちは、freeeでエンジニアをやってます @yo_waka です。 これは、freee Engineers Advent Calendar 2015の11日目の記事です。 これまでの弊社のAdvent Calendarでは、社内で革命と呼ばれるフロントエンドの改善ネタが多いと思いますが、その流れとして、RailsアプリケーションにおけるフロントエンドのビルドツールであるところのSprocketsをどのようにしたら外せるかという話を書きます。 Sprocketsがやってくれること まずはSprocketsが裏側でどういうことをやっているのか知る必要があります。 Advent Calendar4日目の記事で既に概要が書かれていますが、もう少し細かく内部動作に踏み込んで書いてみます。 尚、Sprocketsのコードは現状のRailsの最新版である4.2.5で利用されている、Sprocket
RubyMine の使い方 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? RubyMine とは Rails 用 IDE。 有料だが、自分の知る限りでは最強。 ちなみに姉妹製品 WebStorm の上位版という位置づけなので、HTML/CSS/JavaScript の開発にも使える。 どのへんが最強なの？ 全般的に言えるのは「ちゃんと IDE になっている」ということ。 他の無料 IDE は少し特殊なことをやろうとするとターミナルでやるしかないとか、 プラグインをいろいろ入れて合わせ技で・・・ということが多々あるのだが、 RubyMine は自身でほぼ完結しており、IDE 上で実現されている。 (ターミナルで
Replace CoffeeScript with ES6
I’ve been looking into ES6, the next version of JavaScript, and finally got a chance to use it on a project. In the brief amount of time I was able to use it I’ve found that it solves a lot of the problems that CoffeeScript is trying to solve without drastic syntax changes. Using ES6 Today We can start using ES6 today through the 6to5 project which transpiles our ES6 code into ES5. 6to5 supports a
#267 CoffeeScript Basics - RailsCasts
Download: source codeProject Files in Zip (84 KB)mp4Full Size H.264 Video (21 MB)m4vSmaller H.264 Video (12.2 MB)webmFull Size VP8 Video (14.2 MB)ogvFull Size Theora Video (33.9 MB) CoffeeScript is a language that compiles into JavaScript. It has been included in Rails 3.1 so a lot of Rails developers are going to be taking a look at it for the first time soon. In this episode we’re going to conve
The Pragmatic Bookshelf | CoffeeScript
Releases, Offers & More Be the first to hear about our newest content, best promotions and upcoming events. Plus get 25% off your next purchase. Newsletter Sign Up Download Accounts Your email address is your account identifier. You can create a password, or just download from the links sent via email. My Orders (Resend order emails) How We're Different Hands-on instructions Solutions to real-worl
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変換、イベントハン
アセットパイプライン(Asset Pipeline) | Railsドキュメント
アセットパイプラインについて アセットパイプラインとは JavaScriptやCSSを結合したり圧縮して連結するためのフレームワーク CoffeeScriptやSass、ERBの言語を使ってJavaScriptやCSSを書くことも可能 特徴 JavaScriptやCSSを結合することによって、ブラウザでのリクエスト回数を削減 JavaScriptやCSSを圧縮 SassやCoffeeScript、もしくはERBを使って記述可能 「/app/assets/」「/lib/assets/」「/vendor/assets/」のディレクトリ 「/app/assets/YYY/XXX」に置いたファイルは、「http://localhost:3000/assets/XXX」でアクセスが可能 「/app/assets/」以下のサブディレクトリは、アクセスする際には無視 URLとファイルパス URL パス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rails 3.2 のプロジェクトに jasmine 導入して CoffeeScript でテスト書くまで - Qiita
https://qiita.com/mmyoji/items/ce7fef70c0c91aca793b