新型はてなブックマークボタンを速くする
遅い原因も調べてますがとりあえずその辺は後述ということで、先に新型はてブボタンの動作を速くする方法から書いていきます。 まずはてブのボタン配信ページから貼り付けコードを取得します。こんな感じの HTML スニペットがもらえると思います。 <a href="http://b.hatena.ne.jp/entry/http://sakuratan.biz" class="hatena-bookmark-button" data-hatena-bookmark-title="さくらたんどっとびーず" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリ
はてなブックマークプラスに登録していないユーザーをエントリーページから抹消する JavaScript と Greasemonkey - IT戦記
はじめに http://b.hatena.ne.jp/guide/plus がリリースされましたね！ というわけで、「てなブックマークプラスに登録していない（正確には、 plus アイコンを出していない）ユーザーをエントリーページから抹消する JavaScript」を書いてみました！！ これで、はてブプラス民に囲まれて幸せですね！ やったね！ ご自由にお使いください（Firefox or Safari で動くと思います） Ten.Selector.getElementsBySelector('ul#bookmarked_user > li').filter(function(e) { return !e.getElementsByClassName('plus_icon').length }).forEach(function(e) { e.style.display = 'none' }
Yaneu Labs --- はてふ --- はてな付箋リリースしました
*[hatefu:labs.yaneu.com/20090309/] はてふ --- はてな付箋リリースしました Webで技術的な調べ物をしていると、記事の間違いを目にすることが良くある。例えば、次の記事だ。 # 記事の誤り [img:bad1.png] 第10回 CSSで画面を構成する際の最重要タグ「div」の使い方を知る http://itpro.nikkeibp.co.jp/article/COLUMN/20080311/295932/?ST=swd-design&P=5 この赤の下線部は私が引いた。言うまでもなくここは、誤りである。positionは指定しなければstatic扱いで、staticだと親要素になれないだけのことである。だからabsoluteでもrelativeでもfixedでも指定すれば親要素になれ、position:absoluteはその親要素相対になる。 最重要タ
2009-01-07
fotolife記法で大きいサムネイル画像を表示できるようになりました フォトライフの写真を表示するfotolife記法で、120pxのサムネイル画像を表示できる「:medium」指定を追加しました。これまでの「:small」指定では60pxのサムネイルが表示されていましたが、「:medium」指定ではフォトライフリニューアル後の大きいサイズのサムネイルを表示させることができます。 120pxのサムネイル画像を表示するには、通常のfotolife記法に続けて「:medium」と記述してください。 (120px) (60px) (通常サイズ) と記述すると、 (120px) (60px) (通常サイズ) のように表示されます。 idea:19740でご要望いただきありがとうございました。その他、fotolife記法のオプション指定につきましてははてなダイアリーのヘルプをご覧ください。 ツイー
新はてなブックマークのエントリーをお気に入りユーザの数順に並び替える JavaScript - IT戦記
結構便利です。 javascript:Ten.DOM.getElementsByTagAndClassName('ul','hotentry').forEach(function(e){Ten.Selector.getElementsBySelector('> li',e).sort(function(a,b){return Ten.DOM.getElementsByTagAndClassName('img','profile-image',b).length-Ten.DOM.getElementsByTagAndClassName('img','profile-image',a).length}).forEach(function(l){ e.appendChild(l);})}); お気に入り「率」ならこんな感じ javascript:Ten.DOM.getElementsByTagA
はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓
JavaScriptの部分は というわけでid:amachangに任せましょう。 というわけでそれ以外の部分でいったいどこが重いのか 何が重いの？ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。 ちなみに上記ソフトのダウンロードにはIBMアカウント（無料）が必要なので、使いたい人は登録しよう！ http://b.hatena.ne.jp/HolyGrail/ の結果 こんな感じのグラフが出てきます。 では、詳細を見てみましょう。 このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。 内訳としては 濃い
はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記
はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr
高木浩光＠自宅の日記 - 新はてなブックマークの登録ブックマークレットは使ってはいけない
はてなブックマーク（以下「はてブ」）がリニューアルされ、ブラウザからブックマークレットでブックマーク登録（以下「ブクマ登録」）しようとすると、図1の画面が現れるようになった。「こちらから再設定をお願いします」と指示されているが、この指示に従ってはいけない。ここで提供されている新型ブックマークレットは使ってはいけない。（この指示には従わなくてもブクマ登録はできる。） 新型ブックマークレットを使用すると図2の画面となる。ブクマ登録しようとしているWebサイト（通常、はてな以外のサイト）上に、はてブの画面のウィンドウが現れている。これは、Ajaxと共に近年よく使われるようになった「ページ内JavaScriptウィンドウ」である。（ポップアップウィンドウとは違い、ウィンドウをドラッグしてもブラウザの外に出すことはできず、あくまでも表示中のページ上のコンテンツであることがわかる。）
はてなブックマークのスタッフロールをスターウォーズっぽくするブックマークレット - IT戦記
Firefox 3.0 以上か WebKit Nightly 以上で、以下のページへ行って http://b.hatena.ne.jp/help/staff 以下のブックマークレットを実行してみてください！ javascript:(function(d,s){s=d.body.appendChild(d.createElement("script"));s.src="http://amachang.art-code.org/starwars.js"})(document) 補足 Firefox 3.0 でも動くけど、まじめに演算してるので Firefox 3.1 Beta 以降や WebKit の Nightly じゃないと、パフォーマンスはでないかもしれません＞＜
はてブコメントをニコニコ動画っぽく表示するブックマークレット／Greasemonkey／SeaHorse
以下、個人的な覚書。 はてブコメントの取得には、Google AJAX Feed APIを使用。 スクロール表示には、最初は手を抜いてmarqueeを使おうとしたが、JavaScriptであとから作った要素の場合はFirefoxでは表示されない問題あり。仕方ないので、setInterval()使って適当にでっち上げ。 【追記】付いているコメントを全部表示すると弾幕もいいところなので、 コメント本文(result.feed.entries[x].content)がないものはスキップ。 最大50件まで(……まぁ、これでも充分弾幕という話も)。 【追記】書き忘れてましたが、元ネタは『にっこにこAAツール』（『小粋空間: Amazon の画像リンクをニコニコ動画っぽく表示する「にっこにこAAツール」』経由） 【追記】調べてみたら、『はてブTV』なるサービスもあるのですね。ふーむ、よくこんなの思いつ
Big Sky :: はてブでアーーーーッ!!!
はてなブックマークのコメントをニコニコ動画コメント風に流すスクリプト書いてみた... この記事にはてなブックマークコメントを付けると、下部に流れ出します。 もしかしたらJSONに反映されるまで流れないかもしれません。 Firefoxではjavascriptからのmarqueeが生成出来ないので、こちらのサイトのスクリプトを使わせて頂きました。 使い方は簡単。上記JavaScript Marquee Demoからmarquee.jsを、また下のリンクからhatebu_ahhhhh.jsをダウンロードし、scriptタグで読み込みます。あとはHTML本体に"HatebuAhhhhh"というIDをもったDIVを一つ用意します。 注意：はてなスターのように複数設置する事は出来ません。パーマリンクに一つとお考え下さい。 注意：はてブはパーマリンクにお願いします。 ダウンロード： 追記1 11:30
様々なブックマークをミックス！ - チャートマニアックス
チャートマニアックスを使うと、様々なサイトのアクセスチャートを見ることができます。
masuidrive on rails - ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
Photo by puddles for snails ブログを書いていると、はてなブックマークにいいコメントが付くことがあって、これが多くの人に見てもらえないのは、勿体ないなぁーと思うことがたまにあります。 本当はブログのコメント欄に残してもらえるとうれしいのですが、敷居が高いのかなかなか書いてもらえません。 それなら、ブログにはてなブックマークのコメントを表示すればいい！と思って作ってみました。 どこでもはてなブックマークのコメントを表示するスクリプト、「hatana_bookmark_anywhere.js ver 0.1」をリリースします。 実際の設置例はこのページの下の方を見てください。 設置方法は超簡単。https://raw.github.com/masuidrive/hatena-bookmark-anywhere/master/hatena-bookmark-anywhe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ちょっと面白い追加機能をしたはてなブックマークブックマークレット - つれずれなるままに…
被はてブランキングと、そのブックマークレット - IT戦記