<p><a href="http://rails2u.com:8009/">http://rails2u.com:8009/</a> (そのうち消します)<br>
明日(11/18日)発売予定のSoftwareDesignのRails特集にRails + Ajaxアプリケーション構築の記事を執筆しました。そこで一から構築方法を説明してるのが、上記URLのTodoListのアプリケーションです。機能は以下。</p>
<ul>
<li>右上のテキストボックスでリストの追加</li>
<li>リスト内部のADDをクリックしてTodoを追加</li>
<li>リスト内部のDELETEをクリックしてリスト削除</li>
<li>追加されたTodoをダブルクリックでインライン編集
<ul>
<li>インライン編集時、文字列を全部削除してOKでTodoの削除</li>
</ul>
</li>
<li>Todoをドラッグアンドドロップで位置の変更</li>
<li>checkboxのon/offで完了/未完 の切り替え</li>
</ul>
<p>これらすべての動作をAjaxでサーバに情報を送信しています。また、できる限りRailsのHelperを使ってJavaScriptの生成をしています。<br>
デモアプリケーションを触って興味がわいたら、雑誌の方も読んでみてください。あ、雑誌の解説ではsvn headを落として云々、と書いてありますが、いまならRails 0.14.3を使えば問題無いと思います。<br>
ていうかこれ一ヶ月半ぐらい前に作ったアプリなんですけど、なんか大昔に作ったような感じが、、、。</p>

http://rails2u.com:8009/ (そのうち消します)明日(11/18日)発売予定のSoftwareDesignのRails特集にRails + Ajaxアプリケーション構築の記事を執筆しました。そこで一から構築方法を説明してるのが、上記URLのTodoListのアプリケーションです。機能は以下。右上のテキストボックスでリストの追加リスト内部のADDをクリックしてTodoを追加リスト内部のDELETEをクリックしてリスト削除追加されたTodoをダブルクリックでインライン編集インライン編集時、文字列を全部削除してOKでTodoの削除Todoをドラッグアンドドロップで位置の変更checkboxのon/offで完了/未完 の切り替えこれらすべての動作をAjaxでサーバに情報を送信しています。また、できる限りRailsのHelperを使ってJavaScriptの生成をしています。デ

http://rails2u.com:8009/ (そのうち消します)明日(11/18日)発売予定のSoftwareDesignのRails特集にRails + Ajaxアプリケーション構築の記事を執筆しました。そこで一から構築方法を説明してるのが、上記URLのTodoListのアプリケーションです。機能は以下。右上のテキストボックスでリストの追加リスト内部のADDをクリックしてTodoを追加リスト内部のDELETEをクリックしてリスト削除追加されたTodoをダブルクリックでインライン編集インライン編集時、文字列を全部削除してOKでTodoの削除Todoをドラッグアンドドロップで位置の変更checkboxのon/offで完了/未完 の切り替えこれらすべての動作をAjaxでサーバに情報を送信しています。また、できる限りRailsのHelperを使ってJavaScriptの生成をしています。デモアプリケーションを触って興味がわいたら、雑誌の方も読んでみてください。あ、雑誌の解説ではsvn headを落として云々、と書いてありますが、いまならRails 0.14.3を使えば問題無いと思います。ていうかこれ一ヶ月半ぐらい前に作ったアプリなんですけど、なんか大昔に作ったような感じが、、、。

SoftwareDesign 2005年12月号 Rails + Ajax記事のデモアプリケーション

<h3>○○はもうだめかもわからんね</h3>
<p>の元ネタってなんだっけ？</p>
<h3>とってもメルヘンな人</h3>
<p>って紹介されてる人が居て、メンヘルなのかと思ったらメルヘンだった。いろんな意味で紙一重な気がするお！</p>
<h3>がんばりましょーこ</h3>
<p>初めて知った…。</p>
<h3>しょこたん</h3>
<p>んー、元祖はハマショーの方なんかなぁ。あと浜田翔子もカワユスだけどしょこたんにはかなわないお！</p>
<h3>アルファスパマーの皆さん</h3>
<p>は自分のアルファスパム行為によってはてブのホッテントリに載っても、その行為によって増えるアクセス数なんて1%未満の微々たる数字だろうからねぇ。つまりネタてのはすぐ解ることで。</p>
<p>でもまー真似するアクセス数が少ないサイトの人が増えてきて、セレブクマだらけになったらそれはそれでノイズが増えちゃうので<a href="http://subtech.g.hatena.ne.jp/antipop/">id:antipop</a>は悪！evil!!!!</p>
<h3>セルフブックマークって</h3>
<p>何今流行ってる言葉なの？毎回セレブブックマークに見間違えて困る。僕もセレブクマしたいお。</p>
<h3>あーーーー</h3>
<p>またHHKPでbloglines購読中にs押してない(つもり)なのに連打されちゃって未読のが既読になりまくっちゃってカナシス。しょこたんぶろぐの未読分がーｐｑ－。軽すぎるのも考え物。やっぱりHHK2がさいこーなんだなとおもいます。</p>
<h3>cmd.exeを使うとエスケープシーケンスを入力しまくる件</h3>
<pre><code>^T^T^T^R^R^R^R^A^K
</code></pre>
<p>顔文字みたいだな。^T(screen)^R(bck-i-search)^A(行頭)^K(行削除)とかなんでできねーんだ？と思って無意識に打っちゃう罠。</p>
<h3>ネットベンチャーのアレ</h3>
<ul>
<li>入りたい証券会社は？
<ul>
<li>ゴールドマンサックス</li>
</ul>
</li>
<li>理由は？
<ul>
<li>給料が高そう。ヒルズ族になれる。</li>
</ul>
</li>
</ul>
<p>とかそいうノリだよなぁ、回答者は。</p>
<h3>やはりHHKPよりHHK2の方が好きな</h3>
<p>オレガイル。HHKPはスカスカ感があまり好きになれないんだよな。HHK2の黒モデルでUSB版でねーかなぁ。</p>
<h3>ActiveHeartのバグ</h3>
<p>田奈さんのまーじしたらわかったお！</p>
<pre><code>config.frameworks -= [ :action_web_service, :action_mailer, :active_record ]
</code></pre>
<p>とかしとくと、そんなクラスやモジュールねぇよで落ちる。そりゃなぁ。つーことでinit.rbでrequireするときに対処。defined?でいま調べるようにしたけどbegin;rescueのほうがいいんかなぁ。</p>
<h3>RestController</h3>
<p><a href="http://microformats.org/discuss/mail/microformats-rest/2005-November/000042.html">http://microformats.org/discuss/mail/microformats-rest/2005-November/000042.html</a></p>
<p>ヤバス。んでもこれもうちょいあれこれして、ActionWebServiceのほうに取り込んで欲しいな。</p>
<p>で、参考になったのがこんなのでメソッド定義。まだまだRuby知らないなぁ。</p>
<pre><code>class Foo
  def self.def_methods(&#x26;block)
    mod = Module.new(&#x26;block)
    include mod
  end
end

Foo.def_methods do
  def bar
    baz
  end

  private
  def baz
    puts 'baz'
  end
end

foo = Foo.new
foo.bar
#=> baz
foo.baz
#=> module.rb:21: private method `baz' called for  (NoMethodError)
</code></pre>

○○はもうだめかもわからんねの元ネタってなんだっけ？とってもメルヘンな人って紹介されてる人が居て、メンヘルなのかと思ったらメルヘンだった。いろんな意味で紙一重な気がするお！がんばりましょーこ初めて知った…。しょこたんんー、元祖はハマショーの方なんかなぁ。あと浜田翔子もカワユスだけどしょこたんにはかなわないお！アルファスパマーの皆さんは自分のアルファスパム行為によってはてブのホッテントリに載っても、その行為によって増えるアクセス数なんて1%未満の微々たる数字だろうからねぇ。つまりネタてのはすぐ解ることで。でもまー真似するアクセス数が少ないサイトの人が増えてきて、セレブクマだらけになったらそれはそれでノイズが増えちゃうのでid:antipopは悪！evil!!!!セルフブックマークって何今流行ってる言葉なの？毎回セレブブックマークに見間違えて困る。僕もセレブクマしたいお。あーーーーまたHHKP

○○はもうだめかもわからんねの元ネタってなんだっけ？とってもメルヘンな人って紹介されてる人が居て、メンヘルなのかと思ったらメルヘンだった。いろんな意味で紙一重な気がするお！がんばりましょーこ初めて知った…。しょこたんんー、元祖はハマショーの方なんかなぁ。あと浜田翔子もカワユスだけどしょこたんにはかなわないお！アルファスパマーの皆さんは自分のアルファスパム行為によってはてブのホッテントリに載っても、その行為によって増えるアクセス数なんて1%未満の微々たる数字だろうからねぇ。つまりネタてのはすぐ解ることで。でもまー真似するアクセス数が少ないサイトの人が増えてきて、セレブクマだらけになったらそれはそれでノイズが増えちゃうのでid:antipopは悪！evil!!!!セルフブックマークって何今流行ってる言葉なの？毎回セレブブックマークに見間違えて困る。僕もセレブクマしたいお。あーーーーまたHHKPでbloglines購読中にs押してない(つもり)なのに連打されちゃって未読のが既読になりまくっちゃってカナシス。しょこたんぶろぐの未読分がーｐｑ－。軽すぎるのも考え物。やっぱりHHK2がさいこーなんだなとおもいます。cmd.exeを使うとエスケープシーケンスを入力しまくる件^T^T^T^R^R^R^R^A^K顔文字みたいだな。^T(screen)^R(bck-i-search)^A(行頭)^K(行削除)とかなんでできねーんだ？と思って無意識に打っちゃう罠。ネットベンチャーのアレ入りたい証券会社は？ゴールドマンサックス理由は？給料が高そう。ヒルズ族になれる。とかそいうノリだよなぁ、回答者は。やはりHHKPよりHHK2の方が好きなオレガイル。HHKPはスカスカ感があまり好きになれないんだよな。HHK2の黒モデルでUSB版でねーかなぁ。ActiveHeartのバグ田奈さんのまーじしたらわかったお！config.frameworks -= [ :action_web_service, :action_mailer, :active_record ]とかしとくと、そんなクラスやモジュールねぇよで落ちる。そりゃなぁ。つーことでinit.rbでrequireするときに対処。defined?でいま調べるようにしたけどbegin;rescueのほうがいいんかなぁ。RestControllerhttp://microformats.org/discuss/mail/microformats-rest/2005-November/000042.htmlヤバス。んでもこれもうちょいあれこれして、ActionWebServiceのほうに取り込んで欲しいな。で、参考になったのがこんなのでメソッド定義。まだまだRuby知らないなぁ。class Foo
  def self.def_methods(&block)
    mod = Module.new(&block)
    include mod
  end
end

Foo.def_methods do
  def bar
    baz
  end

  private
  def baz
    puts 'baz'
  end
end

foo = Foo.new
foo.bar
#=> baz
foo.baz
#=> module.rb:21: private method `baz' called for  (NoMethodError)

2005-11-17

<h3>junoさんの先見の目はすごすぎ</h3>
<p>そこら辺のアルギなんて相手にならないぐらいすごいよ。マジでマジで。</p>
<h3>あいあーるしー</h3>
<p>%Railsから抜け。殺伐としすぎている、、、。やっぱ身内じゃないと有益な話しなかったりできなかったり感。</p>
<h3>IEのJSの罠</h3>
<pre><code>Foo = {
  a:'b',
  c:'d',
};
</code></pre>
<p>みたいに最後のに,つけちゃうとエラー。もちろん気をつけていて、だいたいこのエラーになるときはすぐ解るんだけど、ときたま忘れててエラー箇所探しまくる。IEのエラーメッセージは情報少なすぎるし。今日も五分ぐらいかけて探しちゃったよ。</p>
<h3>Dispatcher</h3>
<pre><code>Event.observe(window, 'load', function(){Giza.Dispatcher.dispatch();} );
</code></pre>
<p>みたいに無名関数に入れてつっこまないと、その後に定義したもんが反映されない。</p>
<h3>order by rand</h3>
<p><a href="http://d.hatena.ne.jp/naoya/20051118/1132279240">d:id:naoya:20051118:1132279240</a></p>
<p>Traipyじゃ<a href="http://d.hatena.ne.jp/yappo/20051118/1132287868">d:id:yappo:20051118:1132287868</a> の方法でやってるなぁ。欠番でないから。</p>
<p>ん十万以上のレコードでprimary keyがオートインクリメントじゃない文字列の場合、そのkeyをwebサーバのオンメモリ、キャッシュ、memcachedなんかにいれといてランダムで取り出すのを作った方がコスト的には一番楽なんかな。</p>
<h3>↓のコード</h3>
<p>eachのみでイイじゃんとか思った。</p>
<pre><code>properties.each(function(value){
      if( ( value.match(request_regexp) &#x26;&#x26; this.request_methods.include(RegExp.$1) )
          || value.match(method_regexp) )
        this.options[value] = this[value].bind(this);
    }.bind(this));
</code></pre>
<p>んなかんじ。そういやJSのregexpのコンパイルコストってけっこうかかるんかな。後で調べる（覚えてたら）</p>
<h3>bindまくり</h3>
<p>とあるオブジェクト内側でprototype.jsのArrayの無名関数つかってfindAllだったりeachだったり使おうと思ったらthisが参照できなくてbindまくるコードに…。</p>
<pre><code>properties.findAll(function(value){
      var m = value.match(/^([a-z]+?)On/);
      if(m &#x26;&#x26; this.request_methods.include(m[1]))
        return true;
    }.bind(this)).each(function(value){
      this.options[value] = this[value].bind(this);
    }.bind(this));
</code></pre>
<h3>謎めき系</h3>
<blockquote>
<p>いつもカンファレンスや勉強会で会うあの人がいた</p>
</blockquote>
<p>いつもいるあの人って云ったらあの人しかいませんよね(謎</p>

junoさんの先見の目はすごすぎそこら辺のアルギなんて相手にならないぐらいすごいよ。マジでマジで。あいあーるしー%Railsから抜け。殺伐としすぎている、、、。やっぱ身内じゃないと有益な話しなかったりできなかったり感。IEのJSの罠Foo = {
  a:'b',
  c:'d',
};みたいに最後のに,つけちゃうとエラー。もちろん気をつけていて、だいたいこのエラーになるときはすぐ解るんだけど、ときたま忘れててエラー箇所探しまくる。IEのエラーメッセージは情報少なすぎるし。今日も五分ぐらいかけて探しちゃったよ。DispatcherEvent.observe(window, 'load', function(){Giza.Dispatcher.dispatch();} );みたいに無名関数に入れてつっこまないと、その後に定義したもんが反映されない。order by randd:id:naoy

junoさんの先見の目はすごすぎそこら辺のアルギなんて相手にならないぐらいすごいよ。マジでマジで。あいあーるしー%Railsから抜け。殺伐としすぎている、、、。やっぱ身内じゃないと有益な話しなかったりできなかったり感。IEのJSの罠Foo = {
  a:'b',
  c:'d',
};みたいに最後のに,つけちゃうとエラー。もちろん気をつけていて、だいたいこのエラーになるときはすぐ解るんだけど、ときたま忘れててエラー箇所探しまくる。IEのエラーメッセージは情報少なすぎるし。今日も五分ぐらいかけて探しちゃったよ。DispatcherEvent.observe(window, 'load', function(){Giza.Dispatcher.dispatch();} );みたいに無名関数に入れてつっこまないと、その後に定義したもんが反映されない。order by randd:id:naoya:20051118:1132279240Traipyじゃd:id:yappo:20051118:1132287868 の方法でやってるなぁ。欠番でないから。ん十万以上のレコードでprimary keyがオートインクリメントじゃない文字列の場合、そのkeyをwebサーバのオンメモリ、キャッシュ、memcachedなんかにいれといてランダムで取り出すのを作った方がコスト的には一番楽なんかな。↓のコードeachのみでイイじゃんとか思った。properties.each(function(value){
      if( ( value.match(request_regexp) && this.request_methods.include(RegExp.$1) )
          || value.match(method_regexp) )
        this.options[value] = this[value].bind(this);
    }.bind(this));んなかんじ。そういやJSのregexpのコンパイルコストってけっこうかかるんかな。後で調べる（覚えてたら）bindまくりとあるオブジェクト内側でprototype.jsのArrayの無名関数つかってfindAllだったりeachだったり使おうと思ったらthisが参照できなくてbindまくるコードに…。properties.findAll(function(value){
      var m = value.match(/^([a-z]+?)On/);
      if(m && this.request_methods.include(m[1]))
        return true;
    }.bind(this)).each(function(value){
      this.options[value] = this[value].bind(this);
    }.bind(this));謎めき系いつもカンファレンスや勉強会で会うあの人がいたいつもいるあの人って云ったらあの人しかいませんよね(謎

A Day in the Life

SoftwareDesign 2005年12月号 Rails + Ajax記事のデモアプリケーション

書いている人

おたよりを送る