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, 酒, 歌など。エンジニア出身の起業家になってもっとエンジニアを幸せにしたい。 自律したエンジニアとして継続的に収入を得るためには、常に新しいことにチャレンジし継続的な勉強が求められることは論... 続きを読む

参考にしたい！ JavaScript(CoffeeScript)スタイルガイド7選！ | マネーフォワード エンジニアブログ

2015/07/30 50 users 平山 マネーフォワード 昨今 フロントエンドエンジニア 役割

こんにちはー。 フロントエンドエンジニアの平山です。 JavaScript(CoffeeScript)の役割が増えてきた昨今。 ここいらで一度、有名なスタイルガイドを追ってみたいと思います。 一緒にスタイルガイドを策定したり、あーやこーや語らいながらよりよいスタイルガイドを考えたいフロントエンドエンジニアの方は、とりあえず一緒に開発しましょう！ 【採用サイト】 ■『マネーフォワード採用サイト』　h... 続きを読む

巨大なバッチを分割して構成する 〜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 が有名です。これらは基本的に、ビルド手順をタ... 続きを読む

Browserify + GulpでクライアントのJavaScript / CoffeeScriptでrequire | EasyRamble

2015/03/23 62 users Gulp browserify EasyRamble 手順

先日以下の記事で、クライアントサイド JavaScript での require による依存解決の方法を読みました。一言で言うと Browserify というライブラリを使って、クライアント側 JavaScript でも、モジュールをファイルごとに分割して require で読み込むための手順。 Browserifyでrequireを使ってjavascriptの依存関係をすっきりにしてみる – ぼ... 続きを読む

React.jsをCoffeeScriptとjadeで書く | uzimith.github.io

2015/03/15 78 users Jade reactjs React.js 仮想DOM あたり

はじめに React v0.13.0 Beta 1 | React React.Componentを使うと生のJSのclass形式でReact Componentを定義できる reactjs - react-jadeでjadeテンプレートから仮想DOMを出力する - Qiita JSXのXの部分をjadeで書けるようにするライブラリ (Jade -> React VDOM) ここあたりの記事を読ん... 続きを読む

「JavaScriptエンジニア養成読本」でCoffeeScriptについて書いた - mizchi's blog

2014/10/08 76 users mizchi's blog 習得 2014-10-08 1章

2014-10-08 「JavaScriptエンジニア養成読本」でCoffeeScriptについて書いた kyo_agoさんに誘われて、CoffeeScriptについて1章書きました。 JavaScriptエンジニア養成読本［Webアプリ開発の定番構成Backbone.js＋CoffeeScript＋Gruntを1冊で習得！］：書籍案内｜技術評論社 他の章の紹介は他の著者さんに任せるとして、自分の... 続きを読む

gulpfile スタイルガイド (ドラフト版) - Qiita

2014/09/10 57 users Qiita ドキュメント 言語 ドラフト版 記述スタイル

このドキュメントは、gulpfileの再利用性/メンテナンス性を高めることを目的とした、非公式なスタイルガイドです。 はじめに スタイルガイドとして、下記を参考にしています。また、ここで述べないJavaScript/CoffeeScriptの言語としての記述スタイルについても、こちらを参照してください。 Node.js Style Guide coffee-script-style-guide コ... 続きを読む

WebStorm、PhpStorm、RubyMine、PyCharm、IntelliJ IDEA、AppCodeなどでコードをなるべく楽に綺麗に書くための機能紹介 3つ #jbugj - #侍ズム

2014/08/15 52 users PhpStorm RubyMine WebStorm 侍ズム

コツなんて必要ありません。普通にIntelliJ IDEAでコードを書いていれば綺麗になります。 1. コードフォーマット 特にプラグインとか入れる必要はない。最初からScala、Java、ActionScript、CFML、CoffeeScript、CSS、Groovy、HAML、HTML、JavaScript、JSP、LESS、SCSS、SQL、TypeScript、XML、Yamlなどのコー... 続きを読む

「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 クライアントとサーバー アプリとバッチ ブラウザとネイテ... 続きを読む

「Hubot + CoffeeScript ではじめるやわらかプログラミング入門」を公開した - Beating the Averages(just like me)

2014/06/02 60 users Hubot 死霊 経緯 プログラミング入門 若者

2014-06-02 「Hubot + CoffeeScript ではじめるやわらかプログラミング入門」を公開した よろしくお願いします。 Hubot + CoffeeScript ではじめるやわらかプログラミング入門 社内勉強会で使った死霊を社外で問題ないように少し直したもの。なので ほらちゃん とか若者の名前が出ている。 経緯 もともとプログラミング入門みたいな勉強会をしようと思っていたところ... 続きを読む

JavaScriptの継承イディオム coffeescriptとtypescriptの比較 - mizchi's blog

2014/05/14 70 users TypeScript 互換 mizchi's blog 比較

2014-05-14 JavaScriptの継承イディオム coffeescriptとtypescriptの比較 coffeescriptのclass syntaxで生成されたコードと、typescriptのそれは、お互いに継承でき、互換があると言われている。 本当に互換があるのかちゃんと調べないといけないなーと常々思ってたので、確認する。 検証コード coffeescript class A f... 続きを読む

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で書けば、前述の... 続きを読む

JavaScript か CoffeeScript かで結果が変わるプログラム - 音の鳴るブログ

2014/03/07 85 users プログラム JavaScript 結果 使い所 ブログ

2014-03-07 JavaScript か CoffeeScript かで結果が変わるプログラム 使い所皆無なんだけど、このプログラムは JavaScript だと "JavaScript" と評価されて CoffeeScript だと "CoffeeScript" と評価される。 { JavaScript: ["CoffeeScript"] }["JavaScript"][0] 検証用コード... 続きを読む

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

TypeScriptの開発環境を作ってみる - おいぬま日報

2014/02/15 50 users TypeScript サーバサイド おいぬま日報 文法 逃避先

2014-02-15 TypeScriptの開発環境を作ってみる TypeScript 最近趣味プログラムのサーバサイドをNode.jsで書いてるんだけど、JavaScriptはどうも好きになれないので逃避先としてTypeScriptを選んでみた。CoffeeScriptでもいいんだけど、文法が似てるほうがソースコピペできたりして楽かなと思ってTypeScriptを選択。 今回使うツールはMac版... 続きを読む