React、Angularになじめなかった僕に手を差し伸べてくれたVue.js - Qiita

2016/12/30 411 users jQuery Qiita React angular Ruby

ギークハウス Advent Calendar 2016 の12月２２日の記事です。 他の方とは、全然違う雰囲気になってしまいましたが、読んでいただけると幸いです。 なぜVue.js？？ 普段の仕事では、Ruby/Railsなので、フロントエンド周りは、jQueryにCoffeeScriptで片手間感覚... ↓ しかし最近のフロントエンド界隈は、良くも悪くも盛り上がっていて楽しそうだなあと思う日々... 続きを読む

webpackを使った Rails上でのReact開発 - クックパッド開発者ブログ

2016/07/27 346 users Webpack サーバサイド 芳賀 React.js 既存

2016 - 07 - 27 webpackを使った Rails上でのReact開発 はじめに こんにちは、投稿開発部エンジニアの芳賀です。 既存のRailsプロジェクトの中でReact.jsを利用する機会があったので、その時にやったことについてまとめてみます。 私自身は普段RailsのサーバサイドとCoffeeScriptが中心で、最近のJavaScript開発環境についてあまりキャッチアップで... 続きを読む

エンジニアが見るべきコミュニティサイトとは | IT/Web系の起業家・フリーランスに贈る、すべらない起業論

2016/03/01 125 users フリーランス エンジニア 起業論 起業家 WEB系

フリーを経てwebプログラマ。Ruby on Rails, Python, CoffeeScript, TDD, BDD, Lean, Agile, スモールビジネス, 機械学習, 人工知能, 投資, FX, 酒, 歌など。エンジニア出身の起業家になってもっとエンジニアを幸せにしたい。 自律したエンジニアとして継続的に収入を得るためには、常に新しいことにチャレンジし継続的な勉強が求められることは論... 続きを読む

巨大なバッチを分割して構成する 〜SQLバッチフレームワークBricolage〜 - クックパッド開発者ブログ

2015/06/27 363 users バッチ ntH クックパッド開発者ブログ SQL Ruby

2015-06-27 巨大なバッチを分割して構成する 〜SQLバッチフレームワークBricolage〜 トレンド調査ラボの青木峰郎（id:mineroaoki）です。 好きなRubyのメソッドは10年前からString#slice(re, nth)ですが、 最近はRubyよりCoffeeScriptとSQLのほうが書く量が多くて悩んでいます。 今日はわたしが開発している「たべみる」の背後で働いてい... 続きを読む

CoffeeScript スタイルガイドの公開とその目的 - クックパッド開発者ブログ

2015/04/15 176 users 太田 クックパッドニュース ウェブフロントエンド os0x

2015-04-15 CoffeeScript スタイルガイドの公開とその目的 こんにちは、クックパッド編集室の太田(@os0x)です。 普段は料理動画やクックパッドニュースなど、メディア寄りのサービスを担当しながら、社内のCoffeeScriptを中心としたウェブフロントエンドのコードレビューなどを行っています。 今回は、そのCoffeeScriptのレビューを円滑に行うためのコーディングスタイ... 続きを読む

webpack で始めるイマドキのフロントエンド開発 - Qiita

2015/04/05 319 users Webpack webapp Qiita ビルドツール 配布物

webpack とは webpack は WebApp に必要なリソースの依存関係を解決し、アセット（配布物）を生成するビルドツール（要するにコンパイラ）です。JavaScript だけでなく、CoffeeScript や TypeScript、CSS 系、画像ファイルなどを扱うことができます。 WebApp のビルドツールは Grunt や Gulp が有名です。これらは基本的に、ビルド手順をタ... 続きを読む

「CoffeeScriptのリファクタリング」の実践とレビュー - mizchi's blog

2014/07/27 186 users リファクタリング document PhotoHTML 実践

2014-07-27 「CoffeeScriptのリファクタリング」の実践とレビュー CoffeeScriptのリファクタリング - ワザノバ | wazanova CoffeeScriptのリファクタリングと聞いたので、いてもたってもいられなくなった。まず、お題の結果を見ずにやってみる。 これが元のコード $(document).ready -> photoHTML = (photo) => "... 続きを読む

CoffeeScriptのリファクタリング - ワザノバ | wazanova

2014/07/27 102 users リファクタリング 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時間前 シングルペ... 続きを読む

Hubot + CoffeeScript ではじめるやわらかプログラミング入門

2014/06/02 103 users Hubot ネイテ articles インターナル バッチ

Hubot であそぼう 始めに、地図を描く Joel on Software - 5つの世界 http://japanese.joelonsoftware.com/Articles/FiveWorlds.html パッケージ インターナル 組み込み ゲーム 使い捨て パッケージ && Webサービスの世界の地図 Windows と UN*X クライアントとサーバー アプリとバッチ ブラウザとネイテ... 続きを読む

CoffeeScript と TypeScript をそれぞれ実務案件で使ってみた感想 ｜ Developers.IO

2014/05/13 351 users TypeScript Middleman 双方 半年弱 両方

そんな訳で、CoffeeScript を触り始めて半年弱、TypeScript を触り始めて1ヶ月弱ほど経ちました。まだまだ日は浅いですが、いちおう両方とも実務案件にて使用したということで、ここらで双方に対する振り返りを簡単にしておくとします。 CoffeeScript について http://coffeescript.org/ 学習開始時期:2014年1月頃始めたきっかけ:Middleman や... 続きを読む

JavaScript - CoffeeScriptを使う理由 - Qiita

2014/05/03 275 users Qiita JavaScript 理由

function Person() { this.name = "takashi"; this.age = 20; }; Person.prototype.echo = function () { return "Hello " + this.name + " !!"; }; コンストラクタ、メソッドを書いただけで、コード量が増えてきましたね。 毎回クラス名とprototypeと書く必要があります... 続きを読む

Grunt + TypeScript + Middleman によるフロントエンド開発環境を作ってみる ｜ Developers.IO

2014/04/30 145 users TypeScript Grunt Middleman 機能

Middleman を使うようになってしばらく経ちますが、2014年4月現在 TypeScript に対応していないというのがどうも気になります。Ruby on Rails や Sinatra といった他の Ruby 製フレームワークと同様、Middleman が対応している Alt JS は CoffeeScript のみです。 CoffeeScript は機能が軽量であることから学習コストが低... 続きを読む

HerokuでNode.jsとExpressを使ってHello worldする - アインシュタインの電話番号

2014/04/06 140 users Heroku Jade アインシュタイン Express 前述

2011.06.19HerokuでNode.jsとExpressを使ってHello worldする普段自分はHeroku+Sinatra+Slim+SassでWebアプリを作っているんだけど、Node.jsやCoffeeScriptについてちょっと調べてたら、Herokuを使う前提で、Node.js(Express), Jade, Sassという組み合わせでCoffeeScriptで書けば、前述の... 続きを読む

GitHub の ATOM が CoffeeScript で書かれているのはどうなの? - ワザノバ | wazanova

2014/03/05 104 users GitHub wazanova Atom points ES6

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.... 続きを読む

Dart について思っていること - Qiita

2014/02/18 104 users Dart Qiita TypeScript 文脈 キーワード

(キーワードでひっかかりやすいように、あえて Qiita に書いてみる) Alt-JS の文脈で色々と出てきていて、個人的なここまでの感想を。 まず、自分にとって最も現実的なのは TypeScript であろうことは間違いないと思う。 CoffeeScript は解決している問題があまりにも少ないと思う。 Dart は夢を見過ぎだと思う。 でも、一番気になっているのは Dart だったりする。 D... 続きを読む

「CoffeeScriptの関数は明示的にreturnしてはいけない理由」を探す暇あったら他にやるべきことあるのでは？ - mizchi's blog

2013/12/16 182 users CreativeStyle 関数 for コード 理由

2013-12-16 「CoffeeScriptの関数は明示的にreturnしてはいけない理由」を探す暇あったら他にやるべきことあるのでは？ CoffeeScriptの関数は明示的にreturnするべき | CreativeStyle 本当に遅いのか、それを確かめましょう。 適当にでっちあげたコードです f1 = -> for i in [1, 2, 3] for j in [4, 5, 6] i... 続きを読む

モダンな言語でHTML5を開発しよう！ 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe) | HTML5Experts.jp

2013/09/09 348 users HTML アプリケーション ニーズ ウェブサイト 手段

ここ数年のHTML5やCSS3の劇的な進化に比べて、JavaScriptの言語としての進化は緩やかだったのではないでしょうか。HTML5の登場により、リッチなウェブサイト・コンテンツ・アプリケーションが求められる時代になったのに、それを制御する言語が未だにレガシーなものであり、ニーズに追いついていないのが現状です。 2010年前後からこれらを解決する手段として、JavaScriptを生成する中間言... 続きを読む

AngularJS's tutorial - あなたとともにAngularJS

2013/06/12 385 users Sass AngularJS Compass チュートリアル

AngularJS's tutorial あなたとともにAngularJS AngularJSの入門用のチュートリアルを作ってみました なかなかまだ日本語の記事がなかったので、少しだけですが使ってみたことをメモしておきます TwitterBootstrap、google-code-prettify、CoffeeScript、Sass、Compass、Grunt.js by hisasann Git... 続きを読む

Prepros :: Compile Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown with live browser refresh.

2013/05/20 145 users Stylus Jade SCSS Sass

Compile Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown with live browser refresh.Compile with easePrepros can compile Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown. ... 続きを読む

YeomanでAngularJSしてCoffeeScriptにしてみた。っていうかGrunt最強って話 - bathtimefish's blog

2013/03/02 112 users heavenshell Yeoman Angula 年初 ボク

2013-03-02 YeomanでAngularJSしてCoffeeScriptにしてみた。っていうかGrunt最強って話 Web JavaScript FrameworkならBackboneでしょ。 と勝手に思い込んでそればっか使ってきたボクですが、年初にheavenshellとかどっぺちゃんとで飲んだ時にviewが重くなるよね―とか話してたしかにそれ悩みだよなと思った。 そんときAngula... 続きを読む

CoffeeScriptがさらに拡張されたLiveScriptの紹介 - mizchi log

2012/07/06 114 users LiveScript node mizchi log 言語

node, javascript 2ヶ月ぐらい前にHackersNewsで見かけて、触ってみたらやたらかっこよかったので紹介。 LiveScript http://gkz.github.com/LiveScript/ LiveScriptはCoffeeScriptがさらに拡張された、JavaScriptにコンパイルされる系言語。 JavaScriptが最初に名付けられた名前「livescript」... 続きを読む

無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 － Publickey

2012/07/03 763 users Publickey WebMatrix マイクロソフト 無償

無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 先週末に行われたWindows Azureの新機能を紹介するイベント「Go Azure」の基調講演の中で、Azure以外に興味を引かれたソフトウェアがありました。マイクロソフトが無償で公開しているWebサイト構築ツール「WebMatrix」の新版、「W... 続きを読む

JavaScriptをシンプルに - CoffeeScriptを3時間で理解するための10のポイント(1)-(3)：ITpro

2012/07/02 156 users ITpro リテラル coffescript コンパイル 変数

＜＜前回「CoffeScriptって何？」へ＜＜ CoffeScriptを3時間で理解するための10のポイントのうち、ポイント1から3までを解説します。ポイント1は「CoffeeScriptはコンパイルで即時関数に変換される」こと、ポイント2は「変数は自動的に宣言される」こと、ポイント3は「リテラルで豊かな表現を可能に」したことです。 POINT1　CoffeeScriptはコンパイルで即時関数に... 続きを読む

Twitterエンジニアの作ったサイトデザインモック作成ツール「Stylo」:phpspot開発日誌

2012/05/29 324 users Spine Sprockets Twitterエンジニア

Open-sourcing Stylo by Alex MacCaw Twitterエンジニアの作ったサイトデザインモック作成ツール「Stylo」。 CoffeeScript, Spine, Sprockets といったテクノロジーを使っているらしいです。 なんかwebkit限定だったりしますが、インタフェースが良い感じに出来ていて、同じようなツールを作るのに参考にすることもできそう。 ツール自体... 続きを読む

これが決定版？フォルダを監視してCSS/JavaScript/HTMLを生成「Fire.app」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/04/30 104 users MOONGIFT Haml Sass Markdown CSS

最近はCSS/JavaScript/HTMLをそのまま書くのではなくSassやCoffeeScript、Haml/Markdownを使ってそれぞれのフォーマットに変換するのが当たり前になってきています。そこで使ってみたいのがFire.app、自動ファイル変換ソフトウェアです。 0 続きを読む