rails3 + html5 canvasでお絵かき投稿サイトを作ろう！
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って？ ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
require('events').EventEmitter.call(this) の意味 - Block Rockin’ Codes
[修正] コメントで指摘されたように、回答4の訳が間違っていたので訂正しました。 Node の ML に以下のような質問が投稿されました。 What is the meaning of require('events').EventEmitter.call(this) 内容としては。 「以下のようなコードがあったんだけど、これってどういう意味？」 var util = require("util"); var events = require("events"); function MyStream() { // ここの意味がよくわからん、これは `new MyStream` と同じに見えるんだけど違うの？ events.EventEmitter.call(this); } util.inherits(MyStream, events.EventEmitter); var steam =
JavaScriptの再利用とapply
私がこういうの大嫌いなのは一部では有名な話ですが、職場では寛容に、ネット上では偏屈に、がポリシーなので素直に流しました。
javascriptの関数が変態すぎる
うめぇヨーグルトソースでもいかがですか。個人差にもよりますが。もしよろしければ。 お久しぶりです。 最近うんめぇ〜と思ってるヨーグルトソースがあるので、書いていこうと思います。 ヨーグルトとハーブ類をもりもり使うので、そういうのが食べられない方にはうんめぇソースではないです。ごめんなさい…。もしよろしければお茶だけも…旦~ 【用意する…
pixiv Tech Meeting #1 にて発表してきました。 - moriyoshiの日記
ひょんなことで pixiv といろいろ縁があったので発表に至りました。 PHP を JS に変換する「Phjosh (仮)」についてです。 誰にも聞かれなかったのであえて書くと、Phjoshの開発者の脳内発音は「fjosh」みたいな感じです。 Phjosh(仮)プロジェクトView more presentations from Moriyoshi Koizumi. GitHubでソースは公開しています。 まだできないことの方が多いので、暇を見て作り込んでいきます。 http://github.com/moriyoshi/phjosh 12/22 追記: PHP/Parser/Base.php がないと言われますが、これは kmyacc-forked をインストールして、 http://github.com/moriyoshi/kmyacc-forked phjosh のディレクトリで m
Chrome、IE、Firefox 上で JavaScript を一括で同時に実行させることが出来る「Tutti」:phpspot開発日誌
Chrome、IE、Firefox 上で JavaScript を一括で同時に実行させることが出来る「Tutti」 2010年12月14日- Tutti - Interactively run Javascript on multiple browsers Chrome、IE、Firefox 上で JavaScript を一括で同時に実行させることが出来る「Tutti」のご紹介。 サイト上で、「Create a Room」を押すと、コンソールウィンドウのようなものが開きます。そのURLをFirefox、IE等別のブラウザにそのままコピーペーストで開きます。 で、１つのブラウザ上で alert('hello worl'); とやると、全部のブラウザで一斉に hello world が alert されるというもの。 Socket.IO や Node.js などを使って実装されているみたい。
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
[訂正版] Javascriptでクラスを継承する
Photo by spud murphy 先ほどの記事のコードにミスがあり、継承を行うと、親クラスも書き換えてしまうバグがありました。コメントやTwitterで報告いただいた方々ありがとうございます。 あの後、調べて見れると、あまりスマートに継承を実現する方法は無いみたいですが、ユーザが作ったクラス(StringなどのAtomic型を除く)は下記のコードで継承が行えます。 特に、Array型を継承するのは、無理なようです。[]を上書きできないので、どうしようも無いみたいです。残念。 <body> <div id="result"></div> <script> var puts = function(str) { var el = document.getElementById('result'); el.innerHTML = el.innerHTML + str + "<br/>";
![[訂正版] Javascriptでクラスを継承する](https://cdn-ak-scissors.b.st-hatena.com/image/square/8654bdfe61d588ff1dc15a48f5c38213ed32d271/height=288;version=1;width=512/http%3A%2F%2Ffarm3.static.flickr.com%2F2240%2F2219132087_373029368d_m.jpg)
Titanium Mobile についての勉強会資料 - naoyaのはてなダイアリー
昨日は gumiStudy#5 でした。何か Tech Talk を、ということだったので最近いじっていた Titanium Mobile について整理して、紹介してきました。 Titanium MobileView more presentations from Naoya Ito. (フォントがひどいですね・・・すみません。http://www.slideshare.net/naoya1977/titanium-mobile/download からダウンロードできます) 先日書いたエントリ (http://d.hatena.ne.jp/naoya/20101011/1286799669) のとおり、Titanium Mobile を使うと JavaScript でネイティブアプリを開発することができます。しかも iPhone/Android マルチプラットフォーム対応。最近は Blac
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me
IDEA * IDEA