07 | 2017/08 |  09

  1. 無料サーバー

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

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

スポンサーサイト

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

 

jQuery Ajax Utilities を活用して、任意のFc2ブログから情報を得たい。

自分のブログサイト以外で Ajax 通信したいが・・・

上のリンクにあるように、myBlog の任意の頁を開いた状態で、Fc2ブログサーバーのmy HTML または xml ファイルにアクセスして、過去/最新/未来のエントリイタイトル等を取得する術を自作しました。

作成してみて、改めて jQuery の素晴らしさ(使いやすさ、こうしたメソッドがあるかも知れないと思うと大体存在している気配りの深さと広さ、何よりも簡潔な記述を可能とする洗練)に感服しました。引き続き解読作業を進めていくことに、ますます意を強くした次第です。

さて、Ajax は同一ドメイン内における情報のやりとりを、頁をロードし直すことなく可能とするテクニックですが、それは Google がそうしているように、別に自分のサイトでなくても良い、ということに、今更ながらに気がつきました。

Google Map が Ajax 普及に火を付けたことは余りに有名ですが、Google Map の開発者でもなく、著作権などの権利を有することもない、Google 社と無関係な人が誰でも Google Map 上で Ajax 通信を使っているわけですから、Ajax 通信をそのサイト上で仕掛けることが出来さえすれば、そのサイトの管理者ではない第三者が、どんなサイトでも Ajax テクニックを利用することが出来るはずです。

そこで、それが可能となる条件を考えてみました。

  1. 当該サイトが Javascript を有効に出来ること(ユーザーがscriptタグを設置できないブログも多々ある)
  2. 当該サーバーのドメイン内しか処理対象とならないから、ドメイン越えでスクリプトを読み込ませるために、読み込ませるスクリプトファイルを置くサーバーが確保できること
  3. 出来れば jQuery が使える環境下にあること
  4. 出来れば、当該サーバーが提供している xml ファイルの URI が明らかになっていること(これは RSS 配信をしていれば簡単に入手できる)

等のはずです。

▲ToTop

しかし、Fc2 ブログサーバーは規約でファイル置き場には出来ない

早速試してみたいのですが、当面それは不可能です。何故ならば規約上 Fc2 ブログサーバーは所謂「ファイル置き場」には出来ないからです。従ってここで述べようとしていることは、Fc2 ブログ以外のファイル置き場として認められているサーバーに、所与のスクリプトファイルが置けなければ実現しません。

つまり技術的には別ドメインに Ajax 通信を行うように仕組むことは十分可能ですが、ファイル置き場がない限りそれはルール上出来ない、ということになります。残念!

以前もファイル置き場を探しましたが、「無料で」それが可能となるサイトは見つけられなかったので、以下に述べることは自分のファイルサーバーでも持たない限り夢と終わる話となります。

ファイル置き場が見つかった暁に実行する「夢」

その上で手順だけ夢見てみます。

  1. Ajax 通信を行うコードを作成し、これを jQuery.js と一緒にインクルードするコードを作る。
  2. これをブックマークレットにする。
  3. 当該ブックマークレットを任意のサイト上で実行する。

ここに問題となるのはブックマークレットに文字数制限があることですが、外部から読み込むファイル(下の例ではfoo.js)内に諸々の処理を記述するのであって、ブックマークレットでは外部から読み込むファイルを設定するだけですので、文字数制限は障害にはなりません。

そのブックマークレットは以下のようになるはずです。

※ 仮想のファイルを使った例示ですので決して動作しません。また既に必要なscriptタグが存在している場合の分岐処理は未作成です。

<a href='javascript:(function(){
var head=document.getElementsByTagName("head")[0],
script = document.createElement("script");
script.setAttribute("src","http://jqueryjs.googlecode.com/files/jquery-1.2.3.pack.js");
script.setAttribute("type","text/javascript");
head.appendChild(script);
script = document.createElement("script");
script.setAttribute("src","http://fileServerAddress/foo.js");
script.setAttribute("type","text/javascript");
head.appendChild(script);
})()'>Do! Ajax 通信</a>

ファイル置き場からインクルードするjsファイルに、jquery.js をインクルードするコードも盛り込んでしまえばよいのですから、もっと短くするべきでしょう。折角だからインクルード済みかどうかもチェックするのがベターでしょう。

上のコードを改善したブックマークは以下のようになるでしょう。

<a href='javascript:
(function(){
  var%20h=document.getElementsByTagName("head")[0],
  t = document.getElementsByTagName('script'),
  s = document.createElement("script"),
  i = 0, x = 0;
  if (t) 
    for(; i<t.length; i++)
      if( t[i].src.indexOf('foo.js') != -1 ) x += 1;
  if (x == 0) {
    s.type = "text/javascript";
    s.src = "http://fileServerAddress/foo.js";
    h.appendChild(s);
  }
})()'>Do! Ajax 通信</a>

上の foo.js ファイル内において、Ajax 通信を行いその結果を表示するようなメソッドを記述しておき、当該ファイルがインクルードされると同時に、そのメソッドを実行させるようにすれば、例えば最新10エントリイリスト、過去の10エントリイリスト等々を表示させることが可能となります。foo.js内で1つの絶対配置ボックスを用意し、その中にいくつかのボタンを設けて、様々な Ajax 通信結果を表示させることも可能となるでしょう。

また、xmlファイルではなく HTML ファイルにアクセスすれば、過去1ヶ月間、1年間などのエントリイタイトルリストをゲットすることも可能でしょう。

 

■ コメントの投稿 ■

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

●トラックバック●

■トラックバックURLはこちら■
http://hkom.blog1.fc2.com/tb.php/627-4831c26e

●参照元一覧●

<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が開きます。

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