大規模JSでのBackbone.js/CoffeeScript について考えてみた - mizchi log
これ読んでたらr7kamura君にJSのMVCどうするの的な話きかれてたのを思い出したので、自分がBackboneを使う時のパターンをr7kamura君の記事をベースに書きなおしてみた。 > サバクラ両方で動く JavaScript の大規模開発を行うために ― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下の様なコードを書いた。かなり冗長だが、複雑なアプリだとこれぐらいの冗長性は必要になる。 (なお概念を伝えるための解説用コードなのでそのままじゃ動かない) Backbone.Model # 名前空間の初期化 App = {} App.View = {} App.Model = {}
今からでも遅くないCoffeeScript再入門 | tekkoc'blog
久しぶりにCoffeeScriptを書くことになったので、調べごとついでに色々まとめてみました。 そもそもCoffeeScriptとは何か CoffeeScript はプログラミング言語のひとつである。コードはJavaScript のコードに変換される。 Ruby や Python、Haskell [1] から影響を受けたシンタックスシュガーの導入により、JavaScript に比べ簡潔さと可読性を向上させたほか、配列内包 (Array comprehensions) やパターンマッチといった機能を追加している。 CoffeeScript により、パフォーマンスを下げることなく、より短いコードでプログラムを記述することができる (JavaScript に比べ 1/3 程度の行数が削減できる)。 CoffeeScript - Wikipedia JavaScriptには罠がたくさんあります。
【TechBuzz】第3回.js系開発技術勉強会 で tmlib.js について発表してきました!! | TM Life
【TechBuzz】第3回.js系開発技術勉強会 で tmlib.js について発表してきました!! ちなみに発表に使ったスライドはこちらです. Web 上で作ったのでリンクをクリックするだけで見れます. セミナーの内容は yeomanでフロントエンド開発を効率化する方法 CoffeeScriptとTypeScriptの比較 tmlib.js をよろしくお願いします 懇親会 ってな感じでした. もう１週間経っちゃいましたがざっくりとレポートを書きたいと思います. Table of contens TechBuzzって? yeomanでフロントエンド開発を効率化する方法 CoffeeScriptとTypeScriptの比較 tmlib.js をよろしくお願いします 参加してみて Reference TechBuzzって? 本家サイトより引用 『TechBuzz』とは、開発者による開発者の為の
Happy Elements Labs: 150行でここまでできる！Three.jsによる3Dタイピングゲーム
カメラ # PerspectiveCamera以外にOrthographicCameraがあります。 # 引数: 視野角（垂直）、描画範囲の縦横比、カメラから一番近い描画点、カメラから一番離れた描画点 @camera = new THREE.PerspectiveCamera(40, document.width / document.height, 1, 10000) # カメラの位置 @camera.position.y = 300 @camera.position.z = 1000 レンダラー（sceneの描画を行うためのオブジェクト） # WebGLRenderer以外にCanvasRenderもあります。 # 引数のオプションは下記を参照 # https://github.com/mrdoob/three.js/wiki/WebGLRenderer @renderer = new
【CoffeeScript編】Node + Socket.IO で簡単なチャットアプリの作成 | DevelopersIO
こんにちは、うえじゅんです。 今回は前回作成したチャットアプリを「CoffeeScript」で置き換えてみます。 CoffeeScriptについては「はじめるCoffeeScript」シリーズを見ていただけると嬉しいです。 「はじめるCoffeeScript その1」 「はじめるCoffeeScript その2」 「はじめるCoffeeScript その3」 CoffeeScriptのインストール まず「CoffeeScript」インストールします。 ターミナルで以下のコマンドを実行してください。 (エラーが出る場合は、「sudo」をつけてみてください。) 「CoffeeScript」 npm install -g coffee-script インストールが終わったらこちらもバージョンを確認しておきましょう。 「coffee -v」で「CoffeeScript version 1.4.0」
Testing JavaScript/CoffeeScript with Mocha and Chai
The document discusses the structure and functionality of a todo application built with Ruby on Rails, covering model validations, controller actions, and JSON responses for creating, updating, and deleting todos. It includes testing strategies using RSpec and Mocha, as well as JavaScript with libraries like Chai and Sinon for assertions and mocking. Additionally, it emphasizes using AJAX for dyna
Spine入門
2012/07/11 第31回 HTML5とか勉強会 JavaScriptMVCフレームワーク「Spine入門」 (2012/07/12改版）ファイルサイズの比較について、比較条件が同じではないとのコメントを頂き、条件をmin+gzip時に統一して該当箇所を改版しました。
JavaScriptをシンプルに
CoffeeScriptは、JavaScriptのコードを生成するためのコンパクトなスクリプト言語です。JavaScriptの言語仕様から、あいまいさやわかりにくさを排除した仕様を持っているので、JavaScriptよりもシンプルなコードで処理を記述できます。JavaScriptで複雑な処理を記述したり、大規模なアプリケーションを開発したりする必要があるときに適しています。 目次 千葉県鎌ヶ谷市在住のライター。自著・監修の書籍が100冊達成まであと1冊になりました。だからなんだというわけでもないのですが、ひとつの区切りということで(^^;。 これからも、少しでも役立つ書籍、記事を書いていきたいと思いますので、どうぞよろしくお願いいたします。ホームページ：サーバサイド技術の学び舎 - WINGS
promptを使ってみた
Node, iOS, Android, HTML5, JavaScriptの話題。ときどきMacやLinux。 promptは、コマンドラインからプロンプト入力できる Node.jsのパッケージです。 $ npm install prompt prompt@0.1.12 ../../../node_modules/prompt ├── pkginfo@0.2.3 ├── colors@0.6.0-1 ├── async@0.1.18 └── winston@0.5.11 CoffeeScriptはこんな感じです。 prompt = require 'prompt' prompt.start() prompt.get ['username', 'email'], (err, result)-> console.log 'コマンドラインからの入力値：' console.log ' userna
Titanium でクラスっぽいモノを書くときに気をつけること | imthinker.net
Titanium Mobile は JavaScript を使って iOS や Android などモバイルプラットフォーム向けのネイティブアプリケーションを構築することができるツールキットです。 JavaScript はクラスベースではなく、プロトタイプベースのオブジェクト指向言語ですが、言語仕様上まるでクラスベースであるかのような文法が見受けられるために混乱を招きがちです。そのため、 JavaScript そのものを糖衣する CoffeeScript ではクラスベースとして振る舞うような文法が採用されています。 クラスベースのオブジェクト指向言語に慣れた人からすれば、 JavaScript のプロトタイプに頭を抱えることなく Titanium Mobile アプリケーション開発を行える CoffeeScript は有益な言語です。しかし、 Titanium Mobile アプリケーシ
大規模JSプロジェクトのための、モダンなjavascript/coffee-script の学習用資料まとめ - mizchi log
A社coffee-scriptエヴァンジェリストのmizchiです。今日は昨今の大規模JSの需要の高まりに応えるべく、お前が知ってる資料をまとめろとのお達しが下ったので、社内wiki面倒だしここに載せてますん。 前提 大規模JSをモジュール化する為にcoffee-scriptのシンタックスシュガーでOOPのパラダイムを持ち込む coffee-scriptの煩雑なコンパイル作業を避けるために、Rails/Nodeではアセットパイプラインを使って動的にコンパイルと圧縮を行う JSプロジェクトを部分的にnode化してTDDでサイクルを回す coffee-scriptに関しては、基本的には本家チュートリアルと The Little Book on CoffeeScript を読めばいい coffee-script チュートリアル 本家チュートリアル CoffeeScript little book
[JS]スライダーや通知パネルなど、CoffeeScriptで作成したjQueryのプラグイン集 -MiniJS
ウェブページでよく使用される、スライダー、通知パネル、ツールチップなどをCoffeeScriptで作成したjQueryのプラグインを紹介します。 MiniJs MiniJs -GitHub [ad#ad-2] MiniJsはフリーのオープンソースで、現在5種類（+1開発中）のプラグインがあります。 各デモと実装方法を簡単に紹介します。 ※コードは最もシンプルな例で、各スクリプトで多数のオプションを備えています。 Count ワードやセンテンスをカウントしたり、マックス文字数の残りを表示し制限します。 HTML <section id="example-1"> <textarea autofocus="autofocus"></textarea> </section> JavaScript $(function() { $('#example-1 textarea').miniCount()
CoffeeScript 入門! 怒濤の 100 サンプル!! | TM Life
今まで CoffeeScript についてのエントリーを連投してきましたが とりあえずこのエントリーで一区切りつけようと思います. ちなみに今までに書いた CoffeeScript についてのエントリーはこんな感じです. node.js 不要! Windows でも簡単に CoffeeScript を使う方法 jsdo.it で CoffeeScript を使う方法 CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた CoffeeScript と gl.enchant.js を使って15分で 3D ゲームを作ってみた. 動画もあるよ♪ 今回は enchant.js で怒濤ったとき同様 CoffeeScript についても怒濤ってみました. プログラミングは本を読むだけでは学んだとは言えません. 作ってナンボの世
CoffeeConsole: A Chrome Extension
Harry Brundage, a co-worker of mine at Shopify, does a lot of CoffeeScript development and said he would love to be able to do CoffeeScript right from the console in Chrome's Web Inspector. I asked Paul Irish, a "dev relations guy" at Google, to point me in the right direction on building just such a thing. The result of today's pet project is CoffeeConsole, a Chrome extension that adds a new pane
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AimingStudyでHTML5のJavaScript設計について話した - mizchi log
crocos.jp
CoffeeScript を書いてみた - (●⁰౪⁰●)
GitHub - VoQn/ZeroFixFramework: ニコニコ動画ZEROバージョンへのユーザースクリプト作成を支援するフレームワーク的な何か
IBM Developer
Efficient data transfer through zero copy