本ドキュメントははてなブックマークコメントをその場で表示するライブラリについての解説です。主にはてなスタッフがその作成と更新を行っています。

JavaScript ではてなブックマーク数を表示 はてなブックマークのブックマーク数は人気の指標として参考になります。このブログでは各エントリの末尾に、ブックマーク数を画像で取得する API を使って、ブックマーク数を表示するように設定しています。 ブログシステムのようにテンプレートを使える場合は、ブックマーク数を表示する HTML をたくさんのページに貼り付けるのは簡単ですが、そうでない場合はなかなか面倒です。そこで、ここでは JavaScript を使ってはてなブックマーク数を表示する方法を紹介します。 やり方 まず、次のような JavaScript を hatena-bookmark.js として保存してウェブに置きます。 function makeHatenaBookmarkLinks() { return ("<a href='http://b.hatena.ne.jp/ent
2006年09月22日06:00 カテゴリLightweight Languages javascript - prototype HateBJSON これでやっと fetch4js みたいな力技を使わずに、Javascriptのみではてブのデータを再利用できますね。 はてなブックマークエントリー情報取得APIとは - はてなダイアリー http://b.hatena.ne.jp/entry/json/任意のURL*1 を GET リクエストで送信することにより、JSON 形式でデータを取得することができます。 というわけで、はてブのJSONを取ってくるPrototypeを。 基本的な使い方はこんな感じ。 var hatebjson = new HateBJSON('parse_hatebjson'); function parse_hatebjson(json){ // ここでjsonを
Prototype.js や MochiKit や jQuery や dojo こういう便利なライブラリがたくさん出てきてとても便利になりました。 でもそのライブラリ本当に必要? たしかに、グループワーキングを行うにはこれらのライブラリは必須だと思います。 でも、ちょいスクリプトを作るのに .bind(this) や $ や each や Event.observe が必要でしょうか。 いささかオーバスペックな気がします。 実際に「このツール Prototype.js 必須かよ。こっちは MochiKit で作ってるのにぃ」とかってことも多々あります。 あれを使うためにあれとこれを読み込んで、これを使うためにこれも必要だな。こんな感じだとサイトはどんどん重いものになってしまします。。。orz そこで、原点回帰です。 ちょっとしたツールでライブラリ使うのはやめようよ!何も使わなくても Jav
最近PopUpに変わって需要の出てきたレイヤー。写真を載せるのはよくありますが、そのFlash版を誰でも簡単に使用できるスクリプトを組んでみました。 最近写真をレイヤーで見せるのが流行ってますよね。(POPUPブロックの影響によるPOPUP代わりみたいなものでしょうが。) そういうものはJavaScriptが結構公開されているのですが、FLASHはないですよね。(使用したもの自体、見ることもまだあまりないですね。) そういうわけで組んでみました。 まずは下記URLをご覧ください。 http://www.muraken.biz/overlay/overlayflash.html(”ここをクリック"のところをクリックしてみると、実行されます。) 今回、これを簡単に作れるスクリプトを組みました。 JavaScriptに関しては文末にてソースを置いておきますが、説明するとかなり長くなるので割愛いた
Brennan’s Blog Blog Archive Web Development Tools for the Power Developer Over the past few years the available tools for web development have become quite powerful. As Firefox became more popular the number of useful extensions grew quickly. WEB開発者のためのWEB開発ツール、ということで色々紹介されてます。 バリデータ(Validator) - フォーマットが正しいかチェックするツール HTML/XHTML Validator - W3C CSS Validator - W3C Feed Validator (RSS and Atom) Jav
■ JavaScript ミニライブラリ ちょっと前から「なくても不便じゃないけど、あったらちょっと便利かもね」っていう JavaScript を書いたりして発表していましたが、一覧とか作ってないからどんなのがあるのかわかりにくかったのでまとめてみました。 onsubmit で disable 以外のスクリプトは全てパブリックドメインとするので、自由に使って下さい。onsubmit のやつはもともと自分が作ったものじゃないので良くわかんない(← 無責任)。 結構作ってるつもりだったけど、並べてみると意外と少ない。 onsubmit で disable にするやつ テキストフィールドのフォーカス時に背景色を変更する JavaScript フォームに入力を促すメッセージを出力する JavaScript パスワードの安全性を教えてくれる JavaScript カーソル位置のセルの上端と横端をハイ
SAJAX - Simple Ajax Toolkit by ModernMethod - XMLHTTPRequest Toolkit for PHP Welcome to Sajax! We've launched GLORP Visual Search Engine, a new way to search the web that's safer, faster, and best of all, 100% ad free and private. Check out an example search. Commercial consulting and support now available. Get support from the people who made Ajax easy for the masses. If your staff needs a helpin
Tired of a misbehaving JavaScript right when you need to develop your website? Well, Mochikit is here to help you out with its extensive well tested and developed suite of the JavaScript libraries so that your job is done smoothly and fast. If you check the Mochikit Documentation Index you will be able to check the distribution of the documentation that includes MochiKit.Async, MochiKit.Base, Moch
Yahoo! や del.icio.usなど、JSON形式でコールバックに対応しているサービスが多いので、動的に呼び出すための JavaScript オブジェクトを作成してみた。 var JsonWebServicesStub = { requestCounter : 0, responseCallbacks : [], headElem : document.getElementsByTagName('head').item(0), invoke : function (url, callback) { var callbackParam = arguments[2] || 'callback'; var script = document.createElement('script'); var index = JsonWebServicesStub.requestCounter++;
Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(gray+layerで、glayer.js) Lightbox JS livedoor Reader - RSSリーダー 下記のような機能を持っています。 背景全体を覆うレイヤの表示/非表示が簡単に出来ます。(レイヤを透過表示することにより、グレーアウトを実現) レイヤ自体は、透過PNGを使う方法と、opacityを使う方法の二種類をglayer.cssにスタイルとして定義しています。 フェードイン、フェードアウトしながらのレイヤ表示/非表示も行えます。(この場合は、opacityによるレイヤを透過表示) なお、Ver 2.0 にて、prototype.js、script.aculo.usを使用せずに、glayer.jsのみでフェードイン、フェードアウ
ถ้าจะพูดถึงหนึ่งในเว็บเกมพนันออนไลน์ Ufabet ที่ได้รับความนิยมอย่างมากในขณะนี้ ก็ต้องนึกถึง ufabet เว็บตรง มาเป็นอันดับแรก และหลายคนสงสัยว่าทำไมต้องเล่นกับเว็บ ยูฟ่าเบท นั้นก็เพราะว่าการเล่น กับเว็บตรงนั้นจะทำให้คุณมีความมั่นใจ ในเรื่องต่างๆ ไม่ว่าจะเป็นด้านการเงินที่เล่นแล้วสามารถถอนออกได้จริง เพราะเว็บตรงนั้นมีตัวตนจริงที่จะทำให้คุณมั่นใจได้อย่างแน่นอน และการที่เล่นกับเว็บตรงนั้นนั้นคุณจะได้มีควา
AJAX/JavaScriptライブラリまとめ (2005/9/6 Revision .1.3) 翻訳 原文:Survey of AJAX/JavaScript Libraries Copyright 2005 by Sergio Pereira, Joe Walker, Matthew Eernisse ※本翻訳は、2005/9/6の1.3版を基に作成されています。原文であるWikiページは、1.18以上に更新が進み記載されているライブラリの数が増え、複数の誤りが修正されているようです。最新の情報は原文を参照してください。 Prototype (http://prototype.conio.net/) ライセンス:MIT 概要: Prototypeは、動的なウェブアプリケーションの開発を容易にするためのJavaScriptフレームワークです。Ruby on Railsフレームワーク駆動で
Aptana: The WEB IDE JavaScript開発用IDE:Aptana。 JavaScript用のかなり便利なIDEがついに出てきてしまいました:-) EclipseベースのIDEですが、インストーラーごと公開されてるのでインストールも簡単です。 その注目すべき特徴を列挙してみます。 ボタン一発で実行できるActions マクロみたいなもの。 コメントを一括除去/設定等の処理が可能。 分かりやすい位置にあって、使いやすい。 HTML/JavaScript/CSSのコード補完 (それぞれの属性、メソッドのブラウザ対応まで表示してくれる) 「document. 」と打つと自動でポップアップされます。JavaScriptだけじゃなく、HTMLやCSSも補完。 分かりやすいアウトライン機能 JavaScript/HTML/CSSのアウトラインを表示でき、構造が分かりやすく認識でき、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く