記事の更新日を表示するJavaScriptを読み解く

このブログをはてなダイアリーからはてなブログに移行したことで、
表示が上手くいかなくなってしまった記事があり、
それに対して修正を加えたいなと。

ついでに、記事に作成日の他に更新日も表示したいなと思い、
その方法を検索していたら、以下のWebサイトを見つけました。

kurokinomizuiwa.hatenablog.com

更新日の表示方法は上記記事を参照してください。
ここでは、ここで使われているJavaScriptのコードを読み解いてみます。

概要

表示方法は、HTMLとCSSで構成されています。
HTMLでは、JavaScriptを使用し、この中でjQueryを使っています。
またCSSではFont Awesomeを使用しています。
図解すると以下のようです:

[更新日表示方法]
├[HTML]
│└[JavaScript]←[jQuery]
└[CSS]←[Font Awesome]

 HTML:headタグ

headタグでは、jQueryとFont Awesomeを呼び出しています。

HTML:記事下

記事下では、JavaScriptで無名関数を即時呼び出ししています。
構成は以下の通り:

[即時関数:function()]
├[変数定義]
├[関数定義:parseSitemapXML()]
├[関数定義:findURL()]
├[関数定義:nextURL()]
├[関数定義:appendLasdmod()]
└[関数本文]

 ああ