GitHub - haileys/twostroke: A Javascript implementation in Ruby!
Twostroke is a Javascript implementation written in pure Ruby. It currently consists of: A hand-written parser A TSASM compiler (Twostroke's internal bytecode format) A VM that runs TSASM bytecode A minimal Javascript standard library implementation A test suite containing: Some tests written for Twostroke Underscore.js's complete test suite (minus the cases relying on the DOM) Parts of mootools'
Exploring Client-side MVC with Backbone.js
Exploring Client-side MVC with Backbone.js Jared Carroll · December 19th, 2011 Backbone.js continues to gain popularity in the JavaScript MVC community. I decided to give it a try by creating a simple, single-page app to CRUD a single domain model. While it wasn’t as trivial as a traditional server-side implementation in Rails, it did turn out relatively clean. This is a long post, and if you make
rails3 + html5 canvasでお絵かき投稿サイトを作ろう！
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って？ ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
RubyのようなCoffeeScriptを使ってJavaのようなProcessingを書いてJavascriptで実行してWebでビジュアライジング・データを実現しようよ! - hp12c
「ビジュアライジング・データ ―Processingによる情報視覚化手法」(Ben Fry著) という 情報視覚化の実践的テクニックを解説する素晴らしい本があります ビジュアライジング・データ ―Processingによる情報視覚化手法 作者: Ben Fry,増井俊之(監訳),加藤慶彦出版社/メーカー: オライリージャパン発売日: 2008/12/01メディア: 大型本購入: 35人 クリック: 718回この商品を含むブログ (65件) を見る この本では情報の視覚化にProcessingという Javaをベースにしたグラフィック専用言語を使っています Processingはマルチプラットフォームの統合開発環境に その実行環境を備えていますが エクスポート機能でJAVAアプレットを生成することで 成果物をWeb上に公開することもできます http://processing.org/ しか
Rails3.1でController毎に異なるJavaScriptを出力 - tech-kazuhisa's blog
Rails3.1から組み込まれたCoffeeScriptを検証しています。コントローラを作成するとapp/assets/javascriptsにコントローラー名.js.coffeeってファイルが作成されますよね。当然該当するコントローラーに関係するViewを表示した時だけロードされると思ってたんだけど、全てのスクリプトがまとめてロードされてしまうみたいです。 これは次のようにmanifest fileを変更すると動作を変えることができます。 app/assets/javascipts/application.js // This is a manifest file that'll be compiled into including all the files listed below. // Add new JavaScript/Coffee code in separate file
Rubyのexecjsがすごい件
sstephenson/execjs - GitHubrubymaverick/execjs-async - GitHubできることと起動方法とエンジンの違いRubyスクリプトからJavaScriptコードを実行できるV8, node, spidermonkey, rhino などの中からそのとき利用できるエンジンを autodetect して実行してくれる環境変数からエンジンを指定できる ExecJS::Runtimes の中で定義されている RubyRacer や Node の名前で export EXECJS_RUNTIME=Node などと指定する例えば Rhino は therubyrhino gem に依存する。こうした依存 gem は自動では入らないので注意が必要何の gem も準備していなければ execjs 1.2.4 の段階では node.js, JavaScriptC
Deploying node.js on Amazon EC2
Deploying node.js on Amazon EC2 Ben Lindsey · September 1st, 2011 After nearly a month of beating my head against the wall that is hosted node.js stacks — with their fake beta invites and non-existent support — I decided it was time to take matters into my own hands. Amazon Web Service (AWS) offers 12 months of a micro instance for free (as in beer) with 10 GB of disk and 613 MB of memory. This is
TitaniumのコードをGUIなしでエディタからすばやくbuildする - はこべにっき ♨
最近ちまたではTitaniumが話題ですね。はてなの技術勉強会で紹介されたのをきっかけに少しいじってみています。 Titanium開発では、通常Titanium DeveloperというGUIアプリケーションを使ってコードをbuildします。開発中は、どうしてもTitanium Developerとエディタとの行き来が必要で、なかなか不便です。 そこで、Titaniumのコードをvimなどのエディタから一発で、すばやくbuildできるようになるスクリプトを書いてみました。ついでにXCodeもTitanium Developerも(GUIの部分は)起動しなくてよくなります。 https://gist.github.com/715378 使い方 https://gist.github.com/715378 を Titaniumのプロジェクトの直下に置いて、 $ perl build.plのよう
JSON.stringifyでオブジェクトをいい感じに整形できるぞ - hitode909の日記
JSON.stringifyでオブジェクトをいい感じに整形できます． あまり知られていない気がしたので，皆様にお知らせしようと思います． まずこれを読んでください． JSON.stringify(value, replacer, space) value any JavaScript value, usually an object or array. replacer an optional parameter that determines how object values are stringified for objects. It can be a function or an array of strings. space an optional parameter that specifies the indentation of nested structures. If
Lightweight Language Planets : 公開資料
当日使われたスライドのうち、許可いただいたものを公開しています。 基調講演 「JavaScriptプログラマのための全方位的完全武装ガイド」mala メタプログラミングの光と闇 イントロダクション：柴田淳 Perl：牧大輔 Ruby：角征典 Python：小泉守義 Haskell：山本和彦 Node.jsとは何だったのか イントロダクション: 「Node.jsとは何だったのか？」竹迫良範 Perl: 「AnyEvent と Coro の復習」竹迫良範 JavaScript: 「10分でわかるNode.js」清水俊博 Python: 「Twistedとかgeventとか」おおたに Ruby: 「EventMachineとは何だったのか」 なひ 「常識を覆すソートアルゴリズムSleep sort」竹迫良範 「Node.jsで学ぶマルチスレッドプログラミング」竹迫良範 JavaScript八面六
223Soft -
Document Data Structure in MongoDB Express MongoDB lets you easily store structured and unstructured data in a flexible and dynamic database schema. It supports CRUD operations on complex data objects using JSON as the main data type. Its an open source solution so it may not be as robust or well supported as commercial management tools. However it is easy to deploy and works well for most use cas
Request SpecでJavascriptのあるページをテストする方法、 Capybara + Selenium, Capybara + Akephalos など - yuumi3のお仕事日記
先日リリースした 萌えトーク ではEnd-to-Endテストには Request Spec + Capybara を使っていますが、Javascriptの部分は適当なヘルパーメソッドを使いJavascriptを動作させずにテストしましたが、Capybara のドライバーを selenium や Akephalos (HTMLUnit)に入れ替える事で実際にJavascriptを動かして End-to-Endテスト を行う事が出来ます。 写真は、World's Largest Rodent Born at San Diego Zoo! - ZooBorns より テスト対象 Scaffoldが作った一覧ページに、jQuery を使いShowをクリックした場合showページに遷移せず、一覧画面の下の方の にTodo内容を表示さいます。 app/view/index.html.erb <h1>L
Route 477(2010-11-29)
■ [ruby][event] Ruby Advent Calendar 2010の参加者募集中です あのRuby Advent Calendar(jp: 2009)が帰ってきた！ Advent Calendarは、12月のクリスマスまでを数えるカレンダーで、1日に1つずつ穴を開けていく感じのものです。ものによっては中にお菓子が入っていたりします。 それになぞらえて、1日に1つずつRubyに関するTipsを書いていくのがRuby Advent Calendarです。参加方法は、ATNDで登録して、担当日に自分のブログに記事を投稿するだけです。3行でもいいので、ぜひ書いてみてください。 Ruby Advent Calendar jp: 2010 英語トラック 今年はJPerl Advent Calendar 2010 - English Trackにならって、英語トラック(http://at
ドラゴンボールで学ぶオブジェクト指向
オブジェクト指向の基本 亀仙流やつ鶴仙流など、世の中にはいくつかの流派（＝クラス）があり、それぞれの流派にかめはめ波やどどん波、舞空術などの技（メソッド）がいくつかあります。 実際に流派にある技を使う場合、技を覚えているZ戦士（インスタンス）が必要になります。 例）亀仙流を覚えた孫悟空を使ってかめはめ波を放って敵を倒す goku = new KamesenRyu("goku"); goku.shootKamehameha(teki); Z戦士によっては複数の流派の技が使えたり、自分の技を人に教えることが出来ます（継承）。 また悟空とクリリンのように同じ流派でも同じ技で違う性能を持っていたり、オリジナルの技を持っているなどの違いがあります。 クラスはセルを作るためのZ戦士達の遺伝子情報と言っても良いかもしれません。 例）セルを作りましょう。 class Cell extends Goku,V
Underscore.js
Table of Contents Collections each, map, inject, detect, select, reject, all, any, include, invoke, pluck, max, min, sortBy, sortedIndex, toArray, size Arrays first, last, compact, flatten, without, uniq, intersect, zip, indexOf Functions bind, bindAll, delay, defer, wrap Objects keys, values, extend, clone, isEqual, isElement, isArray, isFunction, isUndefined Utility uniqueId, template Collection
RubyでJavaScriptのfunctionをつくる。 - このブログは証明できない。
ファ、ファ、ファンクショ〜ン。すみません。強い光を見ると、くしゃみが。 光くしゃみ反射。 - このブログは証明できない。 ということで、JavaScriptのfunctionはこう書きます。 add = function(a, b) { return a + b; } add(1, 2); //=> 3 Rubyだと、lamdaとかprocとか。 add = lambda {|a, b| a + b } add.call(1, 2) Rubyでも、JavaScriptのfunctionみたいに書きたいですよね。書きたいですよね。 add = function(:a, :b) { returm a + b; }; できたー。 強引ですね。 実装を。 def function(*arg_definitions, &block) lambda {|*args| klass = Class.new
JQuery UI Sortable を使ってドラックアンドドッロプでRuby on Railsの一覧表示の順を設定する - yuumi3のお仕事日記
お仕事で、データの並び順を簡単に設定出来る方法を考えていたら、JQuery UI のSortable が使えるのでは？ と思い試してみました。 下の画像は、 Ruby on Railsの Scaffold で作ったアプリの一覧画面に Sortable を組込、一覧の行をドラックし適当な場所にドロップするところです。 コード jQuery UI jQUeryと JQueryUI (最低限 UI Core, Draggable, Sortable) をダウンロドし public/javascripts に追加します。 これらの Javascriptを使えるようにレイアウトに追加 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> ・・・・ 省略 ・・・・ <%= javascript_include_tag 'jque
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2011年10月-サーバーワークスエンジニアブログ
JavascriptでRubyの作り方
