Which generation is the easiest? millennialsAccording
Which generation is the easiest? millennialsAccording
A rich text editor for everyday writing. Compose beautifully formatted text in your web application. Trix is a WYSIWYG editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML. View on GitHub ❤️ Made by 37signals.
I Have Created 50 Games This Year December 15, 2014 10:43 PM Subscribe Kenta Cho of ABA Games has released 50 minigames this year. They are all free to play on his site, with source. Releasing at the rate of about one a week, the games are written mostly in Haxe (an ActionScript like language that compiles to Flash, HTML5, and other targets) and sometimes in CoffeeScript. All use his MGL (Mini G
最近お仕事で既存のJavaScriptプロダクトコードをCoffeeScriptで書き換えてるんですけど、まぁコードが簡潔になるわなるわで徐々にJavaScriptを受け付けない体になってる僕ですどうもこんにちは。 そんなわけで小難しい話なしで簡単に伝わりそうなCoffeeScript押しな理由を箇条書きで6つほどメモ。一人でもCoffeeScriptに興味持ってくれればコレ幸い。 前提の話 新しい言語を学ぶには学習コストが発生するわけなので、以下なケースのJavaScriptコードっていう文脈を背景に話します。 コード規模が数千行 コードのメンテナンス期間が長い(1年以上とか) 複数人での大規模開発 こういった場合、少しでもロジックを簡潔に書けることがコードの可読性とメンテナンス性に大きく寄与していくので、これから説明するとこだけでの導入でも学習コストを上回る恩恵が受けれるんじゃないかな
前提 会社(Quipper)で今からこういう風にしたい、と宣言した社内ドキュメントを公開する。 枯れてるわけではない。 coffeescript Backbone Backbone.stickit (データバインディング) Chapling.js(は、オマケなのでどうでもいいがサンプルコードはこう) backbone.stickitは安心と信頼のNYT製。(実質Backbone作ってるDocumentCloudと一緒のところ?) backbone.stickit 目的 データバインディングを全面的に使って再描画を最小限にし、コードの見通しをよくしたい。 モデルの役割を明示的にし、MVVMを導入する。 理想的なAPI 擬似コード # ビューモデルの定義 class TopicViewModel extends Model defaults: title: '' # たぶんここでパラメータ名(
「code:JS」はCoffeeScriptを使い、viewベースでWebアプリケーションを作成するための、フレームワーク/クラス群です。 このクラスライブラリを作った動機は、Webアプリ開発をやったりiOSアプリ開発をしていると、しばらく関わっていない技術のことを忘れていまい、いざ開発にかかろうとした際にすぐにコーディングには取りかかれず、言語仕様や開発手法・設計などを思い出すことに時間を奪われ、これが何回も続くかと思うと気が遠くなったことに端を発します。 そのため、iOSアプリケーション開発などで用いられている「viewベースアプリケーション開発」と呼ばれる様々なパーツを画面に並べることで、画面設計を行い機能を実装していく開発手法を、そのままWebアプリケーションでも行えるようなクラスライブラリを作成しました。 ライブラリの各クラス構成や、Viewベースの概念はiOSのViewを参考に
JavaScript FrameworkならBackboneでしょ。 と勝手に思い込んでそればっか使ってきたボクですが、年初にheavenshellとかどっぺちゃんとで飲んだ時にviewが重くなるよね―とか話してたしかにそれ悩みだよなと思った。 そんときAngularJSってどうなんだろうねーって話にちょっとなって、そんときからangularいつかやってみようと思いつつ仕事で忙殺されてたんだけど、今日何気にSNSで「AngularJSに仮入信してみる」ってつぶやいたらGoogleの人にいいね!してもらってちょっと上がった。 さらに都合のいいことに外出で2時間程度電車に乗ってヒマな時間ができたので、車中でAngularの洗礼を受けてみようとPCを開いた次第。ちなみに途中で酔いました。以前新幹線で思い知ったのだけど懲りてなかった。電車でコーディングは控えましょう。特に自分。 さて、Angula
最近業務でBackboneを使ってるので、その中で考えた最強の構成。 CakefileとソースサンプルはBitbucketに上げました。 Compile-coffee-scripts-in-(sub)-directories https://bitbucket.org/takyam/compile-coffee-scripts-in-sub-directories ソースファイルの構成 src ├── 001_init │ ├── 001_setup.coffee │ └── 002_helpers.coffee ├── 002_common │ ├── 001_init │ │ └── setup.coffee │ ├── 002_config │ ├── 003_events │ ├── 004_models │ │ ├── 001_post.c
var CreditCard = { cleanNumber: function(number) { return number.replace(/[- ]/g, ""); }, validNumber: function(number) { var total = 0; number = this.cleanNumber(number); for (var i=number.length-1; i >= 0; i--) { var n = +number[i]; if ((i+number.length) % 2 == 0) { n = n*2 > 9 ?n*2 - 9 : n*2; } total += n; }; return total % 10 == 0; } }; $(function() { $("#order_credit_card_number").blur(functi
最近 CoffeeScript 関連のエントリーが私のRSSリーダーにひっきりなしに流れてきます. どうやら流行っているらしい. github で話題になったころに少し触ったくらいでのめり込みはしなかったのですが, 無視できない存在になりつつあります. 今更感満載ですがお手軽に CoffeeScript を試す方法を紹介しようと思います. ”導入するかどうかはさておき, とにかく CoffeeScript を触ってみたい”って人向けの方法です. { } _____ __ __ }{ }{ { ) / ____| / _|/ _| .- { { } { }} -. | | ___ | |_| |_ ___ ___ ( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \ |`-..________ ..-'| | |___| (_) | | | || __/ _
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. 前回に引き続き CoffeeScript についてのエントリーです. 今回は jsdo.it で CoffeeScript を使う方法を紹介します. HTML5 Canvas を使ったサンプルもあるよ♪ } }{ { { }{ } } _____ __ __ }{ }{ { ) / ____| / _|/ _| .- { { } { }} -. | | ___ | |_| |_ ___ ___ ( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \ |`-..________ ..-'| | |___| (_) | | | || __/ __/ | | \_____\___/|
<<前回「CoffeeScriptって何?」へ<< CoffeScriptを3時間で理解するための10のポイントのうち、ポイント1から3までを解説します。ポイント1は「CoffeeScriptはコンパイルで即時関数に変換される」こと、ポイント2は「変数は自動的に宣言される」こと、ポイント3は「リテラルで豊かな表現を可能に」したことです。 POINT1 CoffeeScriptはコンパイルで即時関数に変換される ★「即時関数」でグローバル変数を作らない ★JavaScriptのstrictモードにも対応 CoffeeScriptで記述されたコードをコンパイルすると、JavaScriptのコードは、(function() {...}).call(this);でラップされた状態で出力されます(リスト7)*1。奇異にも見える書き方ですが、実は、JavaScriptの世界では定石とも言える書き方の一
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く