Home > MooTools

MooTools Archive

[MooTools] Chainについて

MooToolsにはChainというクラスがある。
これは関数の実行を数珠繋ぎに出来る便利なヤツです。

公式にあるChainのデモはFxのstartメソッドにchainメソッドをくっつけているものなのだけど、
ドキュメントの一番上に載っている、クラスにChainをImplemantするサンプルコードを実行してみると動かなかったりする。

PLAIN TEXT
JavaScript:
  1. var Todo = new Class({
  2.         Implements: Chain,
  3.         initialize: function(){
  4.             this.chain.apply(this, arguments);
  5.         }
  6.     });
  7.  
  8.     var myTodoList = new Todo(
  9.         function(){ alert('get groceries'); },
  10.         function(){ alert('go workout'); },
  11.         function(){ alert('code mootools documentation until eyes close involuntarily'); },
  12.         function(){ alert('sleep'); }
  13.     );

Continue reading

MooTools基礎文法最速マスター

プログラミング基礎文法最速マスターまとめにMooToolsが無かったからカッとなって（ry

MooToolsについての概要はウィキペディアをご覧ください。
MooToolsは全体的に他のOOPな言語（特にPHP）とよく似てて、
jQueryが流行る前にスタンダードだったprototype.jsに近いです。
巷で一番人気のjQueryのjQuery的な構文が苦手！っていう人にはマジおすすめ。

Continue reading

[tools] 楽天の定休日カレンダーが手打ちだからツールを作った

楽天ショップを管理している同僚がポロッとつぶやく。

（ ´ω｀） 「定休日のカレンダーを手打ちするのが面倒臭いんだよね」

楽天ショップのカレンダーってどこの店でも出しているから、てっきり管理画面にそういうカレンダー出力機能があると思っていた私驚愕。
マジで全然手打ちだからアレｗｗｗ　らしい。なんということでしょう…
（楽天内部にある講座的なものに"カレンダーの作り方"というものがあったが、テーブルタグの打ち方そのものでがっかりしたそうな）

カレンダーのタグ作るくらい検索すれば見つかるだろと言ったが何やらもにょもにょ言うだけでちっとも探そうともしないから、
イラレしか使えないデザイナーでも分かるだろうツールを作ってやりました。

楽天用カレンダージェネレーター

しかしこれを見せたら全部自動化できないの？と言われる始末。
これのベースにしたMooToolsのカレンダープラグインもありますよ？

moocalendar

でもこっちは休日データがオブジェクトなものだから、そのオブジェクトを作る手間が掛かるわけで…
結局タグコピペが一番早いんじゃないの、と思わずには居られなかった。
プラグインは別の記事で晒します。

MooTools Core 1.3 リリース！新機能・変更点まとめ

まだ私も良く分かってないので調べながらメモっていくつもりで。

1.3がでたので1.2で書いたプラグインもバージョンうｐしなきゃ！と思っても慌てる必要はnothing！
下位互換機能がついたCore（width Compatibilityなやつ）を選べば共存出来る。

Slick

セレクタエンジンSlickはMooToolsのファミリープロジェクト。だってお。
1.3でCoreに内臓されてCSSのセレクタを使用したDOM操作がパワーアップ。

Create Element

1.2.xで要素を作るときのソース：

PLAIN TEXT
JavaScript:
  1. new Element("div", {"id": "mootools", "class": "moo cow","title":"Sample", "text":"MooTools!"});

Slickで書くとこうなる:

PLAIN TEXT
JavaScript:
  1. new Element("div#mootools.moo.cow[title=Sample][text=MooTools?]");

Result:

PLAIN TEXT
HTML:
  1. <div id="mootools" title="Sample" class="moo cow">MooTools?</div>

ZenCodingみたいな感じだけど作れる要素は１つだけです。
１行で済むのは楽っちゃ楽だけどOOPライクな前者の方が見やすくて好きだな。

Continue reading

[MooTools] DataTree Plugin

左から右への水平方向にツリー形式で並べるクラスです。
初期は定義リストだけど使う要素は何でもいい。

DataTree ScreenShot

View Demo

Continue reading

 Page 1 of 12  1  2  3  4  5 » ...  Last » 

ホーム > MooTools

Scripts
カテゴリー
Recent Reactions
最近の投稿
最近の修正
  • そしてこのSQLはわれながらよく書いたと思う 2010-11-15
  • CSVの列っていう方がいいのかな…118項目だった 2010-11-15
  • 楽天のCSVの項目が116個もあった衝撃 2010-11-15
  • オフィスで香水臭振りまくのは迷惑だと知れ 2010-11-15
  • ぐあー　フレグランステロやー 2010-11-15
  • More updates...

Powered by Twitter Tools

Tag Cloud
おすすめサーバー・他

メタ情報

Return to page top