見出し画像

Webサイトをリニューアルしました

20年前に立ち上げたWebサイトをリニューアルしました。

Blogを運営するようになってからはHTMLから起こすのが面倒なこともあってWebサイトの方は放置状態で、アクセス数も激減。閉じようかとも思っていました。でも、多くの雑誌に掲載されたり、賞をもらったりして、僕がインターネットの世界へ参入する船出となったサイトなので閉じることもできず、どうしたものかと思案していた挙句、同じコンテンツを掲載しているBlog「デジタルカメラで楽しむ自然観察」の記事をWebサイトへ反映する方法を見つけました。Blogの方は少なくとも毎週1回は更新しているので、更新した内容をWebサイトの方に反映できれば、面倒なHtmlを起こすこともなく、サイトに最新情報を表示できます。

その方法とは

Blogに記事を投稿するたびに更新されるRSSをGoogle AJAX Feed APIを使ってWebページに動的に表示させることです。
記事を表示させるトップページのhtmlにスクリプトを記述する必要がありますが、詳細に解説したサイトもたくさんあり、そのままコピーして、簡単にカスタマイズして貼り付けるだけです。

もっと早くこの方法を知っていれば、Webサイトを数年寝かすこともなかったです。もったいなかったですね。

ついでに他の3つのBlogの最新記事や、Instagramに投稿した画像も動的に表示するようにしました。これで日々投稿するたびにWebサイトに最新記事が表示するしかけを構築できました。

Instagramの画像を動的に表示させるスクリプトはhttp://snapwidget.com/を使用しています。アクセスカウンタとアクセスログ取得のCGI(perl)は自前で作成したものを使用。
HTML5を使ったスライドショウも表示していますが、Instagramの画像と二段構えになっているので、少し煩くなっているかも。

サイトはこちら http://www2s.biglobe.ne.jp/~yasuu/

この記事が気に入ったらサポートをしてみませんか?