gooブログ無料版にもはてブのコメント数を表示しちゃうぞ！ - EKKEN♂
やぁ！ おひさしぶりんこ。 はてなブックマークでは、そのブログの記事のはてなブックマークコメント数を表示するサービスが始まりました。 gooブログ無料版ではHTMLをカスタマイズすることが出来ないので、これを自動的に表示することはむるなんだけど、手軽に表示させるブックマークレットをご紹介。 以下の文字列をコピペして、テキストエディタなどの機能で「全角→半角」変換を行ってください。 ｊａｖａｓｃｒｉｐｔ：ｖｏｉｄ（ａ＝ｐｒｏｍｐｔ（％２７％２７，％２７＜ｉｍｇ ｓｒｃ＝％２２ｈｔｔｐ：／／ｂ．ｈａｔｅｎａ．ｎｅ．ｊｐ／ｅｎｔｒｙ／ｉｍａｇｅ／％２７＋ｌｏｃａｔｉｏｎ．ｈｒｅｆ＋％２７％２２％２０＞％２７））； これのブックマークレットをブラウザのお気に入りにいれて、はてなブックマークのコメント数を表示したい記事上で使えば、例の赤い数字とusersの画像のタグが完成。 応用すれば、自動的にその
Unbeatable JavaScript Tools - The Dojo Toolkit
Visit dojo.io for documentation, examples, and more on Dojo, the Progressive Framework for Modern Web Apps and successor to the Dojo Toolkit Dojo Toolkit 1.17 A JavaScript toolkit that saves you time and scales with your development process. Provides everything you need to build a Web app. Language utilities, UI components, and more, all in one place, designed to work together perfectly. Get Dojo
我的春秋: JavaScript ソースが HTML から消える日
［2006-06-10 付記］このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。 Behaviour.js ― JavaScript ソースを (X)HTML から完全分離できるライブラリ 昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり！なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます！ しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定！あまり日本では取
JavaScriptオンリーで動く高速サーチエンジン＆タグクラウド:phpspot開発日誌
Tipue JS Tipue JS is an Open Source JavaScript site search engine. It works with any browser that supports JavaScript and at least partially supports the W3C DOM Level 1. JavaScriptの高速サーチエンジン、Tipue JS。 JavaScriptのみで動作するのでサーバーサイドでの検索処理は不要。 但し、tip_data.js というファイルでデータを持っておき、ブラウザに読ませる必要があります。 現在の所、日本語は通らないようですが、なかなか面白いプログラムですね。 図） Tipueによる検索結果画面 もう一つ。 同じサイトで配布されているCloud JSが面白いです。 Cloud JS Cloud JS use
よく考えたらわりと遍在するJavaScript - collisions.dotimpac.to
入門 Ajax 高橋 登史朗 (著) ■このあいだと旧友との飲み会で「JavaScriptが〜」というような話をしてたら友人のacicくん（えーと、仕事ではサーバサイドJavaとかやってるひと）に「JavaScriptなんか使うほうが間違ってるっていう認識だけど」と返されて、うーん、まだそうなのかも。まだ汚名は返上されてないかも。と思ったところ。 ところでわれをひるがえってみるに、なんで今のAjax環境にわりとすんなり適応できてるかというと、よく考えてみると過去3年くらいでJavaScriptでいろんなものを作ってみていて、しかもいろんな（いわば）変態環境をとっかえひっかえするのに慣れていたので、「JavaScript（/JScript/ActionScript/などのECMAスクリプト系）はなんでもあり」というイメージがあったからではないかと思った。 なので、JavaScriptでなにが
DOMinclude - Kissing Pop-Ups good-bye
Say goodbye to pop-ups with DOMinclude Will swallowed hard and said, "All right. I’ll show you how to close a window. But I’ll have to open one first, and make another Spectre. I never knew about them, or else I’d have been more careful." Phillip Pullman: The Amber Spyglass You can download DOMinclude and these demo pages to use them in your own pages. Update 25/05/06: DOMinclude will now only all
Yahoo!オークションのWebサービスのサンプル: Web2.0ノート
Yahoo!オークションのWebサービスが使えるので、サンプルプログラムを作りました。 一番簡単な、カテゴリー一覧の取得と表示です。 https://web2note.up.seesaa.net/sample/yahoo_auction.html (直接Yahooに接続するので、ローカルに保存して、IEで開く必要があります。) Prototypeは便利ですね。これがなければ、こんなに簡単に出来なかったです。 特に、子要素をループで処理する時や、イベントの追加方法など、使い勝手がよいです。 一方、結果を画面に表示するためのDOMの操作は面倒ですね。この部分を簡単に出来る方法やライブラリがあれば、どなたか教えて下さい。 JavaSｃriptはセキュリティ上の理由でJavaScriptが置かれたサーバ以外と通信できないというのが、今回よく分かりました。CGIとの連携が必要ですね。 加えて、Aja
次世代 JavaScript ライブラリを作りました - 2nd life (移転しました)
先日 Scriptaculous 1.6.0 が公開されましたね。Web2.0 全盛の今、Scriptaculous は無くてはならない必須ライブラリの一つとなりました。 2000年前後、DHTML と云われる技術を駆使した視覚効果を頻繁に使った Web ページをよく見るようになりました。当時はキャズムを飛び越えて、アーリーマジョリティまで広く使われていたと云っても過言ではないでしょう。Web 2.0 はまだまだキャズムを飛び越えてたとは云えません。そこでアーリーマジョリティ層にも広く使われるようになるのに貢献しようとしているのが実は Scriptaculous なのです。以前 Ruby on Rails のメーリングリストではScriptaculous は Web 2.0 などではない！Blink, Marquee 2.0だ！(意訳)、つまり Scriptaculous は Web 2.
Script.aculo.us や Rico を使う前に JavaScript Effect の仕組みについて理解しよう - IT戦記
社外勉強会の講師をすることになりました。 テーマは「JavaScript Effect Programming」 資料を公開します。 http://Sample.ECMAScript.jp/20060329.ppt 内容は・・・ JavaScript Effect Programming Effect の仕組み クラス設計 Delay 機種依存性の解決 Busy 状態の緩和 おまけ(上の資料内容を使って実現したゲーム) http://Sample.ECMAScript.jp/20060329.html ← 昨日(というか今日)の日記の高速化バージョン ルールは、ブロックの光の移動を寸止めでクリック(or キープレス)で止める。それを繰り返す。 やっぱりあんまり昨日のと変わらないなぁ。もっと、重いプログラム書かないと・・・。
オブジェクト指向 JavaScript で陥りやすく見つけにくいミス。 - IT戦記
まあ意味の無いクラスですけど以下のようなコレクションクラスを作ります。 var Container = function() {}; Container.prototype = { length: 0, buffer: [], add: function(obj) { this.length++; this.buffer.push(obj); }, toString: function() { var stringBuffer = ['Length is ', this.length, '. Contents are [', this.buffer, '].']; return stringBuffer.join(''); } };以下のように使います。 var firstContainer = new Container(); var secondContainer = new Cont
角丸テーブル簡単作成ツール
角の丸いテーブルの作成ツール。 画像あり、画像なしのパターンを選択でき、 角のデザインなども自由にカスタマイズできます。 [ 画像あり版 - 画像なし版 ]
最速インターフェース研究会 :: NamedCapture for JavaScript
というのを作りました。 http://la.ma.la/misc/js/namedcapture/ 正規表現の後方参照で使う部分に名前をつけてわかりやすくする構文。なんかRuby1.9でサポートされるらしい。 ちょっと調べてみたけど.NET由来なのかな。 どういう実装が一般的なのかよくわからない。とりあえずこんな感じにしてみた。 - matchの場合は結果の配列のプロパティに入る - replaceの場合、callback関数の最初の引数のプロパティに入る - グローバル参照用にはRegExp.lastMatchとは別にRegExp.last_matchってのを作ってそれに入れるようにした。 多分バグありますが、ご自由にお使いください。
社外勉強会のサンプル資料 - IT戦記
社外勉強会で、JavaScript Effect Programming というのをやろうと思って簡単なゲームを作った。 作る前の計画ではかなり重くなって、それを高速化していく様をレクチャーしようかと思っていたのですが…。 意外と軽い。。。これを高速化したって全然実感沸かないだろうなー (>＿<)ﾔﾊﾞｽ ゲーム実行 → http://Sample.ECMAScript.jp/20060328.html ルール：ブロックの光の移動を寸止めでクリック(or キープレス)で止める。それを繰り返す。 明日、高速化した結果を載せます。
Visio Viewer 2003 MOONGIFT
Officeがなくても大丈夫（Visio編） OfficeビューワーのトリはVisio。優秀だが高価なこのソフトウェア、閲覧だけなら無料で出来る。 Officeがなくても大丈夫（Visio編） ドロー系としては非常に優秀で、価格も優秀なのがMicrosoft Visioだ。UMLやネットワーク図と言う利用で、SEやPMであれば利用機会は多い。 とは言いつつも高い事、専門性が高い事でデータのやり取りではあまり利用されない。せめて閲覧だけでもできれば、利便性は高まるだろう。 今回紹介するフリーウェアはVisio Viewer 2003、Visioファイルの閲覧・印刷専用ソフトウェアだ。 他のOffice系ビューワーと異なり、Visio Viewer 2003はIEの中で動作する。Visioのファイルを開くと、IEの中にVisioの図面が表示される。 可能な操作は拡大、縮尺と移動くらいだ。ごくご
IT戦記 - FireBug の新しいバージョンが便利すぎる件について
FireFox の拡張機能 FireBug を更新したらすごいことになっていたので共有します。 まずこれを見てください http://Sample.ECMAScript.jp/20060331.html ぱっと見の機能 HTML のソースを見ながら、属性値を直接編集できる。 影響のある CSS を即時に表示 レイアウト情報を即時に表示 インスペクト中の要素に浮上したイベントをキャプチャ インスペクト中の要素の JavaScript オブジェクトを表示 Ajax レスポンスのヘッダも確認できるようになった。 FireBug のインストール https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=1843
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
Enjoy×Study - インクリメンタルサーチを行うためのライブラリを作ってみた
クライアントサイドで、JavaScriptによるインクリメンタルサーチを行うためのライブラリを作ってみました。 incsearch.js - インクリメンタルサーチライブラリ 以前公開したsuggest.jsのように、クライアント側で初回に読み込んだデータを保持し、それを検索条件に応じて、JavaScriptで検索、表示を行っています。 本当は、もう少し揉んでから出そうかと思ったのですが、まとまった時間がなかなか取れず、いつになってもリリース出来ないままだったので、現段階でいったん出す事にしました。 特にパフォーマンスの部分で、まだ改善の余地ありだと思っているので、出来次第また更新いたします。
prototype.js ってなに？の巻 - こども(てれび)
追記 2005-08-23 Using prototype.js v1.5.0 リファレンスがあったみたい。これを読んだ方がはるかに有益です。あー書くんじゃなかった。 はてなの人気者 id:naoya が「prototype.js でデザインパターン」というのをやってるんだけど、prototype.js の説明をしてくれなくて困る。前から「Rails の prototype.js は便利だ」というのを目にすることがあったので、ちょうどいい機会だってことで調べた。 http://prototype.conio.net/ ドキュメントが全然ない。ないこたないと思うのでご存知の方は教えてください。しょうがないのでコードを読むことに。 http://dev.conio.net/repos/prototype/src/ ここのを順次読みます。 base.js http://dev.conio.net
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる