oitake blog

いろいろリンク

おすすめリンク

最近のエントリー

カテゴリー

20101012:コメントとトラックバックを停止したことにより、このサイトはアーカイブとなりました。以降、ご連絡はみもねるのウェブサイトへお願いします。
20100703:新ナマコメ(ナマコメ 2)を公開しました。コメントビューア付きで送信面においてもパワーアップしています。
旧ナマコメは将来的に使用できなくする予定なので、可能な限り新ナマコメをお使いください。
20091127:oitake は みもねる になりました。当ブログは無期限更新停止となります。詳細は最新の記事をご覧ください。

スポンサーサイト

一定期間更新がないため広告を表示しています


2009.12.16 Wednesday | | - | - | -

テーブル→CSV:テーブルをCSV形式でコピーするブクマ

任意のテーブルをCSV形式でコピーするブックマークレットです。
「クリックしたカラムを含むテーブル」の全カラムがテキスト化され、クリップボードにコピーされます。

テーブル→CSV

※IE専用です。
※処理が完了するまで少々時間がかかるかもしれません。「OK.」というメッセージボックスが表示されるまでお待ちください。ただし、テーブルが存在しない場合は何のメッセージも表示されないので、そのあたりは自己判断で。

td要素はタブ文字で、tr要素は改行文字で表現されます。また、カラム内のタグは削除され、(もともと存在する)改行文字とタブ文字は半角スペースに置換されます。ネストするテーブルに使用した際の処理結果は、きっとグダグダでしょう…。

なお、カラムをクリックする際は注意してください。ちょっとでもテーブルから外れたところをクリックすると、予想以上のテキストがコピーされ、処理が極端に重くなってしまう可能性があります。

このブクマはデータを収集する際に便利かもしれませんが、コピーしたデータをそのままExcelに貼り付ける前に、いったんテキストエディタでイリーガルなフォーマットを修正する必要があると思います。

CSSまるっと(DX版):CSSを全部表示するブクマ2

前回のシンプル版をちょっとだけアップグレードしたデラックス版です。

CSSまるっと(デラックス版)

※IE専用です。
最初に外部CSSファイルのリストが表示されるようになりました。クリックするとリンクするのでちょっとだけ便利です。
デザインもちょっとだけよくなりました。既存のCSSに影響されにくくなっています(といいつつ、このブログで使うとリンクが見えなくなってしまう…)。

なお、ブックマークレット自体は外部JavaScriptファイルを読み込んでいるだけです。文字数制限が厳しいブクマにはうれしい手法ですね。

あと、いま思ったんですが、シンプル版の方が使いやすいかも!

CSSまるっと(シンプル版):CSSを全部表示するブクマ

※20070808:ちょっとだけ修正しました。
ウェブページに読み込まれているCSS(スタイルシート)を全て表示します。
@importで読み込まれた外部CSSファイルにも対応。ただし、style属性値のCSSには非対応です。

CSSまるっと(シンプル版)

※IE専用です…。
※上記のリンクをクリックすると体裁が崩れるかもしれませんが、ブックマークレットからであれば支障ありません。


任意のページでこのブックマークレットを起動すると、ページ上部にCSSが列挙されます。既存のCSSによっては少し見づらいかもしれません。
ウェブページを解析する際に役立つでしょう。あのスタイルはどこでどんな風に定義されているんだろう、とか。

なお、表示されるCSSはブラウザによってフォーマットされたものを、さらにoitakeが適当に整形したものであって、オリジナルのCSSではありません。
また、CSSを大量に使用しているページで起動すると、処理が完了するまでに時間がかかります。

シンプル版は「見づらい・軽い・単独で起動可能」であり、後日リリース予定のデラックス版は「見やすい・やや重い・外部からJSファイルをダウンロードして起動」する仕様になります。

CSSカラーインバータ:色を反転するブクマ

CSS(スタイルシート)で設定されている色を反転するブックマークレットです。たとえば、白地に赤字のウェブページで使用すると、黒地に青字のウェブページになるでしょう。ようするに反対色です。使い道としては…特に思い浮かびませんが…CSSの適用範囲を確認する時に使えるかな?
下のリンクをクリックすると実際の動作を確認できます。万が一気に入ったら右クリックメニューなどからブックマーク(お気に入り)に登録してください。
※Internet Explorer専用です。
※再度クリックすると元に戻…らないかも☆

CSSカラーインバータ

正確な処理内容としては、CSSに記述されている16進数の色情報と、6桁の16進数の最大値(0xffffff)との差分を新たな色情報として設定します。文字列による色情報はスルーします。
また、前回の「CSSスイッチ」同様、インラインで記述されたCSS(=style属性値)には反応しません。それからもちろん、画像の色も反転しません。したがって、ウェブページによってはブックマークレットを使用しても変わり映えしない時があるかもしれません。

CSSスイッチ:CSSを無効/有効にするブクマ

CSS(スタイルシート)を無効にしたり有効にしたりするブックマークレットです。
無効にするとCSSが適用されていない状態、HTMLが剥き出しになっている状態になります。合点のいかない方は下のリンクをクリックしてみましょう(もう一回クリックすれば元に戻ります)。
ウェブページの構造を解析する際に使えるかもしれませんね。

CSSスイッチ

このブクマを我が物にしたい方はリンク先のURLをブックマーク(お気に入り)に登録してください。
ただし、ウェブページによっては正常に動作しないかもしれません。

IT戦記のamachangさんが作られた「CSS + JavaScript Tips」を参考にさせていただきました。左右キーでウィンウィンですよ。
※20070802:補足です。style属性で設定されたCSSは無効にできません。無効にできるのはlink要素で読み込まれたCSSや、style要素で設定されたCSSです。