ウェブサイトをリニューアルしました

milligraphのウェブサイトをリニューアルしました。

このウェブサイトを開設してからほぼ丸５年が経ちしました。その間、継続的にウェブサイトのデザインについて学びながら、このウェブサイトをときどきリニューアルしていました。最初のものを〈バージョン１〉とすると、今回の更新は３回目で〈バージョン４〉となります。本来であれば、その途中の段階である〈バージョン２〉や〈バージョン３〉ができたときにも、今回のように「リニューアルしました」とここで報告できればよかったのですが、ある程度の満足感はおぼえつつも、報告するに値する仕上がりに達しているのかいまひとつ自信がもてませんでした。今回の〈バージョン４〉は、ようやく報告したいと思えるものができたと思います。

この機会に、過去のバージョンの特徴をここに記録しておきたいと思います。

バージョン１

2019年10月に公開。HTMLファイル¹の作成はすべて手入力。CSSファイル²の作成はすべて手入力。

バージョン２

〈バージョン１〉のマイナーチェンジ版。

バージョン３

2020年10月〜2021年12月に公開。HTMLファイルはWordPress³を利用して作成。WordPressの利用プラグインの種類や原稿の入力方法などの違いに応じて〈３.０, ３.１, ３.２〉のマイナーバージョンがある。CSSファイルはSass⁴を利用して作成。

バージョン４

2024年10月に公開。HTMLファイルはPHP⁵を利用して作成。CSSファイルはSassを利用して作成。JavaScript⁶を導入してユーザインターフェイスを一新。

〈バージョン４〉と〈バージョン１, ２, ３〉の大きな違いは、JavaScriptを利用しているか、していないか、という点です。〈バージョン１, ２, ３〉でできたことは、紙のメディアでできることとあまり大きく違いませんでした。かろうじて「紙のメディアと違う」といえた点は、タブレットやスマートフォンなどの様々な画面サイズに応じてレイアウトを自動的に調整できる、という程度で、これらはCSSを利用して行っていました。

〈バージョン４〉ではJavaScriptを導入しました。そのおかげで、限りある画面サイズのなかで、ユーザによる操作の力を借りながら、できる限りわかりやすいプレゼンテーションを試みることができるようになったと思います。必要なものをふっと現させたり、一時的に邪魔なものを一時的に消したり、ほかのものに場所をゆずるためにさっと横に動かしたり、ということは紙のメディアではちょっとできません。

もちろんこれらのことは、ちまたの多くのウェブサイトではすでに実現できていることです。今回やっとこのウェブサイトもそれらに加われるかもしれない、というだけのことなのですが、〈バージョン４〉でそこまで漕ぎつけられたことをうれしく思っています。