07 | 2017/08 |  09

  1. 無料サーバー

User forum-FC2BLOG-Info-Edit Template-Post-Edit-Upload-LogOut

CSSやJavascript自習の苦闘史を綴っていきたい。恐縮ですがJavascriptを有効にしてご覧ください。
2005年12月から社会問題も掲載!

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 

jQuery と FirebugLite を一括登録するブックマークレット

以前次のように書きました。

jQueryブックマークレット(=jQuerify)を利用する前提として、Firebug(firefoxの場合)又はFirebug Lite(IE、Operaの場合)を組み込む必要があります。前者の場合にはFirefoxのアドオンとしてBrowser自身に組み込めばお仕舞いで、簡単に jQuerify を利用することが出来ます。

一方、後者の Firebug Lite の場合には、jQuerify を適用するサイトに、Firebug Liteをインクルードしなければなりませんが、それを一々追加するのでは余りに面倒です。

そこで、Firebug Lite と jQuerify を同時にインクルードするブックマークレットを作成し、容易にインクルード出来るようにすれば便利なはずです。

ここに、jQuerifyブックマークレットにおいて使用する jQuery は、Google のファイル置き場に置いてあるので、そこへのリンクを貼ればよいのですが、IE 、Opera 及び safari 用の Firebug Lite の方は当該サイトに zip 圧縮ファイルがあるだけですから、自ブログサーバーまたは自サーバー等に展開したファイルを置く必要が出てきます。

この時に問題となるのは、Fc2ブログサーバーに置いたファイルに対して、別のドメインや他の fc2 ブログ頁からリンクを貼ることが認められてない、ということです。当然の措置ですが Fc2 はFc2ブログのファイル置き場を、外部サイトから利用する所謂「ファイル置き場」として利用することを、認めていません。

jQuerify.jsブックマークレットを利用したい in this Blog

先のエントリを記述した時点では、「ファイル置き場」を探して彷徨ったものの、適切なサイトを見いだせませんでした。そのため今回解決した 「jQuerify と firebugLite を一括してブックマークレットにする」ことを諦めていたのです。

▲ToTop

サーバーに FirebugLite を置き、その利用を認めているサイトがあった!───がしかし...

その後、あれこれと探す中で希少なサイトが見つかりました。展開した Firebug Lite ファイルを置き、その利用を認めているサイトがあったのです( WebOS Goodies )。そこで早速それを利用させていただくこととし、今回念願のブックマークレットを作成しました。

感謝! webos-goodies!

このエントリイでは、jQuerify と firebugLite を一括インクルードするブックマークレットを紹介させて貰いますが、IEには文字数制限がありますし、fireFox などの Mozilla 系ブラウザの場合には firebugLite をインクルードする必要はないので、それらを考慮して複数のブックマークレットを作成しました。

その後 webos-goodies の firebug は使用できなくなってしまいました。断りもなく勝手にリンクを貼ったことが失礼に当たってしまったのかも知れません。陳謝!

そこで別のファイル置き場を探してそこにfirebugを置くことにしました。

No1.簡易版ブックマークレット
( Firefox or Opera or IE 用. scriptタグの有無などを確認しない簡易版 )

まず、jQuerify と firebugLite を一括してインクルードするブックマークレット No1 を作成しました。文字数は 391 文字で IE6 における文字数制限 508 文字以内に納めるべく、ブラウザチェックやscriptタグチェックを一切行わない原始的なバージョンです。いくつかのサイト上で IE7、Firefox 及び Opera で動作を確認しました。

なお既に firebug が組み込まれている Firefox などでこのブックマークを実行すると、firebug 本体とは別に firebugLite が登録されてしまいます。こうした事態を発生させないために No2 を作成しました。

下のリンクをお気に入りに登録すれば使えます。
No1.簡易版 jQuerify + FirebugLite
No2.拡張版ブックマークレット( Firefox or Opera 用 )

上記のブックマークレットでも実用的に支障はないのですが、ブックマークを二度以上 click してしまうことも良くありますので、本来重複登録しないようにすべきです。また firebug 本体を組み込んだ Mozilla 系ブラウザにおいては、firebugLite を組み込む意味は皆無です。

そこでインクルード済みかどうかをチェックすると共に、Mozilla 系ブラウザの場合には firebugLite を組み込まないようにしました。つまり Firefox などの Mozilla 系ブラウザでは firebug は組み込み済みのものと仮定し、このブックマークレットを使う場合には、jQuery だけをインクルードするようにしました。

文字数は 543 で、いくつかのサイト上で Firefox 及び Opera で動作を確認しました。

なお、このブックマークレットは IE の文字数制限値 508 を越えていますので IE6 及び 7 では動作しません。このため、別途 No3 を作成しました。

次のリンクをお気に入りに登録すれば使えます。
No2:for Firefox or Opera, jQuerify + FirebugLite
No3.拡張版ブックマークレット( IE or Opera 用 )

script 存在を確認する機能を持たせた上で、IE でも動くような文字数制限ぎりぎりのコードを作成しました。文字数は 492 文字です。そのため性能を削らざるを得ず、具体的にはブラウザチェックを排除せざるを得ませんでした。

このため Mozilla 系でも動いてしまい、firebug 本体が組み込まれていても firebugLite をインクルードしてしまう欠点があるので、敢えて IE or Opera 用としました。

動作確認は IE と Opera 及び Firefox(Firefoxの場合には firebugLite が登録されてしまいますが)で行いました。

次のリンクをお気に入りに登録すれば使えます。
No3:for IE or Opera, jQuerify + FirebugLite
※ Opera の場合には IE 程の文字数制限はないようなので、 No2 、No3 のどちらでも使えます。

各ブックマークレットのコード

No1( script タグの存在有無を確認しない版 )

上のブックマークレットのコードは以下の通りです。分かりやすく改行等を入れました。

<div>下のリンクをお気に入りに登録すれば使えます。<a href="javascript:
(function(){
  // 文字数を減らすため最初に全ての変数を一括定義
  var%20h = document.getElementsByTagName('head')[0],
  s = document.createElement('script'),
  c = document.createElement('script');
  // jquery インクルード
  s.src = 'http://jqueryjs.googlecode.com/files/jquery-1.2.3.pack.js';
  s.type = 'text/javascript';
  h.appendChild(s);
  // ブラウザチェック(IE、Opera 及び Safari)
  if(/(msie|opera|webkit)/.test(navigator.userAgent.toLowerCase())){
    c.type = s.type;  // 文字数を減らすため複写出来るものはそれを活用
    // firebug Lite アドレス
    c.src = 'http://hkom007.googlepages.com/firebug-gp.js';
    h.appendChild(c);
  }
})()">No1.簡易版 jQuerify + FirebugLite</a></div>
No2( script タグの存在確認版で Firefox or Opera 用)

上のブックマークレットのコードは以下の通りです。分かりやすく改行等を入れ、また読みやすいようにスペースも入れました。

<div>下のリンクをお気に入りに登録すれば使えます。<a href="javascript:
(function(){
  // 文字数を減らすため最初に全ての変数を一括定義
  var x = 0,y = 0,h = document.getElementsByTagName('head')[0],
  t = document.getElementsByTagName('script'),
  s = document.createElement('script'),
  c = document.createElement('script'),i=0;
  s.type='text/javascript';  // これも文字数を減らすために二度表示しないように
  // script タグがあれば
  if(t){
    for(;i<t.length;i++){
      if( /jquery-/.test(t[i].src) ) x += 1;
      if( /firebug/.test(t[i].src) ) y += 1;
    }
  }
  // scriptタグがないか、又は
  // jquery 文字列がない場合の src = jquery.js の script タグ追加
  if (x==0) {
    s.src = 'http://jqueryjs.googlecode.com/files/jquery-1.2.3.pack.js';
    h.appendChild(s);
  }
  // Mozilla系ではなく、かつ scriptタグがないか、
  // 又は firebug 文字列がない場合の src = firebug.js の script タグ追加
  if ( !/mozilla/.test(navigator.userAgent.toLowerCase()) && y==0 ) {
    c.type = s.type;  // 文字数節約のためこうした
    c.src = 'http://hkom007.googlepages.com/firebug-gp.js';
    h.appendChild(c);
  }
})()">No2:for Firefox or Opera用, jQuerify + FirebugLite</a></div>
No3( script タグの存在確認版で IE or Opera 用)

No3 は No2 と以下の部分が異なるだけです。

No2:  if ( !/mozilla/.test(navigator.userAgent.toLowerCase()) && y==0 ) {
          ↓
No3:  if ( y==0 ) {

 

■ コメントの投稿 ■

管理者にだけ表示を許可する

●トラックバック●

■トラックバックURLはこちら■
http://hkom.blog1.fc2.com/tb.php/628-8d652421

●参照元一覧●

<provided Fc2>
<provided i2i>

▲ToTop

 90%近いシェアを握っているインターネットエクスプローラの描画エンジンを利用したタブbrowser。沢山のタブbrowserがあるが、多機能、カスタマイズフリー、スクリプト利用等で一日の長がある。Gekkoエンジンへの対応も行われ、IEからの自立独立の方向に向かっている。2005年7月にはIE7が登場する見通しの中で、今後の発展が望まれる。

 多様なCSS作成支援機能を備えた、タグ入力式 HTML&CSS作成支援エディタ。スキンデザインもすっきりしている。テキストエディター上で作成するよりも確実で安全にタグ打ちが出来る。
文字コードを選べないのが欠点。

 StyleNote同様のタグ入力式 HTML&CSS 作成支援エディタ。長年使用してきたが現在StyleNoteに乗り換えつつある。

 クリップボード履歴情報を活用する為のソフト。画像まで履歴を取ってくれるのが嬉しい。このソフトを使わない日は絶対ない程に重宝し、愛用している。

 起動中のウィンドウの「コピーできない」説明文などの文字列を取得し、コピー可能な文字データにするツール。何かと便利。

 ストリーミングデータを保存することが出来るソフト。動画利用には不可欠なソフトだ。

 無料ながらレイヤー機能を有し、スクリプトによる拡張も可能な、sleipnir作者が提供している優れもの画像編集ソフト。

 画面キャプチャソフトと言えばこれに勝るものなし、ではないだろうか? 様々な取得方法を有しており、ブログ作成にもHomepage作成に不可欠だ。Jtrimと並んでWoodyBellsの作品。

 複数ファイルの同時編集は出来ないが、透過pngも作れる画像編集ソフト。
(以下当該サイトから抜粋)初心者にも簡単に操作が出来るフォトレタッチソフトです。多くの加工機能で画像に様々な効果を与えることができます。非常に軽快に動作するため、ストレスなく操作できます。

 Animation Gifファイルを作れる無料ソフト。

 キャプチャソフト。画面内にサイト全体が表示しきれない場合でも、これを使えば全体をキャプチャすることが出来る。

 画像処理。画像のフォーマット変換のみならず、色数やサイズ、圧縮率の変更まで一括処理できてしまう『BatchGOO!』は、大量の画像をまとめて処理したいときに大変便利なソフト。BMP, TIFF, JPEG, PCX, PNG の相互変換をはじめ、色数・サイズ・解像度の統一、JPEG圧縮率の調節など、ホームページ用の画像や携帯電話用の壁紙を揃えるのに抜群の相性を見せる。(Vectorの当該ソフト紹介頁より抜粋引用)

 名前から直ぐに想像が付くように画像のサイズを測るためのソフトだ。Homepage作成には欠かせない。2カラム、3カラムのレイアウトを行う場合に大変重宝する。

 ランチャーソフトは沢山あるが、中でもこれが一押しだ。2年以上使ってきたがその操作性には毎日満足している。これを使い始めてからデスクトップには一切のアイコンを表示することをやめてしまった。

 AdobeReader7によって、起動時間が長すぎるという長年のユーザーの不満はある程度解消した。そのためこの高速化ソフトは存在価値が低下してしまったかもしれない。AdobeReader6迄はこのソフトによる起動高速化で恩恵を受けてきた。

 IE専用が難点だが、様々なサイト内でIDやパスワードを入力するのに重宝するソフト。コンテキストメニューから簡単に起動できるのがGood! sleipnir等のIEの描画エンジンを利用しているブラウザでも使える。

 利用しているパソコンの諸元値を取得するには、このソフトがベストだ。インストール済みソフトの一覧が取得できるのも嬉しい。

 WMPは機能が豊富なだけ重い。RealPlayerも同様だ。そこでMedia Player Classicを使いたい。動作が軽快なだけではなく、対応しているファイル形式もすこぶる多く、これひとつで、wmvもrmも表示できてしまうのだから凄い! 数多あるMedia Playerの王様と言えるだろう。

 自宅でPCを起動しているときには必ず起動しているメディアプレーヤー。何かと過剰なWinampよりも、起動も速くスキンはシンプルだ。

 DivX, Xvid, Mov, Vob, Mpeg, Mpeg4, avi, wmv, dv, などの動画をDVD-Video形式に変換できるフリーソフト。クリックするとDVD関連ソフト紹介サイト=「DVDなToolたち」なるHomepageが開きます。

----------
200803060108
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。