GitHub - chantastic/react-patterns: moved to to https://github.com/chantastic/sites/tree/master/reactpatterns.comYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
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
Atom Flight Manual
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
Dropbox dives into CoffeeScript
// By Dan Wheeler , Ziga Mahkovec , and Chris Varenhorst • Sep 13, 2012 During July's Hackweek, the three of us rewrote Dropbox's full browser-side codebase to use CoffeeScript instead of JavaScript, and we've been really happy with how it's been going so far. This is a controversial subject, so we thought we'd start by explaining why. CoffeeScript: By the way, the JavaScript has a scoping bug, di
Reactive Coffee - A lightweight CoffeeScript library/DSL for reactive programming and for declaratively building scalable web UIs
Already familiar with other frameworks such as Angular or React? See Design and Comparisons. Library of reactive programming primitives Declarative DOM construction Scalable in both performance and application architecture Simple, no magic, no new template language, all CoffeeScript Tested with Chrome, Firefox, Safari, and IE10 Available via Bower and cdnjs Works with jQuery MIT license Example: T
CoffeeScript Tips - I/O
即時関数の引数に別名をつける 1 2 do ($ = jQuery) -> console.log $ コンパイルすると 1 2 3 (function($) { return console.log($); })(jQuery); jQuery のプラグイン書くときとかに使う。 オブジェクトリテラルでオブジェクトを作る 1 2 3 4 a = 3 b = true c = 'bar' console.log {a, b, c} # => { a: 3, b: true, c: 'bar' } superを引数付きでコールする super()ではなくsuperと書くことで引数を引き継いでコールしてくれる。 1 2 3 4 5 6 7 class Foo constructor: (@a) -> class Bar extends Foo constructor: -> super bar
seen.js
source map | unminified javascript | full coffeescript seen.js has no dependencies. Licensed under Apache 2.0 To see what is new in this version, read the release notes. Demos Hello, World! Materials gallery Noisy Wave Patch Noisy Sphere Same Scene, Canvas vs. SVG Same Scene, Multiple Angles SVG Masks and Effects Text Depth of Field Audio Equalizer N-Body Gravity Simulation Mocap-Driven Skeleton 2
gulpfile.coffeeでwatchするときは最後にreturnしましょう
プログラミング (iOS, JavaScript, Jenkins, Sikuli) とMacやiPhoneなどの話題が中心のブログ gulpでwatchしたときにウォッチ中のタスクでコンパイルエラーになってしまうと、それ以後にウォッチされなくなるので困っていましたが、とりあえず対処法がわかったのでメモしておきます。 GitHubにIssueが上がっていました。 gulp.watch stops on error when using coffee-script/register · Issue #258 CoffeeScriptだと関数の最後の式に自動でreturnを暗黙で付けてしまうのが原因です。なので、gulpfile.coffeeな人だけが発生する問題です。 対処方法としては、次のように、最後に明示的なreturnを足してやればよいです。 gulp.task 'stylus', -
mocha+chai+blanketを使ってcoffeescriptでBDD - おみブロZ
最近空いた時間にhubotのadapterを開発してるのですが、coffeescriptでテストを書きたくなったときにちょっと試行錯誤したので備忘録として残しておきます。 目標 mochaとchaiを使ってcoffeescriptでBDDスタイルのテストを行う blanketを使ってcoffeescriptのカバレッジ測定を行う (おまけ) travis ciとcoverallsで自動化する mochaとchaiでBDD セットアップ mochaはjs用のテストフレームワークで、C/Sのどちらでも動作します。他のアサーションライブラリと組み合わせて使う必要があるため、今回はBDDアサーションライブラリであるchaiを使います。 まずpackage.jsonに以下を追記します。 { "scripts": { "test": "mocha test" } } 次に必要なmoduleをインストー
ビルドシステムgulpをCoffeeScriptで使ってみる
プログラミング (iOS, JavaScript, Jenkins, Sikuli) とMacやiPhoneなどの話題が中心のブログ 今はやりらしいgulpを使って、とりあえずソースの変換や監視などを行ってみました。 インストールと初期設定 gulpをグローバルでインストール npm install -g gulp プロジェクトのdevDependenciesとしてgulpをインストール npm install --save-dev gulp gulp-util gulpfile.jsをつくる var gulp = require('gulp'); var gutil = require('gulp-util'); gulp.task('default', function(){ console.log('gulp!'); }); これで、実行すると次のようになります。 $ gulp [g
JavaScript か CoffeeScript かで結果が変わるプログラム - 音の鳴るブログ
使い所皆無なんだけど、このプログラムは JavaScript だと "JavaScript" と評価されて CoffeeScript だと "CoffeeScript" と評価される。 { JavaScript: ["CoffeeScript"] }["JavaScript"][0] 検証用コード code = '{ JavaScript: ["CoffeeScript"] }["JavaScript"][0]'; // "CoffeeScript" と評価される eval(CoffeeScript.compile(code, {bare:true})); // "JavaScript" と評価される eval(code); こうしてしまうと、観察者効果でどちらでも "CoffeeScript" と評価されてしまう。 a = { JavaScript: ["CoffeeScript"] }
CoffeeScript 1.5.0新機能 literateモードを試してみた - Qiita
CoffeeScript 1.5.0でliterateモードなるものが追加されたらしい。 「.litcoffee」という拡張子のファイルに対して適用されるもので、literateモードでは行頭にインデントがある行のみがCoffeeScriptコードとして解釈され、それ以外の行はすべて無視される。これにより、ドキュメント内に埋め込まれたCoffeeScriptコードを簡単に実行できるようになる。もちろん、.literate形式のファイルをJavaScriptにコンパイルすることも可能だ。 SourceForge.JP Magazineより抜粋 というわけで下のようなmarkdownを作って試してみました。 使用感なんかも書いてあります。 # CoffeeScript 1.5.0 新機能 literateモード お試し ## インデントについて * タブの場合は1個から、スペースの場合は4個目
GitHub の ATOM が CoffeeScript で書かれているのはどうなの? - ワザノバ | wazanova
http://discuss.atom.io/t/why-coffeescript/131 2 comments | 2 points | by noto ■ comment by noto | 約1時間前 先日 GitHub が発表してエディタ ATOM のディスカッション・フォーラムでなぜ CoffeeScript で書かれていて、EcmaScript 6 (ES6) じゃないの? node.js/V8 を利用するデスクトップアプリケーションなら ES6 をすぐに使うほぼ完璧な機会なのに、という問題提起があり、それについて議論があったようです。 前提として、GitHub の JavaScript Styleguide に 新たに JS を書く時は CoffeeScript で書くこと 新たに .js ファイルを追加することは避けること と書かれていて、GitHub の中の人としては
CoffeeScriptをめぐる議論 | 第1回 一律に使うのどう思う？
CoffeeScriptをめぐる議論 第1回 一律に使うのどう思う？ CoffeeScriptとはJavaScriptよりも比較的簡潔な書式で記述し、コンパイルするとJavaScriptを生成してくれるという言語です。この言語を社内で一律使用するか、しないかをめぐり議論になりました。第1回目はスタッフがメリット、デメリットを出し合う様子をお届けします。 はじめに 4月にとあるブログ記事を発端に、CoffeeScriptという言語についての議論が活発化しました。CoffeeScriptとは、JavaScriptよりも比較的簡潔な書式で記述し、コンパイルするとJavaScriptを生成してくれるという言語です。JavaScriptの知識がなければ、ほぼ使えません。 ですからユーザーも、普段からJavaScriptで開発をしているエンジニア、あるいは別の言語に習熟しているプログラマがメインと思わ
CoffeeScript
CoffeeScript is a little language that compiles into JavaScript. Underneath that awkward Java-esque patina, JavaScript has always had a gorgeous heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way. The golden rule of CoffeeScript is: “It’s just JavaScript.” The code compiles one-to-one into the equivalent JS, and there is no interpretation at runtime. You can u
今すぐ既存JavaScriptコードをCoffeeScriptに置き換えたほうがいいと思う理由を6つほど - l4l
最近お仕事で既存のJavaScriptプロダクトコードをCoffeeScriptで書き換えてるんですけど、まぁコードが簡潔になるわなるわで徐々にJavaScriptを受け付けない体になってる僕ですどうもこんにちは。 そんなわけで小難しい話なしで簡単に伝わりそうなCoffeeScript押しな理由を箇条書きで6つほどメモ。一人でもCoffeeScriptに興味持ってくれればコレ幸い。 前提の話 新しい言語を学ぶには学習コストが発生するわけなので、以下なケースのJavaScriptコードっていう文脈を背景に話します。 コード規模が数千行 コードのメンテナンス期間が長い（1年以上とか） 複数人での大規模開発 こういった場合、少しでもロジックを簡潔に書けることがコードの可読性とメンテナンス性に大きく寄与していくので、これから説明するとこだけでの導入でも学習コストを上回る恩恵が受けれるんじゃないかな
Underscore.jsがちょっと便利だったので紹介してみる。 - (define -ayalog '())
数日前@naoiwata師匠に「JavaScriptにパターンマッチってないですよね？」って聞いていたら「Underscore.jsならあるかも」みたいなことをそそのかされたので少し触ってみた。 Underscore.jsは関数型プログラミングをしたい人のための軽量ライブラリだという認識でだいたい良いと思います。最近、「JavaScriptで学ぶ関数型プログラミング」みたいな本も出ているみたいで、ちょっと中身みたけどUnderscore.jsの使い方ぽい感じの本だったので興味ある人は読んでみるといいかと*1。 ちなみに僕が求めているパターンマッチは文字列の正規表現ではなくて、関数型言語でいわれるようなパターンマッチ。Gaucheのutil.match的なやつ。 で、とりあえずUnderscore.jsなんぞということでバーっとひと通りみてみた。 Underscore.js だいたい大きく6
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
atom.ioで最初から使えるスニペット集（CoffeeScript編) - Qiita
応用的なCoffeeScriptの書き方を覚えたら、きっと昨日よりもモテるよね？ね？ - Qiita
CoffeeScript 1.7
