maeshimaの日記

メモ書きです

2009-01-01から1年間の記事一覧

styleプロパティ

getter onlyのプロパティみたいなので document.getElementById("hoge").style = "display:block"; みたいなことはできない。 document.getElementById("hoge").setAttribute("style", "display:block"); のようにsetAttributeを使うとよさげ

anything-project

tokyo-emacs#2に参加した - おもしろWEBサービス開発日記の時に知ったanything-projectをようやく導入してみたimakado's anything-project at master - GitHubファイルの内容のgrepかと思ってたけどファイル名のgrepなのね。下記のように設定した (require '…

jQuery.eachでループしてるときのbreak,continue

continueはreturn、breakはreturn falseで行えます。 tech.kayac.comで公開されたjQuery関連記事まとめ(〜2009年版) : tech.kayac.com - KAYAC engineers' blog breakのやり方わからないから、break使う時だけfor文使ったりしてた><

jQuery.fn.get()

普通のDOMオブジェクトの配列を返す。引数に数値を入れた場合は該当するインデックスの配列の中身を返す

クロスブラウザ対応

jQuery時代に生きるクロスブラウザ対応の知恵 8選 : tech.kayac.com - KAYAC engineers' blogを見て気になった点のメモ 文字列の最後の文字列を取得したいとき str[str.length - 1] はIEではうまくうごかない str.slice(-1) だとうまくいく scriptタグにはch…

今週のrailscasts

今週は、DBに保存はしないけどARのvalidationは使いたい時のコツについて。Railscasts - Tableless Model例として、フォームの結果をDBに保存しないようなメールフォームをあげている。途中まで普通に作る→DBテーブルとmigrationファイル消す→エラー(当たり…

rake db:rollback

Rails2.0あたりから追加されてたっぽいけど全然使ってなかった。メモ rake db:rollback STEP=n STEPでロールバックするマイグレーションの数を指定できる。デフォルト1あと rake db:abort_if_pending_migrations というのがあって、まだmigrateしてないファ…

js2-mode

javascirpt編集用に、emacsのjs2-modeをずっとつかってきたけど、いろいろ困る点があって我慢できなくなってきた その1 他のjsファイルで定義した変数に代入するときに「初期化してないよ」ってエラー表示が出る if (hoge) { return "hoge" } その2 上記の…

jQuery.fn.hover()

hoverはmouseover, mouseoutの組み合わせで実装できるのかと思ったけど、内部に別の要素が存在したときの挙動が微妙に違うみたい。 Aというdiv内にBというimgがある場合、B上にカーソルが入ってもAのoutは発生しません。これはdivのmouseoutイベントを用いた…

jQuery()

第二引数にDOM要素を指定できるのは知らなかったなー。 documentの最初のform内にある、全てのinputタグでtypeがradioのものを抽出する。 $("input:radio", document.form[0]); http://semooh.jp/jquery/api/core/jQuery/expression%2C+context/ 追記 DOM要…

jQuery.extend

jQueryのプロトタイプに関数を定義する方法 - willnetの日記 - g:javascriptで書いたようにjQuery.extend()がよくわかってかったので調べた。jQuery日本語リファレンスだと説明が古いようなので本家のリファレンスを参照した。 Utilities/jQuery.extend - jQ…

continue

ループの最初に戻る。rubyでいうredo。next

nodeType

DOMのノードの種類を数字で返すプロパティDOM Samples /Core Node/nodeType - [JavaScript]All About

jQuery.appendTo()

引数はselectorなので下記のようなことは出来ない $("<span />").appendTo($("<div></div>")); Manipulation/appendTo - jQuery JavaScript Library</span>

jQuery.fn.end()

jQueryオブジェクトを連鎖的に呼び出していった際に、現在の選択状態を破棄して1つ前の状態に戻します。 end() - jQuery 1.3.2 日本語リファレンス 最初は???だったけど、じっくり読んだらわかった。jQueryオブジェクトは自分の内部状態の変化(cssとかで…

tagName

DOMエレメントにtagNameというプロパティがあり、読んで字のごとく自分のタグの名前を返してくれる。知らなかったのでメモ

jQuery.fn.map()

jQueryオブジェクトが持つ要素集合を、elementなどの他の値の配列に変換する。 この機能を使って、valueや属性、cssなど様々な値の配列を作ることが出来る。 map(callback) - jQuery 1.3.2 日本語リファレンス とあるけど戻り値はjQueryオブジェクト。サンプ…

jQueryのプロトタイプに関数を定義する方法

jQueryのプロトタイプに関数を定義したい場合は jQuery.fn.hoge = function () { // something... }; とするか jQuery.fn.extend({ hoge:function () { // something... }}); とする。たぶんextend使うと既存の関数を上書きしないようにするんじゃないかな(…

eps形式

fireworksで扱える

ラスタライズ

ベクター形式からビットマップ形式にすることラスタライズとは 【rasterize】 - 意味/解説/説明/定義 : IT用語辞典

DOM構築後にスクリプトを実行するには

window.onloadに関数代入するのが一番楽だけど、画像の読み込みまで待ってしまう DOMContentLoadedイベントを監視すると画像読み込み前でスクリプトを実行できる IEにはDOMContentLoadedがないのでdocument.documentElement.doScroll("left")を監視してDOM構…

jQueryのheight()はpaddingの中の高さ

paddingも含めた高さを取得したければoffsetHeightとかを参照する必要があるみたいjQuery でサイズや位置を取得する方法を図にしてみた - Cyokodog :: Diary

helper_method

controllerのメソッドをviewでも使えるようにするメソッド helper_method :current_user, :logged_in? などとするとcurrent_userメソッドやlogged_in?メソッドがviewでも使えるようになる

今週のrailscasts

decraretive authorizationよりもっと軽い認可プラグインcancanについて。Railscasts - Authorization with CanCan ryanb's cancan at master - GitHub認証部分はauthlogicなどの、current_userメソッドを定義しているプラグインを導入していることが前提な…

liを横並びにするには

二つ方法がある display:inline float:left こちらの方法では、センタリングするのに一工夫必要。position:relativeを使う方法がハックフリーでよさげ。hail2u.net - Weblog - floatで並べたリストのセンタリング↑は50%とかで指定してセンタリングしてたけど…

rescue_from

エラーのクラスを見て処理を振り分けるメソッド。rescue_actionでcase whenしてるのであんまつかわんけど一応メモ rescue_from ActiveRecord::RecordInvalid, :with => :show_errors rescue_from 'MyAppError::Base' do |exception| render :xml => exceptio…

fireworksキーバインド

altキーを押しながらドラッグすると自動でコピーできる

uupaa.js

ぐぐってみたけど具体的にどう使うのかよくわからんかったuupaa.jsとは - はてなキーワード

trim

jqueryにtrimメソッドがあるのを知ったので、ソースを見てみた。 trim: function( text ) { return (text || "").replace( /^\s+|\s+$/g, "" ); } \s使ってるけど、全角の空白とかきちんと除去されるのかなー 追記 IE6,7だと\sが全角空白に対応していないよ…

propertyIsEnumerable

Object の子孫にあたるあらゆるオブジェクトは propertyIsEnumerable メソッドを継承しています。このメソッドはあるオブジェクトのプロパティが for...in ループで列挙可能かどうかを特定することができます。もしオブジェクトが指定されたプロパティを持っ…