今日から使える JavaScript カスタム関数トップ 10
今日から使える JavaScript カスタム関数トップ 10 2006-02-13-2: [JavaScript] - Top 10 custom JavaScript functions of all time http://www.dustindiaz.com/top-ten-javascript すぐにでも使える，気の利いた JavaScript の関数を 10 個紹介． - 10) addEvent() イベントリスナーを登録する関数．クロスブラウザ対応．結構有名． - 9) addLoadEvent() クロスブラウザな window.onload．onload する関数が幾つもある場合に． - 8) getElementsByClass() クラス名から要素を取得する関数．prototype.js にも getElementsByClassName() という名前である． p
cl.pocari.org - canvas を使った JavaScript によるグラフ描画ライブラリ
canvas を使った JavaScript によるグラフ描画ライブラリ 2006-02-13-1: [JavaScript][Code] - new Javascript/Canvas Graph library http://aslakhellesoy.com/articles/2006/02/09/announcement-new-javascript-c ... HTML の canvas タグを使ったグラフ描画ライブラリ．アルゴリズムはスプリングモデル． canvas タグは Safari 2，Firefox 1.5，Opera 9 でサポートされている． 使い方は非常に簡単で，上記の画像は以下のソースで実現．本体は graph.js というファイル． <canvas id="people" width="350" height="350" style="border: 1px
prototype.js で element にメソッドを追加する方法
prototype.js で element にメソッドを追加する方法 2007-07-06-1: [JavaScript] prototype.js 1.5 から $ メソッドが改良されて $('foo').show(); のように書けるようになりました． prototype.js のソースを読んでいくと Element.Methods に好きなメソッドを追加できそうなのでやってみました． Element.Methods.warning = function(element) { $(element).style.color = '#f00'; return element; }; Element.addMethods(); // addMethods しないと追加されない！ 上記は，指定された element を赤色にして警告するものです (いい例が思いつかない……)． 以下のようにし
grep でマッチした箇所に色を付ける方法
grep でマッチした箇所に色を付ける方法 2005-12-16-11 % setenv GREP_COLOR "01;34" % setenv GREP_OPTIONS --color=auto % echo 'hello world' | grep 'l' hello world ただし，GNU grep 限定っぽい． でも，これだけで，GNU grep を入れてもいいと思った． また，参照元には -e を複数並べると OR になることや -o を付けるとマッチした箇所のみが表示されることも 紹介されているが，これもおそらく GNU grep 限定． - ref.: (ひ)メモ http://d.hatena.ne.jp/hirose31/20051215/1134638690
<input type="hidden" /> の値を見やすく表示するデバッグ用の JavaScript ライブラリ
<input type="hidden" /> の値を見やすく表示するデバッグ用の JavaScript ライブラリ 2006-11-14-4: [JavaScript] フォームの <input type="hidden" /> の値をテーブルで見やすく表示するライブラリ HiddenView というのを作ってみました． いちいちソースを確認して，値が入っているか確認するのが面倒な人用．他の JavaScript ライブラリは必要としません． - 使い方 HiddenView.js を読み込んで，onload イベントで new HiddenView(); をしてください．これだけ． <script type="text/javascript" src="HiddenView.js"></script> <script type="text/javascript"> window.onl
都道府県を扱う Perl モジュール Geography::JapanesePrefectures を PHP に移植してみた
都道府県を扱う Perl モジュール Geography::JapanesePrefectures を PHP に移植してみた 2006-09-16-1: [PHP][Perl] <?php class Geography_JapanesePrefectures { var $_prefectures = array( array('id' => 1, 'name' => '北海道', 'region' => '北海道'), array('id' => 2, 'name' => '青森県', 'region' => '東北'), array('id' => 3, 'name' => '岩手県', 'region' => '東北'), array('id' => 4, 'name' => '宮城県', 'region' => '東北'), array('i
Skype のプレゼンス (オンライン状態) を Web に表示するサービスが登場
Skype のプレゼンス (オンライン状態) を Web に表示するサービスが登場 2006-01-29-3: [Skype] http://www.skype.com/share/buttons/ Skype 2.0.0.79 から Skype のプレゼンスを Web に表示できるようになった模様． 昔，ICQ などで提供されていたサービスと同じと考えればいい． http://mystatus.skype.com/自分のSkypeName でプレゼンスが表示される．ちなみに私はこちら． 常に I'm not telling が表示されると思います．それは，Windows 2000 な環境で Skype ビデオを使いたいので 2.0.0.43 を使いつづけているから． また，以下のようにして，ステータスを XML でも取得できる． http://mystatus.skype.com/自分の
[戯] Google Notebook を Web ページのスナップショット置き場として使ってみる
Google Notebook を Web ページのスナップショット置き場として使ってみる 2006-05-19-1: [Google][Firefox] 最近リリースされた Google の新サービス Google Notebook ですが，あまり盛り上がっていないようです． いまいち使い方というか，使う場面が分からなかったりしていたのですが，Web ページのスナップショットを溜めるというアイディアを思いつきました． まず，Firefox の拡張，または IE のアドオン をインストールします． インストールすると，ブラウザの右下に Google Notebook のアイコンが表示されます． これをクリックすると小さい窓が表示されます．これが ミニ Google Notebook になるわけです． さて，気になるページがあったとしましょう． ここで，おもむろに Ctrl + A なんか押
自サイトへのリンクをハイライトする Greasemonkey スクリプト
自サイトへのリンクをハイライトする Greasemonkey スクリプト 2006-03-14-2: [Firefox][JavaScript] 以前，自サイトへのリンクをハイライトする Bookmarklet というのを作ったが，これの Greasemonkey ユーザスクリプト版． リファラを見て，リンク先に見に行ったはいいけど，どこに張られているのか分からない人向け． 自サイトへのリンクをハイライトする Greasemonkey スクリプト ソースは以下のようになっているので @exclude のところと，変数 uri のところを書き換えてください． // ==UserScript== // @name Highlight your link // @namespace http://cl.pocari.org // @description Li
プロが教える Movable Type の構造デザイン
プロが教える Movable Type の構造デザイン 2006-03-14-4 http://w3j.org/articles/MTstructuraldesign/ iNTERNET magazine 2003年11月号の記事を PDF で公開．12 ページ． 内容も細かそうなので，印刷してみてみよう． - via: /home/pochi/ChangeLog http://www.pochi.cc/~sasaki/chalow/2006-03-14-2.html - ref.: iNTERNET magazine 2003年11月号 http://internet.impress.co.jp/im/bn/200311.htm
[戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが，これは XHTML 1.1 や XHTML Basic では採用されていません． ではどうするかというと，スクリプトを使うわけですが， <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると，一見解決したようですが，JavaScript が off の場合はリンク先に飛べません． しかも，ステータスバーにリンク先が出ないので不安になります．これを <a href="foo.html" onclick="window.open('f
Google Maps からはてなわんわんワールドへジャンプする Bookmarklet その 2
Google Maps からはてなわんわんワールドへジャンプする Bookmarklet その 2 2006-03-10-2: [JavaScript][Google] はてなわんわんワールドへジャンプ javascript:(function(){var q=location.search.substring(1).split('&'), h=new Array(); for (var i=0,l=q.length;i<l;i++) {var s=q[i].split('=');h[s[0]]=s[1];} ll=h['ll'].split(','); location.href='http://world.hatelabo.jp/?x='+ll[1]+'&y='+ll[0];})() Google Maps からはてなワンワンワールドへジャンプする Bookmarklet ([2006
ツールチップテキストを簡単に実現する JavaScript ライブラリ Tooltips.js
ツールチップテキストを簡単に実現する JavaScript ライブラリ Tooltips.js 2006-01-28-1: [JavaScript] http://www.matsblog.com/stories/1455512/ マウスを重ねると，ぶわーという感じにツールチップテキストが表示される． 下の画像は，ちょうど表示されている途中のもの prototype.js，script.aculo.us 必須． ライセンスは script.aculo.us ベースなので MIT ライセンスだと思う． - phpspot開発日誌: http://phpspot.org/blog/archives/2006/01/_tooltipsjs.html
はてなワンワンワールド初体験
はてなワンワンワールド初体験 2006-03-03-1 http://world.hatelabo.jp なにやら，一部の方面でうけているらしい，はてなワンワンワールドを体験してみた． 確かになんだか分からないけど面白い． 初めてログインして何をしていいか分からなかったら，chalow のたつをさんがいて (アイコンで分かった)， もしボクのフキダシの枠が水色だったらクリックしてともだちにして欲しいワン。そうするとキミの言葉が読めるワン。 まずはここ見るといいワン。http://nais.to/163 充実のヘルプだワン！ などと教えてくれたので，ようやく分かった． つまり，相手のアイコンをクリックすると「ともだち」のリクエストができて，その人には自分のメッセージが見える． 逆に，相手から自分のアイコンをクリックされると「ともだち」へのリクエストがされて (「ともだちられ」る)，その人のメ
Google Maps からはてなワンワンワールドへジャンプする Bookmarklet
Google Maps からはてなワンワンワールドへジャンプする Bookmarklet 2006-03-03-2: [JavaScript][Google] はてなワンワンワールドへジャンプ javascript:(function(){var l=location.search.substring(1).split('&')[0].split('=')[1].split(','); location.href='http://world.hatelabo.jp/?x='+l[1]+'&y='+l[0];})() Google Maps の面白そうな所のまとめページはいくつかあるけど，はてなワンワンワールドの面白そうな所のはまだない． そこで，Google Maps のページからはてなワンワンワールドのページにジャンプする Bookmarklet を作ってみた． かなり強引だけど，For
PHP の unserialize() の 多言語での実装
PHP の unserialize() の 多言語での実装 2006-02-28-1: [PHP][JavaScript][Perl][Ruby] を見ていて，PHP の serialize() は便利だから，もしかしたら他の言語でも実装があるのでは？ と思ったら，案の定たくさんあった． - JavaScript http://www.phpguru.org/static/PHP_Unserialize.html http://www.phpguru.org/downloads/PHP_Unserialize/ - Perl http://search.cpan.org/dist/PHP-Serialization/lib/PHP/Serialization.pm http://hurring.com/code/perl/serialize/ - Ruby http://www.aagh.
編集中の Web ページの CSS のみ強制リロードする Bookmarklet
編集中の Web ページの CSS のみ強制リロードする Bookmarklet 2006-02-28-2: [JavaScript] - ReCSS: Reload your CSS http://dojotoolkit.org/~david/recss.html 例えば，検索結果を表示するページのデザインを編集しているとして，CSS を変更して更新すると，また，検索結果を取得しに行きますね． 検索結果は同じなはずだし，その時間がもったいないので，CSS だけリロードできたら便利ですよね． これを実現するのが，この Bookmarklet． 仕組みは，link タグから stylesheet が含まれるものを抽出してきて，それに日時をつけてリロードしてあげる． これで，ブラウザのキャッシュではなく強制的にリロードすることができます． 日時をつける方法はブラウザのキャッシュを読み込ませない
IE でフォーム入力された内容や JavaScript で appendChild された内容もそのままソースで表示させる Bookmarklet
IE でフォーム入力された内容や JavaScript で appendChild された内容もそのままソースで表示させる Bookmarklet 2006-02-28-6: [JavaScript] - IE Tip: Cheeky way to see the current state of the page: http://ajaxian.com/archives/ie-tip-cheeky-way-to-see-the-current-state-of- ... IE 限定ですが，フォームに入力された内容や，JavaScript で appendChild された内容も含めたソースを 確認することができる Bookmarklet． はてなブックマーク件数を blog に貼り付けるウィジェット ([2006-02-27-1]) のデバッグの時にも使いました． コメント欄に書かれてい
はてなブックマーク件数を blog に貼り付けるウィジェット
はてなブックマーク件数を blog に貼り付けるウィジェット 2006-02-27-1: [JavaScript][Ajax][Ruby][Code] ウィジェットというほどのものではないけど，はてなブックマーク件数を簡単に blog に貼り付けることが出来る部品を作ってみました． はてなブックマーク件数とは以下の画像の赤枠のようなものです． この赤枠の中で囲まれた部品を blog に貼り付けることが出来ます． このウィジェットの使い方はとても簡単で <link rel="stylesheet" type="text/css" href="./styles/hatebu-count.css" /> <script type="text/javascript" src="./js/prototype.js"></script> <script type="text/javascript" s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
XAMPP に含まれる Apache，MySQL，PHP のバージョンの遷移