ちょっと小細工：textareaの高さを自動調節

改行入力なしでオートラップされた場合も自動調節してくれるとうれしいかな？と思ってちょっと小細工してみました。
■元ネタ

元記事：textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ (イラストdeブログ開発記)
経由：404 Blog Not Found:javascript - 勝手に添削 - textareaの高さを自動調節

■ソース

<script type="text/javascript">
function    initResizeTextarea(textarea) {
    if (!textarea||textarea._initResizeTextarea_) return;
    textarea._initResizeTextarea_=true;
    var offset=textarea.scrollHeight-textarea.offsetHeight;
    var lastLength=textarea.value.length, initRows=textarea.getAttribute('rows');
    if (isNaN(initRows)) initRows=3;
    if (!window.opera) {
        textarea.onkeyup=function(){
            var rows=textarea.getAttribute('rows');
            if (textarea.value.length<lastLength) {
                while (textarea.scrollHeight-textarea.offsetHeight<=offset) {
                    textarea.setAttribute('rows',--rows);
                    if (rows<=initRows) break;
                }
            }
            while (offset<textarea.scrollHeight-textarea.offsetHeight) {
                textarea.setAttribute('rows',++rows);
            }
            lastLength=textarea.value.length;
        };
    }
    else {
        textarea.onkeyup=function(){
            var lines=textarea.value.split('\n');
            var len=(initRows<lines.length)?lines.length:initRows;
            textarea.setAttribute('rows',len);
        };
    }
}   //  end of initResizeTextarea()
</script>

<textarea cols="64" rows="4" onfocus="initResizeTextarea(this)">
イチ
に
三
</textarea>

■サンプル
イチ に 三

動作確認は、IE7(Sleipnir)、Firefox 2.0.0.14、Safari 3.1.1、Opera 9.27 で行いました。
ただし、Opera はscrollHeightの値が変化してくれないため、手動で入力した改行のみ対応で、オートラップには対応できていません。

どうも、Operaのtextareaは鬼門らしい（「内容に合わせて伸縮するテキストエリア」を Opera にも - m2より）

Yin and Yang：動作改善(?)他

Yin and Yang：リンク先の内容をその場で表示するスクリプトについて、アンカー指定による移動を止める、マウスホイールでページをスクロールしている時などに引っかかりやすい（リンクの上をマウスカーソルが横切るとプレビューが開いてしまう）問題に対処するなど、いくつか修正を行いました(ver.0.02m)。
■Greasemonkey＆SeaHorse兼用版

Yin and Yang：マウスホイールでリンク先をプレビュー

■SeaHorse専用版

Yin and Yang：マウスホイールでリンク先をプレビュー

ver.0.02hから主として以下のような改修を行っています。

1. 【共通】アンカー指定で移動していたものをやめ、object.scrollIntoView(true)を使った移動に変更。
   これでアンカー指定のページ履歴が残ったり、IE系でプレビューする度にカチカチ音がする現象がなくなったはず。
2. 【共通】スクロール時にマウスカーソルがリンクを横切るとひっかりが生じる（敏感に反応してプレビューが開いてしまう)問題の対策。
   一定時間(300ms)リンクの上にカーソルがないと、プレビューが開かないようにしてみました。プレビューが可能になったタイミングで、リンクの背景色がピンク色になります。
3. 【共通】その他、表示上の微調整。

■余談
scrollIntoView()で移動する先の座標を、移動しないで知る方法はないものでしょうか……あるオブジェクトの位置を知りたいだけなのに、いったんそこまでスクロールしないといけなかったり、さもなくば、いちいち先祖まで遡ってブラウザ依存のオフセット計算をしないといけないなんて、不便極まりないですよねぇ……。

ノイズキャンセル(マスク|マイク)ってないのかな？

電車の中で声高にケータイで会話している人を横目でみながら。
ノイズキャンセルヘッドホンの片耳分を凹凸を逆にして口につけたら、周囲に迷惑をかけないマイクが出来たりしないのかね？
自分の声が

• 通話相手には聞こえやすく。
• 周囲の無関係な人には聞こえにくく。

なったりすると、ちょっとうれしいかもしんない。

いや、もちろん周波数特性とか、デザインとかは工夫したうえで、だけど。

検索もかけないで書いているので、とっくに実現されてはいるものの、もろもろの事情で広まっていないだけ、という可能性も高いけどね……すぐ思いつきそうだし。

『はてブBOX』と、ココログ用『はてブコメント表示欄』スクリプトの更新

特定ページについたはてなブックマークの情報って、はてな提供のAPIでJSON(P)で取得出来たんですね……1年半も前にリリースされているのに、つい先日まで知らなかったので、Google Ajax Feed API だの Yahoo!Pipes だので一生懸命取得していました(苦笑)。

はてなブックマークエントリー情報取得APIを参照。
同様に、ユーザのブックマークページの情報もJSONで取れたりするんでしょうか……？

そんなわけで、『はてブBOX』と、ココログ用『はてブコメント表示欄』スクリプトを、上記に対応する形でアップデートしました（『はてブBOX』はver.0.01i、『はてブコメント表示欄』はver.0.01d）。
ブックマークレットやココログに設置して使っている場合には自動で更新されますが、Greasemonkey／SeaHorseとして使用している場合は更新をお願いします。

■『はてブBOX』（Greasemonkey＆SeaHorse）

はてブBOX

■ココログ用『はてブコメント表示欄』（Greasemonkey／SeaHorse）

ココログにはてブコメント表示欄追加

共に、表示面の細かいところを調整しています。
コメントにURLが有る場合には、リンクに変換するようになりました。
はてブBOXの方はタグも表示されるようになりました。

裏でこっそりバージョンアップしていたので、実際はver.0.01hから。

また今まで表示するアイコンが多すぎると下のほうが隠れてしまっていたのを、位置調整して表示するように改修しました。

Yin and Yang：不具合修正他

Yin and Yang：リンク先の内容をその場で表示するスクリプトで、ページによってはSleipnirが固まってしまう不具合があったものを修正しました(ver.0.02f)。旧版を使用されている方は差替え願います。
■Greasemonkey＆SeaHorse兼用版

Yin and Yang：マウスホイールでリンク先をプレビュー

■SeaHorse専用版

Yin and Yang：マウスホイールでリンク先をプレビュー

ver.0.02cから主として以下のような改修を行っています。

1. 【共通】ページがうまく取得出来なかった場合、iframe表示を試みるように修正。
2. 【共通】スクリプト読込み時の初期化処理の簡略化による体感速度向上。
3. 【共通】プレビュー上の画像を非同期表示することによる体感速度向上。
4. 【共通】ページ上にテーブル要素が有る場合にエラーになることがある不具合修正。
5. 【SeaHorse専用版】ページ取得に時間がかかりすぎている場合(30秒以上)は取得を中止するように修正(この場合はiframe表示となる)。
6. 【SeaHorse専用版】特定ページをプレビューしようとすると固まる不具合修正。
   ActiveXObject('htmlfile')で作成したdocumentにおいて、NOSCRIPT要素内にOBJECT/EMBED要素が含まれるようなとき、このNOSCRIPT要素をremoveChild()しようとしたら、Sleipnirが固まることが有るようです。

Yin and Yang：LDRize for SeaHorseに対応

Yin and Yang：リンク先の内容をその場で表示するスクリプトをアップデートして、LDRize for SeaHorseなどからプレビューのOpen/Closeを制御出来るようにしてみました。その他、細かいバグフィックス等を行っています（共にver.0.02c)。
■Greasemonkey＆SeaHorse兼用版

Yin and Yang：マウスホイールでリンク先をプレビュー

■SeaHorse専用版

Yin and Yang：マウスホイールでリンク先をプレビュー

今回の新機能は『リンク(<A>)要素にsyySwitch()という関数を追加する』というものです。
この関数をコールすると、当該リンク先のプレビューが開いたり閉じたりします(トグル動作)。

例えば、LDRize for SeaHorseに対応させるには、LDRizeをインストールしたフォルダ（デフォルトだとC:\Program Files\Fenrir & Co\Sleipnir\plugins\seahorse\LDRize）下のkeybindex.jsに、以下のようなコードを追加します。

KEYBIND['y'] = function() {
    var LDRize=window.LDRize;
    if (!LDRize) return;
    var paragraph=LDRize.getCurrentParagraph();
    if (!paragraph||!paragraph.getElementsByTagName) return;
    var links=paragraph.getElementsByTagName('a');
    if (links.length<=0) return;
    var url=LDRize.getParagraphLink(paragraph);
    if (url) {
        for (var ci=0,len=links.length; ci<len; ci++) {
            var tmplink=links[ci];
            if (tmplink.href!=url) continue;
            if (!tmplink.syySwitch) continue;
            tmplink.syySwitch();
            return;
        }
    }
    var link=links[0];
    if (link.syySwitch) link.syySwitch();
};

これで、[y]キーによって、LDRizeで"→"がついているparagraphのプレビューを開閉出来るようになります。

なお、keybindex.jsは初期状態だと存在しないので、その場合は新規作成するか、もしくは、これ(keybindex.js)をダウンロードしてください。

【2008/05/03追記】うまく開閉出来ない場合があったので、ちょっと修正。

Yin and Yang：リンク先の内容をその場で表示するスクリプトの更新

Yin and Yang：リンク先の内容をその場で表示するスクリプトをアップデートしました（共にver.0.02)。
■Greasemonkey＆SeaHorse兼用版

Yin and Yang：マウスホイールでリンク先をプレビュー

■SeaHorse専用版

Yin and Yang：マウスホイールでリンク先をプレビュー

■主な変更点

1. 【共通】LDRFullFeedのSITEINFOも使用するようにしました。
   os0xさんのブコメを元にしました。ありがとうございます。
2. 【共通】読込んだページに含まれるスクリプトが実行されることがあったものを修正。
3. 【SeaHorse専用版】text/html以外のページをプレビューしようとするとエラーになっていたものを修正。
4. 【SeaHorse専用版】リンク先が画像ファイルの場合も対応。
5. 【SeaHorse専用版】charsetによっては(cp943cなど)、文字コード変換時にエラーが発生することがあったものを修正。

SeaHorse(Sleipnir)専用版は結構いい感じに使えるようになった気がします。だれか他ブラウザ専用版作ってくれないかな(笑)。

Yin and Yang：リンク先の内容をその場で表示するスクリプト(SeaHorse専用版)

Yin and Yang：リンク先の内容をその場で表示するスクリプトのSleipnir(SeaHorse)専用版です。
■SeaHorse専用

Yin and Yang：マウスホイールでリンク先をプレビュー

Sleipnir使いの方はこちらをお薦めします。
共通版に比べて、Yahoo!Pipesを介さないので、速度が上がっています。
また、文字化けするケースや内容が取得出来ないケースも減っていると思います……多分。

Yin and Yang：リンク先の内容をその場で表示するスクリプト(Greasemonkey／SeaHorse／ブックマークレット)

検索結果やブログを読んでいてリンクがあった場合、それをクリックして別画面でリンク先を確認する、というのは結構面倒だったりします。

マウスオーバでサムネイル画像がプレビューされる、というようなスクリプトはよくありますが、意外とわずらわしいし、その割に実際にどんな内容があるかはよくわからないので、あんまり好きじゃないんですよね。

なので、その場でプレビュー表示してみるようなスクリプトを作成してみました。

■使用方法
スクリプトをインストール／実行後にウェブページを表示し、適当なリンクの上にマウスカーソルをあわせて、マウスホイールを手前に回すと、しばらくしてリンク先のプレビューが表示されます。
同様に、リンク上にカーソルをおいてホイールを反対に回せば、プレビューが閉じます。

■動作画面

リンクの上にマウスカーソルをあわせ、ホイールを回すと……

のように、プレビューが表示されます。

■Greasemonkey＆SeaHorse

Yin and Yang：マウスホイールでリンク先をプレビュー

【2008/05/02追記】SeaHorseの方は専用版があります。Sleipnir使いの方はそちらをどうぞ。

■SeaHorse専用

Yin and Yang：マウスホイールでリンク先をプレビュー

SeaHorseの使い方については、例えばこちらとかこちら。Greasemonkeyの使い方については、例えばこちら。

Operaのユーザー JavaScript ファイル(User Script)としても動作するようです(Opera 9.27で確認)。

■ブックマークレット

Yin and Yang：マウスホイールでリンク先をプレビュー

ブックマークレットの登録方法等はこちら→【Web】ブックマークレットのブラウザ毎の登録方法

■注意書き

例によって、一切の保証はありません。ご使用は自己責任で。

リンク先のページによっては文字化けしたり、内容がまったく表示されないこともあります。悪しからず。

■覚書

• リンク先ページ内容の取得には、Yahoo!PipesのFetch Pageを使用しています。
  フィルタはこちら。URLを渡すとページの内容(htmlソース)をJSONPとかで取得できるAPIをYahoo! Pipesで作った(管理人日記) - むぅもぉ.jpを参考にさせていただきました。
  なお、ページが取得出来ないなどの制約は、Pipes依存です。
• プレビュー表示時には、AutoPagerizeのSITEINFOを使用してpageElementを取得しています。
  これにより、SITEINFOがあるページでは、サイドバー等の余分な情報をのぞいたものが表示されるようになります。
• SITEINFOよりpageElementを取得するため、JavaScript-XPathを使用させていただいています。

ちなみになんでスクリプト名が『Yin and Yang』かというと、リンクの陰に隠れているページを陽にさらすという意味から、です。

ほんとは引用→陰陽だというのはひみつ。

はてブフィルタ：Google仕様変更(?)対策とAutoPagerlize／AutoPagerlike対応

そんなわけで、はてブフィルタを改修し、Googleの検索結果の見出し仕様変更に対応しました。

一時の気の迷いで、元に戻ったらやだな……。

それだけだとなんなので、AutoPagerize／AutoPagerize for SeaHorse／AutoPagerlikeにも対応させてみました(ver.0.02)。

いや、順番が実際は逆なんですけどね(苦笑)。

■Greasemonkey＆SeaHorse はてブフィルタ

はてブフィルタ

今年初の泊まり出張

ほぼ一年間出張の感があった昨年とはうって変わって、本年は今日でやっと2回目。前回は日帰りだったので、泊まりは今回が初です(といっても一泊ですが)。 一泊だけですし、今回はネット環境付のホテルはやめて、ノートPCも持参しなかったのですが。 いい機会とばかりにネットカフェ初体験をしております(^^;)。 自分でも意外ですが、なぜか今まで利用する機会がなかったという…ここはマンガも読めるのですが、そう ...
続きを読む

はてブコメントに対し、はてなハイクでリプライするGreasemonkey／SeaHorse

はてなブックマークのコメントに対してリプライを返す試みを、はてなハイクを用いて行ってみました。 ■Greasemonkey／SeaHorse はてブコメントにリプライするスクリプト ■サンプル 上記をインストール後に、適当なブックマークページ(http://b.hatena.ne.jp/ユーザID/*)へ行くと、コメントがついている場合、 Replyのようなマークが表示されます。これをク ...
続きを読む

【ココログ】はてブコメント表示欄をサイドバーにも

【ココログ】はてなブックマークコメントを個別ページにさり気なく表示するスクリプトに、ありがちですが、サイドバーに最近のはてブコメント(を付けた人のID)を表示する機能を追加してみました。 ■サンプル ■はてブコメント表示欄をココログに設置(サイドバー表示付き) function getReturnUrl(form) { var elm=form.parentNode; while( ...
続きを読む

【ココログ】はてなブックマークコメントを個別ページにさり気なく表示するスクリプト

ココログの記事の個別ページに、そのページについているはてなブックマークのコメントを表示するスクリプトです。 ■サンプル これなら、『ココログユーザに見えないところで、はてなーがコメントつけてるらしい…』と不安になることも無くなりますね？！ でも、他にも沢山のブックマークサービスがある罠。というか、影が薄いよ＞@nifty クリップ。 ■はてブコメント表示欄をココログに設置 fun ...
続きを読む

【JavaScript】任意のURLをベースにして、相対パスを絶対パスに変換(クロスブラウザっぽく)

AutoPagerize | Google グループでの話題をきっかけに、任意のURLをベースとして、相対パスを絶対パスに変換する方法を模索してみました(IE7・Firefox2.0.0.13・Opera 9.27・Safari3.1で確認)。 ■ソース(動作サンプル) varpathToURL=(function(){ varwimg=newImage(); varwork=document ...
続きを読む

AutoPagerize/AutoPagerlike：Google イメージ検索への対応を試みる

AutoPagerize／AutoPagerlikeのGoogle イメージ検索に対応させる方法を模索してみました。 ■SeaHorseスクリプト(Sleipnir専用) AutoPagerlike：SeaHorse版AutoPagerize(もどき) AutoPagerlike用設定ファイル ■Greasemonkeyスクリプト(Firefox専用) Google イメージ検索対応 ...
続きを読む

AutoPagerlike： 『次へ』リンクが"javascript:～"の場合の対処方法を考える

『次へ』リンクが"javascript:～"になっているようなページだと、AutoPagerizeおよび類似のスクリプトでは通常は対応できません。 でも、中には単にURIを作ってlocation.hrefで移動しているだけ、というページもあるようなので、そういったところなら対応できるかなぁと、拙作AutoPagerlikeで試行してみました(ver.0.03h)。 ■SeaHorseスクリプト ...
続きを読む

脚注をその場で表示するスクリプトをAutoPagerize／AutoPagerlikeに対応

はてなダイアリー／ウィキペディアの脚注をその場で見るスクリプトを、AutoPagerize(for Firefox)およびAutoPagerlike(for Sleipnir)に対応してみました。 ■Greasemonkey＆SeaHorse 脚注をその場で表示 これで、はてなダイアリー上でページを追加表示した場合も、脚注をその場で表示出来るようになります。 ついでにAutoPagerli ...
続きを読む

AutoPagerlike： 『次へ』リンクが無い場合の対処方法を考える

AutoPagerizeでは、各ページに『次のページへのリンク 』があることを前提とした動作になっていますが、 個別ページには次のページへのリンクが無い。 インデックス(目次)ページは存在する。 というようなサイトに対応させる方法はないかなぁ？と思ったので、とりあえず拙作のAutoPagerlike AutoPagerlike：SeaHorse版AutoPagerize(もどき) ...
続きを読む

AutoPagerlike： Sleipnir＋SeaHorse版 AutoPagerize(もどき)

メインブラウザとして使っているSleipnirでAutoPagerizeが使えないのが悔しかったので(?)、トライしてみました。 ■SeaHorseスクリプト(Sleipnir専用) AutoPagerlike：SeaHorse版AutoPagerize(もどき) AutoPagerlike：SeaHorse版AutoPagerize(もどき) AutoPagerlike用設定ファイル S ...
続きを読む

ウィキペディア（Wikipedia）の脚注もその場で見る

はてなダイアリーの脚注をその場で見るためのGreasemonkey／SeaHorseについて、考えてみれば、はてなダイアリーの脚注よりも、ウィキペディア(Wikipedia)の脚注の方がさらに認知コスト高い気がする……ということで、そちらにも対応してみました(ver.0.01c)。 【追記】 きっと似たようなのは既にあるだろうなとちょっと探してみたところ、やっぱりありました。 Wiki ...
続きを読む

はてなダイアリーの脚注をその場で見るためのGreasemonkey／SeaHorse

はてなダイアリーの脚注リンクをクリックすると、その場に脚注の内容が表示されるようにするGreasemonkey/SeaHorseです。 【追記】(2008/03/15) ウィキペディアにも対応してみました。 ■実行イメージ ↑脚注リンクをクリックすると…… ↑のように、その場で脚注の内容が表示されるようになります。 【2008/04/03追記】 若干操作を変えてみました(ver.0. ...
続きを読む

【ココログ】特定の記事に対する最近のコメントをRSSで取得(Yahoo!Pipes版)

ココログの記事についたコメントをRSSフィードとして取得する試みのその2、Yahoo!Pipes版。 ココログのコメントをRSSで取得 ↑のブックマークレットをブラウザのお気に入り(ブックマーク)に登録しておき、ココログの個別記事のページで実行すると、一番上の方に『RSS』というリンクが表示されます。 これをご自分のRSSリーダに登録しておくことで、該当の記事についた最近のコメントをRSSリ ...
続きを読む

『はてブBOX』で、はてブコメントにはてなスターを付ける！

はてブコメントビューア『はてブBOX』を改修し、はてブコメントにはてなスターを付けられるようにしてみました(ver.0.01d)。 こころにくいあんちくしょうのコメントに星をふりまいてあげましょう(笑)。 ■実行イメージ コメント表示箇所にスターを、BOX部分に"Add Star"アイコンを、それぞれ表示するようにしてみた。 "Add Star"のところにマウスカーソルをおいて、マウ ...
続きを読む

マウスホイールではてブコメント流し読み！『はてブBOX』(ブックマークレット/Greasemonkey/SeaHorse)

変わリ種はてブコメントビューア第3弾！ 今回の『はてブBOX』はこれまでの『はてブニコす』や『はてブぽっぷ』と比べ、実用性も高いと思います。はてブコメントファンの方はぜひお試しを！ 【追記：2008/03/07】……って、Greasemonkey＆SeaHorseのリンク、はてブポップになっていた……丸一日そのまま放置、すみません。 あとついでに、日付・時刻も表示するように修正しました(ver. ...
続きを読む

Google Ajax Feed API の代わりに Yahoo!Pipesを使ってみた

『Google Ajax Feed API はまだ不安定？』で記事にした問題をなんとかしたいとちょっと調べてみたところ、どうやら『Yahoo!Pipes』なるサービスを使えば打開出来そうに思えたので、試してみました。 指定したURLに関するソーシャルブックマークのコメントをまとめて取得するAPIをYahoo! Pipesで作った(管理人日記) - むぅもぉ.jp という、はてブぽっぷや ...
続きを読む

『はてブフィルタ』－Googleの検索結果をはてブでフィルタリングする(ブックマークレット/Greasemonkey/SeaHorse)

Googleの検索結果のうち、はてなブックマークされているものだけをフィルタリングするブックマークレット／Greasemonkey/SeaHorseを作成してみました。 ■実行イメージ フィルタオフ フィルタオン ■ブックマークレット はてブフィルタ ブックマークレットの登録方法等はこちら→【Web】ブックマークレットのブラウザ毎の登録方法 ■Greasemonke ...
続きを読む

はてブコメントが飛び出す！『はてブぽっぷ』(ブックマークレット/Greasemonkey/SeaHorse)

ちょっと変わリ種のはてブコメントビューアを作成してみました。名付けて『はてブぽっぷ』。 GreasemonkeyかSeaHorseの導入、もしくはブックマークレットの実行で、現在みているページにはてブコメント（文字の入ったもの）が付いていれば、右下にカウンタ付きのはてなマークが現われます。 これをクリックするたび、最新のものから順に、コメントが飛び出します。 コメントが下まで落ちてきたら、小さな ...
続きを読む

はてブコメントをニコニコ動画っぽく表示するブックマークレット／Greasemonkey／SeaHorse

もうちょっとおとなしい(?)やつも公開中なので、併せてお試しを。 ■マウスホイールではてブコメント流し読み！『はてブBOX』(ブックマークレット/Greasemonkey/SeaHorse) ■はてブコメントが飛び出す！『はてブぽっぷ』(ブックマークレット/Greasemonkey/SeaHorse) 見ているページにはてなブックマークのコメントがついていた場合、それをニコニコ動画風に表 ...
続きを読む

【JavaScript】ベンチをとってみる＜オブジェクトをキーに出来るハッシュのようなもの

すべてのオブジェクトをキーにできるハッシュの様なもの - IT戦記 と 【JavaScript】オブジェクトをキーに出来るハッシュのようなもの……って、これじゃだめ？ と、それぞれベンチマークを取って見ました。 ■ベンチマーク varcount=prompt('試行：キーの数は？',500); (function(){ print('ahref="http://d.haten ...
続きを読む

【JavaScript】オブジェクトをキーに出来るハッシュのようなもの……って、これじゃだめ？

すべてのオブジェクトをキーにできるハッシュの様なもの - IT戦記を見て。 どうやったら効率的なものを書けるだろうか 単純に、こんなのじゃだめでしょうか？ キーになるオブジェクトを汚しているけど（ｗ ↓ ■[2008/02/14] for (name in key)とすると、想定外の余計なものまでとれてしまうのはやはりちとまずいように思えたので、keyの直下ではなく、key.toString ...
続きを読む

ココみて！～『みんなで解決！広場』のよくある参照先をリスト表示

『みんなで解決！広場』のQ&Aの中で引用されているページを、参照数の多いものから順にリスト表示したページを作成してみました。 名付けて『ココみて！』。 『みんなで解決！広場』フレーム版のトップに貼り付けてある@nifty投票「ココログ『みんなで解決！広場』でほしい機能は？」では、「よくある質問集」の割合が過半数を越えており、FAQ集の需要が高いことがうかがえます。 なんとかならないものかと ...
続きを読む

ページのタグ構造を表示するブックマークレット

ブログのカスタマイズでCSSをいじっているときや、スクリプトを作成しているとき、ページのタグ構造やid・classの設定がどうなっているのかをちょっと確認したいときがあります。 そんな場合に使えるかもしれないブックマークレットです。 ページのタグ構造を表示するブックマークレット 新たにウィンドウ(タブ)が開いて、そのテキストエリア(textarea)内に、元ウィンドウ(タブ)のタグ構造が表示 ...
続きを読む

【ココログ】ページ遷移なしで過去記事を遡るスクリプト

ココログではトップページの一番下の方にリンクナビ(『 [過去記事名]』のリンク)が表示され、これをクリックすることで、一つ前の記事に飛び、以降は画面上部のリンクナビによって過去記事を遡ることができますが、ページ遷移がわずらわしいと感じることもあるかと思います。 はてなダイアリーだと、ココログ同様にリンクナビでさかのぼることもできますが、それとは別にナビについているアイコンをクリックすると、ページ ...
続きを読む

【ココログ】SideOff：必要に応じてサイドバーを隠すボタン

ココログのサイドバーは便利なんですが、ときどき邪魔に感じることもあるのではないでしょうか。 そこで、閲覧する人の好みと必要に応じてサイドバーを消したり表示したりするような機能がブログについていれば、案外使う人もいるかも？と思ったので、試作してみました。 ココログのサブタイトル欄（キャッチフレーズ欄）に scripttype="text/javascript" window.ccSOstyl ...
続きを読む