タグ

ブックマーク / anatoo.hatenablog.com (4)

  • クライアントサイドJavaScriptでのビューの作り方4つ - id:anatooのブログ

    追記: 指摘により、UIオブジェクト型を追加した(thx @kanreisa)。 クライアントサイドJavaScriptでのビューの作り方を大別すると、3つ4つある。 DOM操作型 テンプレートエンジン型 UIオブジェクト型 データバインディング型 ここでいうビューの作り方とは、有り体にいうとJavaScriptからどうやってDOM要素を生成したりするかどうか。イベントリスナーの登録とかも含む。 DOM操作型 昔ながらのやり方。jQueryとか使って直接DOM操作してビューを作る。 // 例えば、<div class='hoge'>fugafuga</div> みたいなDOMを表示する var myView = $("<div class='hoge'/>"); myView.text('fugafuga'); // body以下に挿入 $(body).append(myView); 長所

  • jQueryはモナドだ - id:anatooのブログ

    この記事はjQuery is a Monad | Important Shockという記事の勝手訳です。 追記1: bonotakeさんが補足記事を書いてくれています → JQueryがモナドかどうかとか - たけをの日記@天竺から帰ってきたよ 追記2: hirataraさんが補足記事を書いてくれています → jQueryは当にモナドだった - 北海道苫小牧市出身のPGが書くブログ Haskellプログラマーは誰しもがモナドに関する各々のチュートリアルを書くと言われる。というのも、一度モナドの定義とその可能性を理解すれば、モナド全体を囲む神秘性に挑戦して打ち破るのが容易になるからだ。門外漢からすれば、モナドはHaskellを真に理解することを妨げる不可解な障壁だ。モナドはとても不適当な名前で呪われていて、一風変わった文法を持ち、一度に何もかもやってしまう様に見える。しかしながら、その動き

    jQueryはモナドだ - id:anatooのブログ
  • nimpad(クローズドベータ)を公開しました - id:anatooのブログ

    nimpadというサービスをクローズドベータとして公開しています。 概要 nimpadは以下のようなwikiを簡単に作れるサービスです。 はてな記法を使える 編集フォームでEmacs風のキーバインドが使える 記事名の絞り込み検索から素早く該当記事に移動できる 複数の記事を縦横に並べて編集できる サンプル 実際に動いているサンプルはこちらです。 使ってみたい 現在新しくwikiを作る際には認証キーが必要ですが、使ってみたい方はtwitterか何かで教えてくれれば認証キーを送ります。

    nimpad(クローズドベータ)を公開しました - id:anatooのブログ
  • JavaScriptの関数オブジェクトを拡張する - id:anatooのブログ

    関数オブジェクトにあると便利なんじゃないかと思ったメソッドを適当に生やしてみた。 // 関数を合成するメソッド Function.prototype.compose = function(a) { var self = this; return function() { return self(a.apply(null, arguments)); }; }; // 合成する順番を逆にした以外はcomposeと同じ Function.prototype.prepose = function(a) { var self = this; return function() { return a(self.apply(null, arguments)); }; }; // カリー化する Function.prototype.bind = function() { var base = []; fo

    JavaScriptの関数オブジェクトを拡張する - id:anatooのブログ
  • 1