jsファイルの動的ロード右のサイドバーに表示しているLATERY(最近の記事)を拡張するにあたって利用した手法をメモ。以前までは、条件を指定することで記事タイトルをXML形式で返すスクリプトを設置し、それにXMLHttpRequest(以下AJAX)でアクセスして表示していたが、遅い。ボトルネックがJavaScript側でのAJAXを利用するための準備とXML解析のようだったので、それを打開すべくscript要素を利用してみることにした。);//--></script>こんな感じでJavaScriptを実行するやつだ。重要なのが、srcでJavaScriptを記述したファイルを指定すると、そのコードを実行してくれるということ。この場合は、malor.jsの中に記述されているコードが実行されたあとにalertが表示される。次に重要なのが、DOMを利用してonloadにメソッドを追加できるということ。#onloadつまり、上記スクリプトがalertまで全て完了した時に用意しておいた関数を実行することができる。具体的な流れにすると以下のようになる。条件を指定してスクリプトをscript要素で呼び出すスクリプトはJavaScript形式で結果を返す返されたコードを実行するサイドバーに取得した一覧を表示する関数を実行するあとは表示したタイトルにマウスをポイント時に、同じ要領で1記事1ファイルとして保存しているものを取得すれば高速表示が可能になる、ということだ。いうわけで無事に最新記事の高速表示に成功したんだが、なんでもかんでもAJAXにすりゃいいというわけじゃないわな。これぐらいの小規模スクリプトならscript要素を利用するぐらいで十分だ。POSTメソッドを利用した通信とかXMLデータをどうしても使いたいという時にならAJAXにするべきなんだろう。