WEB制作者が一度は触ってみておくべきオープンソース『Ext』*ホームページを作る人のネタ帳
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勉強会に参加してきた
Jul 14, 2007 UKさん主催の「初心者向けJavaScript勉強会」に誘われたので、参加 & しゃべってきました。場所は東麻布の株式会社ノッキングオンの会議室。こういう場所での勉強会は経験が無かったのでなかなか新鮮。以下は気になった話などを覚え書き。 最初のお話はUKさんによるJavaScriptの基礎について。JavaScriptの連想配列 (ハッシュ) とオブジェクトの関係の話が出ていて、JavaScriptのオブジェクトのプロパティは全て連想配列の形でも参照できる事を初めて知りました。他にも、プログラムの変数名を大文字で書く事を「キャメルケース」と呼ぶなんて事も初耳でした。ちなみに、Javaなどのコードでよく見られる最初の単語の先頭は小文字、それ以降の単語の先頭は大文字で書くことは「ローワーキャメルケース」と呼ぶんですね。 他にもYUIやGoogle Gearsの解説など
JavaScript勉強会のまとめ | Blog hamashun.com
2007-07-12資料公開をした人の章にリンク追加 2007-07-12 sendさんの章に追記 超長いんでショートカットメニュー作りました。 あと、JavaScriptの素人が書いてます。 あちこち間違ってたらごめんなさい。 マークアッパー・デザイナー向けJavaScript入門 マークアップエンジニア・HTMLコーダー向け、Yahoo UI Library活用術 Google Gears入門 JSの使いどころ liveプレゼン 猿でもわかる GreaseMonkey Firebugの話 総括 Twitter関連でお世話になっているukstudioが、初心者向けJavaScript勉強会を主催してくれたので、モリモリ勉強してきました！ 会場は株式会社ノッキングオン様に提供して頂きました。 ありがとうございます！ 僕は行ってなかったんですけど、モバイル勉強会の時もお世話になったそうです。
Panic - Extras - The Rip-Off Express
rewards (not really, just kidding) offered for the spotting, capturing, sending, and general limelighting of law-less, pixel-poachin', gif-grabbin', layout-liftin' bandits. (Not that we really care that much, but we think it's funny.) So, yeah, it's really not that big of a deal. Nonetheless, it's both funny and fascinating, or "funscinating", to see all of the exotic places where the good old Tra
SIMILE | Timeline
Timeline has graduated! The Timeline project has graduated and moved on with its life. Visit the new home page for more information on how to join the new mailing lists, synch with the new code repositories, issue tracking, etc. Please excuse our mess during the transition. Timeline is a DHTML-based AJAXy widget for visualizing time-based events. It is like Google Maps for time-based information.
Glossy.js (now with IE 6/7 support)
Initialisation class "glossy" vary the radius by adding iradius followed by the desired radius in percent of half of the smaller picture dimension: Corner radius class "iradius25" - min=20 max=50 default=25 vary the shadow by adding noshadow: Noshadow class "noshadow" - default=false vary the background by adding ibgcolor followed by the desired color as hex: Background color class "ibgcolor" - mi
incsearch.js - インクリメンタルサーチライブラリ
クライアントサイドで、JavaScriptによるインクリメンタルサーチを行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、一致するデータを表示します。 単純なリスト表示と、テーブル形式での表示に対応しています。 Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 一致した文字を強調表示します。 複数キーワード(AND条件)での検索が行えます。 オプションで検索条件などを簡単に切り替えられます。 表示件数の上限を指定でき、ページ遷移にも対応しています。 ソース incsearch.js (ver2.2 : 2008/04/02) Gi
高反発マットレスの選び方 | アフィブログに騙されない為の高反発マットレス手記
ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。
[ ﾌﾌﾇ｡ｿﾍﾅｪ･鬣ﾜ KAYAC BM11 ] babooo voice､ﾎ･ﾆ･ｯ･ﾋ･ｫ･�･ﾎ｡ｼ･ﾈ
ｵｻｽﾑﾅｪ､ﾊ･ﾝ･､･ﾈ､ﾏ｡｢Windowsｴﾄｶｭ､ﾇ｡｢･ｯ･愠ｹ･ﾖ･鬣ｦ･ｶ､ﾇｲｻﾀｼﾇｧｼｱ､ﾈWeb･｢･ﾗ･熙ｬﾏ｢ｷﾈ､ｹ､�ﾉｬ｡｣ ｺ｣､ﾞ､ﾇ､ﾏ｡｢ｲｻﾀｼﾇｧｼｱ､eb､ﾇｻﾈ､ｪ､ｦ､ﾈｻﾗ､ﾃ､ｿ､鬘｢IEｸﾂﾄ熙ﾇ Microsoft SAPI｡ﾊSpeechAPI) ､avascript､ﾇActiveXObject､ﾈﾍﾑ､ｷ､ﾆﾁ犲釥ｹ､�｡｢､ﾈ､､､ｦﾊﾋ｡､ｬ､｢､熙ﾞ､ｷ､ｿ｡｣ babooo voice､ﾇ､ﾏ｡｢､ｽ､ﾎ｡ﾖIEｸﾂﾄ遙ﾗ､ｵ､ｯ､ｹｹｩﾉﾗ､ｷ､ﾆ､､､ﾞ､ｹ｡｣ ､ｽ､ﾎｾﾜｺﾙ､ﾋ､ﾄ､､､ﾆ､ｳ､ｳ､ﾇ､ｴｾﾒｲｷ､ﾞ､ｷ､遉ｦ｡｣ babooo voice､ﾇ､ﾏ｡｢ｲｻﾀｼﾇｧｼｱ･ｨ･ｸ･ﾈ､ｷ､ﾆ｡｢ﾂ邵�ﾗﾃﾏ｢ﾂｳｲｻﾀｼﾇｧｼｱ･ｨ･ｸ･� Julius､ﾈﾍﾑ､ｷ､ﾆ
TAKESAKO @ Yet another Cybozu Labs: Wiiリモコンの値をJavaScriptで取得する方法（Wiiインターネットチャンネル）
任天堂のQ&Aサイトで、Wiiリモコンの値を取得する方法が公開されていることを知人から教えてもらいました。 インターネットチャンネル向けのウェブページを作りたいのですが…。 : Ｑ＆Ａ - Ｗｉｉ インターネットチャンネルの拡張機能について知りたい Ｗｉｉインターネットチャンネルでは特別な JavaScript を用いる事でＷｉｉリモコンのひねりや テレビとの距離、複数のコントローラの状態を取得する事ができます。 手元にWii本体の実機がないので（Wiiリモコンはある＾＾）まだ試していませんが、こんな感じでJavaScriptからWiiリモコンの値が取れるっぽいですね。 if (window.opera && window.opera.wiiremote) { var num = 0; // wiiremote number 0,1,2,3 var pad = window.opera.w
dateformat.js - 日付フォーマット変換ライブラリ
指定したパターンによるDate->String、String->Dateの変換を行うライブラリです。 ソース Ver 1.1 : 2008/04/02 dateformat.js サンプル 「パターン」を入力し、「フォーマット」ボタンを押下すると、現在時刻を指定パターンによる文字列に変換します。 「パース」ボタンを押下すると、「文字列」を「パターン」に沿ってパースし、Dateオブジェクトに変換します。 使い方 本ライブラリを読み込んだ状態で、パターンを指定してDateFormatクラスを生成し、format(Date->String)/parse(String->Date)関数により変換を行います。 var dateFormat = new DateFormat("yyyy/MM/dd HH:mm:ss SSS"); var str = dateFormat.format(new Date
HTML、簡易表記、Wiki - FAX
HTML、簡易表記、Wiki JavaScript, リンク 2007/6/15 最終更新 Control.TextArea : Cross Browser TextArea Manipulation Wiki.Formatter in JavaScript WikiParser.js WikiParser.js Pure JavaScript Wiki Like Formatter Wiki on a Stick Wiky: A Bidirectional Markup Converter pukiwikiparser.rbをJavaScriptに移植してみた(管理人日記) - むぅもぉ.jp TiddlyWiki GTDTiddlyWiki text-hatena.js Showdown - Markdown in Javascript js-markdown-extra js-mar
チェックボックスをマウスでなめるようにドラッグするだけで切り替えるJavaScriptのサンプル - F.Ko-Jiの「一秒後は未来」
※ 追記 livedoor Readerのものにより近づけたサンプルはこちら。 livedoor ReaderにOPMLをインポートすると登録可能なRSSの一覧が表示されますが、その画面ではチェックボックス上をマウスでなめるようにドラッグするだけでチェックをON/OFFできるようになっています。 かなり不思議なUIなので、これはどうやっているんだろう？と考えてみたのですが、仕組みは簡単でした。 マウスを左クリックしたままチェックボックスの上を移動させてみてください。(JavaScriptが無効なRSSリーダーから見ている場合はページを訪問してください。) (ドラッグするとテキスト選択されてしまうので、チェックボックスの上でクリックを開始するとテキスト選択されずに済みます。) ソースは以下の通り。簡単に実装するためにprototype.jsを利用しています。 /* require proto
w3m ユーザに送る Firefox のススメ
JavaScript や CSS が使える Firefox の良さはわかっていても、操作性の良い w3m を手放せない、 キーボードを偏愛するあなたに送る Firefox のススメ。 基本方針はコチラ。 Firefox 2.0.x がターゲット。 あらゆる操作をキーボードから行えるように設定する。 キーバインドは可能な限り w3m 互換で。 快適な操作性のためなら Firefox の常識は捨てる。 最終的には 日常使う機能のほとんどの操作はキーボードのみで可能。 w3m との互換性を残しつつも、 Firefox 独自の機能を駆使することで w3m を越える操作性。 ページの読みやすさは w3m と Firefox のいいとこ取り。 といった感じになります。 【操作の動画を見る】 いろいろあるとは思いますが、以下の点になると考えました。 キーボードによる快適な操作。 フォントや表示色が正規化
)
JavaScript addEventListener() - とみぞーノート
仕様書を読んでもわかりにくい、addEventListener()の第3引数useCaptureの意味についてのメモ。 addEventListener()はIEでは未実装なので関係なし。 以下はFireFoxで確認。 useCaptureの意味 通常登録したイベントハンドラ(*1)はイベント伝搬のバブリングフェーズで呼ばれる。このため、DOM Treeの下の方のエレメントからイベントハンドラが順番に呼ばれる。 useCaptureをtrueにしてイベントハンドラを登録すると、キャプチャフェーズでイベントハンドラが呼ばれるようになる。このため、その他のイベントハンドラに先だって呼び出されるようになる。 (*1) 以下のものが含まれる。 DOMエレメントのプロパティに設定したイベントハンドラ(element.onmousedown = handler) HTMLタグに埋め込んだイベントハンド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Greasemonkeyの開発をまとめてみる
Tracking without cookies
Google Code Archive - Long-term storage for Google Code Project Hosting.
http://yoshitetsu.developer.drecom.jp/blog/articles/script_of_installing_firefox_extension