このブログは、旧・はてなダイアリー「檜山正幸のキマイラ飼育記 メモ編」(http://d.hatena.ne.jp/m-hiyama-memo/)のデータを移行・保存したものであり、今後(2019年1月以降)更新の予定はありません。

今後の更新は、新しいブログ http://m-hiyama-memo.hatenablog.com/ で行います。

ウィジェットアプリケーションをページにロードする方法

ODJS=OnDemandJavaScript, HTMLP=HTML with Padding

  1. SSI、テンプレート処理
  2. Ajax
  3. scriptタグ+document.write
  4. ODJS+JSONP
  5. ODJS+HTMLP
  6. frame, iframe
  7. 別ウィンドウ
  8. 画像ビーコン(サーバーへの送信のみ)

それぞれに特徴があるが、次のような評価分類の観点がありそうだ。

  1. ウィジェットは単体でURLを持てるか?
  2. クロスドメインで利用可能か?
  3. ページ表示後にロードやリロードができるか?
  4. フロント側にサーバーサイドプログラムが必須か
  5. JavaScriptが必須か
  6. フロント側の(サイト内)ページ遷移をサポートするか

scriptタグ+document.writeでは、次の方法で動的にHTMLコードを挿入できる(ブラウザ側)。

thisUrl = document.URL;
// thisUrlからなんらかの情報を取る
// 他に、cookie使うとかもあるかも
jsUrl = // thisUrlから動的に作る
document.write("<script src='" + jsUrl + "'><" + "/script">);