abc[01-20].jpg のような連番形式で書かれた文字列を展開して、展開した文字列の配列を返します。連番が複数あっても展開出来ます。
AOK's JavaScript Library
abc[01-20].jpg のような連番形式で書かれた文字列を展開して、展開した文字列の配列を返します。連番が複数あっても展開出来ます。
36 進数と文字の偏り: Days on the Moon
/etc/init.d/knagano restart subtech - Pink Blossom Diary - 簡易ランダムな文字列生成は偏ってるよ odz buffer - ランダムな文字列生成 36 進数表記に変換することによるランダムな文字列生成は偏りが大きいよという話。なるほど。というわけで JavaScript の場合を調べてみた。といっても統計学的な検証とかよくわからないのでざっと見た感じで。 Math.random().toString(36) 整数部は当然 0 のはずなので小数部だけ。Firefox は最後の桁に偏りが見られる。IE はすべての桁がそれなりにばらけている。逆に言えば最後の桁が 0 ということも。Safari は後半部分の偏りが大きい。最後の桁は 9 の倍数に大きく偏っている。 Math.floor(Number.MAX_VALUE * Math.ran
Building a JavaScript Library » SlideShare
The document details a Google Tech Talk by John Resig on building the jQuery JavaScript library, released in January 2006, which focuses on DOM manipulation, event handling, and plugin extensibility. It emphasizes the importance of a solid API, documentation, testing, and maintaining a lightweight, efficient codebase. Resig also discusses the evolution of JavaScript and best practices for develope
[はてなダイアリー]てっく煮ブログ - はてなダイアリーで JavaScript eval
３ヶ月ほど前、弾さんや id:amachang さんが、はてなダイアリーで JavaScript が使えたらいいのにね、という話をしていました。404 Blog Not Found:Hatena::Diary - スーパpre記法で実行可能なJavaScriptをIT戦記 - Re: スーパー pre 記法で実行可能な JavaScript をで、先日、自分のはてなダイアリーにブログパーツを設置できるようになったので、事実上の JavaScript 解禁になりました。ということで、JavaScript の eval を貼り付けるガジェットを Google Gadgets で作ってみました。サンプルまずは簡単に Hello World。nanto_vi さんによる Math.random().toString(36).slice(-8) でパスワード生成 もすぐに試せる。（関連エントリ：Ja
404 Blog Not Found:怠翻 - JavaScriptでありがちな9つのシマッタ
2007年08月17日01:15 カテゴリ翻訳/紹介Lightweight Languages 怠翻 - JavaScriptでありがちな9つのシマッタ 私自身結構シマッタしちゃうので。 Nine Javascript Gotchas 尻カンマ注意 以下のコードはFireFoxでは動きますが、Internet Explorer (以下IE)では問題になります。 var theObj = { city : "Boston", state : "MA", } 最後にカンマが入らないよう注意しましょう。 浮気なthisは何を見てるやら 以下のコードで、thisは何を指しているでしょうか。 <input type="button" value="Gotcha!" id="MyButton" > <script> var MyObject = function () { this.alertMess
JavaScript で n 進数を扱う: Days on the Moon
2 進数や 16 進数を使いたいというとき、JavaScript では組み込みの機能を利用できます。使えるのは 16 進数だけではなく、2 進数から 36 進数 (0 ～ 9 および a ～ z を使用) まで扱えます。 n 進数文字列から数値への変換 n 進数文字列から数値へと変換するときは、parseInt 関数を使います。第 2 引数に基数 n を指定することで、第 1 引数の文字列を n 進数であると解釈してくれます。n は 32 ビット整数に変換され、その値が 2 未満または 36 を超えるときは NaN が返ります。ただし、n が 0 になるときは文字列が 10 進数表記であるとして解釈されます。 parseInt(10, 36); // 36 parseInt("10", 0x100000000 + 36); // 36 基数が明示されておらず、文字列が 0 から始まっていた
p4lifeのメモ - JavaScript の substr には気をつけた方が良い
var d = new Date(2007, 6, 3); // 2007年7月3日（JSでは0〜11で1月〜12月を表現する） のとき， d.getFullYear(); // 2007 d.getMonth(); // 6 d.getDate(); // 3 になる．これを 07，03 のように月を 01〜12，日を 01〜31 とゼロパディングして二桁になるように取得したい．そこで次のように書いてみる． var s = d.getFullYear() + ("0"+(d.getMonth()+1)).substr(-2) + ("0"+d.getDate()).substr(-2); // s == "20070703" → 期待通り Firefox2.0，IE6，IE7 で動かしてみると一見期待通りに見える．しかしこれには罠があって， var d = new Date(2007,
【ココログ】お知らせを表示するスクリプト
ページ(content)上部に任意のお知らせを表示するようなスクリプトを作ってみました。 ココログ管理画面の『トップに表示』と比較して、 トップページ以外にも表示可能。 記事以外に、任意のテキストも表示可能。 ココログフリーでも広告が表示されない(笑)。 という利点(?)が有ります。 <script type="text/javascript" charset="utf-8" src="https://furyu.tea-nifty.com/script/cocoInsertNotice.js"></script> <script type="text/javascript"> (function(){ var c=cocoInsertNotice; c.targetPage='toppage monthly category'; // 対象となるページ種別(toppage,categor
Yet Another Dynamic Presentation!
地道な高速化 1 // style も new 時にプロパティにいれておく s6.Constructor = function(element) { this.element = element; this.style = element.style; }; 地道な高速化 2 // コールバックを受ける関数では this // や引数を受けるようにしとく s6.hoge = function() { var shift = Array.prototype.shift; // ↓ Opera ではバグるので回避しなきゃダメ var f = shift.apply(arguments); f.apply(shift.apply(arguments), arguments); }; DOM の空きプロパティ // DOM の要素の空きプロパティの // アクセス速度は普通のハッシュとほとんど変
はてなスターの認証強化について - はてなスター日記
先ほど、はてなスターの仕組みを変更し、正常なはてなスターのコード以外で☆が付けにくくなりました。 これまでの仕様では、画像（img）タグなどに☆を追加するためのURLを仕込ませるだけで、そのページにアクセスしただけで☆をつけたことになってしまうなどの問題が発生していましたが、今回の変更により、セッションごとに暗号化された文字列を追加でやりとりするようになり、意図しない☆がつきにくい仕組みになりました。 なお、既存のはてなスターを設置のユーザー様は、特に設定の変更などは必要ございません。 新しい仕様でも、JavaScriptが実行可能な環境で意図的にスクリプトを仕込むことで意図しない☆が付く動作を実行させることが可能ですが、はてなダイアリーやグループなどのJavaScriptを自由に書くことができない環境ではこのようなことはできなくなっています。 はてなスターでは、外部のブログサイトなど様々
画像を非同期で読み込む工夫
<a href="http://www.amazon.co.jp/gp/product/4575833797%3ftag=furyutei-22%26link_code=xm2%26camp=2025%26dev-t=1S9C327N3DZD43F0K102" target="_blank"> <img border="0" height="208" align="left" src="https://images-fe.ssl-images-amazon.com/images/I/51c88Ijno9L.jpg" alt="つぶらら 2 (2) (アクションコミックス)" title="つぶらら 2 (2) (アクションコミックス)"> </a> <a href="http://www.amazon.co.jp/gp/product/4575833797%3ftag=furyutei-2
とてもシンプルに自分自身が属する script 要素を取得 - IT戦記
グローバル領域に以下の一行を書く <script> var currentScript = (function (e) { if(e.nodeName.toLowerCase() == 'script') return e; return arguments.callee(e.lastChild) })(document); alert(currentScript); </script>こうすることで、currentScript はこの script 要素を指す。 いちおう説明 DOM は構築されるときに、上から順番に構築される。そして、script タグがあると、 script 要素を構築したあとに、スクリプトを実行する。 つまり、スクリプトが実行されたとき script 要素は今まさに作られたばかりであり、それよりも後ろの要素が存在しない。さらにこの script 要素を含むすべての要
AUSGANG SOFT - DOMContentLoadedとGreasemonkey
今ごろ、まるごとJavaScript & Ajax ! Vol.1を読んでいたら、こんな記事が。 [ThinkIT] 第2回：jQueryライブラリの内部とonloadイベント記法 (2/2) http://www.thinkit.co.jp/cert/article/0703/10/2/2.htm 通常のonloadイベントではページ内の全ての画像ファイル等の読み込みも完了してからコードが実行されるのに対し、jquery.jsはHTMLのDOM解析が完了した途端にコードを実行できるアクセラレーション機能を備えています（注4）。 おおすごいなーと。 ライブラリなしでも使いたいなーと思っていたら、 window.onload 前でも DOM 処理が可能なら通知してくれる domready.js - METAREAL http://weblog.metareal.org/2007/07/10/
【ココログ】アーカイブページに目次とページングを付加するJavaScript
<script type="text/javascript" charset="utf-8" src="https://furyu.tea-nifty.com/script/cocoPView.js"></script> <style type="text/css"> <!-- #archive-datebased select, #archive-category select, .module-archives select { width: 100%; } .ccpv_nav_form { margin-left: 16px; } .ccpv_nav, .ccpv_nav_disable, .ccpv_nav_all, .ccpv_nav_page { font-size: 10px; line-height: 120% ; margin: 0px; padding: 2px 0px
Key(board)?Event is evil. - IT戦記
keypress, keydown, keyup をクロスブラウザに飼いならそうとして 丸一日翻弄されてしまった。色んな実装を読んだ。しかし、未だシンプルな解決策が見つからない。 ここらで身を引こう＞＜ 一応、実験に使ったコードは晒しておきます。 http://amachang.art-code.org/kev/
IE 以外の JavaScript で getter setter が使えるようになる！ - IT戦記
Opera 9.5 では getter setter が使えるようになります。 http://my.opera.com/desktopteam/blog/kestrel-is-coming で Safari 3 でも使えるか試してみたら・・・ alert({ get x() { return 'ok' } }.x); // ok つ、使えた！ Firefox でも かなり前から getter setter が使える という事は・・・ IE 以外で getter setter が使えるのはもうすぐだ！！！ IE にしかないプロパティを他のブラウザで実装することができるようになる！！ たとえば、こんな感じ？ // ↓条件付きコンパイル /*@cc_on @if (@_jscript) @else @*/ if (!('returnValue' in Event.prototype)) { Ev
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter / TOYAMA Nao: Math.random().toString(36) ...
CSSのプロパティ名をJavaScriptのstyle属性名に変換するには？
Le blog officiel du Programme Partenaires d’Amazon.fr: Liens Aperçu Produit: La fenêtre vers un produit Amazon.fr