[B! tips] pocotan001のブックマーク

読みやすい文章を書くための技法 - RyoAnna

『坊っちゃん』自筆原稿読みやすい文章とは、流れるように読める文章だ。難しい言葉はいらない。気のきいた言葉もいらない。文頭から文末まで振り返ることなく読める文章が、最も美しい。読みやすさの基準は客観的なものだ。読み手には様々な人がいる。老若男女すべての人に対して読みやすい文章を書くのは難しい。ただ、綺麗な文章を書こうとする意識は持ちたい。文章を書く上で意識すべき技法を紹介する。常体と敬体常体とは「だ・である」調の文章であり、敬体とは「です・ます」調の文章を指す。それぞれにメリットとデメリットがある。常体は、自分の意思を力強く伝える事ができるが、我の強い文章になる。敬体は、優しい印象で共感を得やすいが、まわりくどい文章になる。常体と敬体を織り交ぜて書く手法もある。まずは自分で試してみて、書きやすい文体を見つければいい。文章の始まりは短く最初の一文は短いほうがいい。インパクトが

pocotan001 2012/03/28

tips

リンク

jQueryの基本的な書き方 [Javascript] All About

pocotan001 2010/06/17

jQuery
tips

リンク

JavaScript でカリー化、再び: Days on the Moon

以前、「JavaScript で引数束縛」において関数のカリー化を試みました。しかし、そこでカリー化された関数は、そのままでは一度しか部分適用ができず、また、最初の関数呼び出しは必ず部分適用として扱われていました。 function mean3(a, b, c) { return (a + b + c) / 3; } // 「JavaScript で引数束縛」における curry 関数。 var curriedMean3 = curry(mean3); curriedMean3(1)(2, 3); // => 2 curriedMean3(1)(2)(3); // => TypeError: curriedMean3(1)(2) is not a function // そのままでは部分適用を 2 回以上行えない。 // curry(curriedMean3(1))(2)(3) なら大丈夫

pocotan001 2010/06/16

[].slice.call(arguments)の謎

リンク

getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記

getComputedStyle とは！？ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。使いかたはめっちゃ簡単！ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二引数は疑似要素の style を取りたい場合に使います。通常は空文字列でいい。でも、 getComputedStyle はこのままでは IE, Safari では動かない。 Safari では window(グローバル領域) に getComputedStyle は定義されてなくて、 document.defaultView だけに getComputedStyle が定義されている。ちなみに、 Firefox, Op

pocotan001 2010/06/16

リンク

大量の要素を挿入するときcreateDocumentFragmentメソッド - 三等兵

var frame = document.createDocumentFragment(); for(var i = 0; i <= 255; i++) { var div = document.createElement('div'); div.style.width = '100px'; div.style.height = '1px'; div.style.backgroundColor = 'rgb('+i+','+i+','+i+')'; frame.appendChild(div); } document.body.appendChild(frame); これだと体感的には違いが分からないかも。でも1つ1つ挿入するよりかレンダリングはスムーズだよね。そういえば以前500個ぐらいのdivつめたときもさっとしてたな。その場合canvas使えば良かっただけだけど。詳しくはこっち。つ

pocotan001 2010/04/12

リンク

引数にデフォルト値 - 三等兵

結構使う。 function func(val1, val2) { val2 = val2 || val1; return val1 * val2; } func(3); // 9 func(3,2) // 6 返り値も使われやすい。 function func(val1) { return val1 || 'no val'; } func(); // 'no val'; 地味だけど便利。

pocotan001 2010/03/30

リンク

これでできる！クロスブラウザJavaScript入門記事一覧 | gihyo.jp

pocotan001 2010/03/15

リンク

フォームに入力された全角英数字を自動的に半角変換するJavascript - おさんぽブログ

フォームに入力された全角英数字を自動的に半角変換するJavascriptです。 <input onkeyup="zentohan(this)" type="text" /> function zentohan(obj){ if(typeof(obj.value)!="string")return false; var han= '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@-.,:'; var zen= '１２３４５６７８９０ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ＠−．，：'; var word = obj.value; for(i=0;i<zen.length;i++){ var regex = new RegExp(zen[i],"gm")