はじめに

このたび、2026年9月、大規模なサイトデザインのリニューアルを実施いたしました。

今回、リニューアルに踏み切った理由は、モバイル端末におけるサイトの視認性向上が一番の理由です。ここでは、その変更の概要について述べたいと思います。

主に下記3点に重点をおいて、リニューアルを実施しました。

  • ViewPortの導入
  • 挿絵の整理、一部ASCII図のSVG画像化
  • サンプルプログラムの見直し
  • サイトURLの変更

ViewPortの導入

従来、モバイル端末で当サイトを拝見していただいた方は、おわかりだと思いますが、もとは、デスクトップ画面の縮小表示を利用していました。

画面が崩れにくくなる反面、モバイル端末でサイトの記事を読んでいただいた場合、頻繁にピンチイン・ピンチアウトを繰り返す必要があり、ユーザビリティの低いものでした。

もとは、パソコンの画面を想定してつくられたブログサイトではありましたが、昨今のようにモバイル端末でアクセスされることも多い中、この対応は喫緊の課題でした。

今回の改訂で、ViewPort を導入することにより、この問題を解決しています。

完全ではありませんが、これまでと比べるとかなりスムーズなユーザー体験を感じていただくことができるようになっていると思います。

挿絵の整理、一部ASCII図のSVG画像化

もともと、投稿記事が十分でなかった穴埋めも含め、少し大きめの挿絵を多い目にいれて、サイト情報の貧弱さをごまかしてきた側面もあるのですが、ある程度、投稿記事が増えると、それらの画面占有率が無視できなくなってきていました。

そこで、大幅に挿絵の断捨離を行うとともに、スマホなどで崩れが目立つ ASCII 図の一部を SVG 画像化することで、画面サイズに応じてリニアに拡大・縮小するようにしました。

スマホなどでご覧になるためには、今まで通りピンチインやピンチアウトが必要になりますが、画像の崩れはほぼなくなったことで、安定して御覧いただけるようになったと思います。

サンプルプログラムの見直し

従来より、記事中で説明に用いたサンプルプログラムを、実際に実行して確認できるような仕掛けを用意してきました。

しかし、これらの画面はパソコンでの動作を前提にしており、とてもモバイル端末では、まともに見ることができませんでした。

今回の改造をきっかけに、こちらも改善してあります。ただし、iPhoneにおきましては、過去記事「はじめに/iPhone（iOS 26）で画面がずれる問題について」や「はじめに/iPhone（iOS 26）の縦横回転で画面がずれる問題について」 のように、一部問題を残した形とはなっておりますが、大方において、問題なく使用していただけるようになっています。

また、サンプルコードのライセンスについても、扱いが不明瞭なままだった為、明確に ISC License での配布ということで統一しました。

サイトURLの変更

今回のリニューアルで、サイト URL を「https://blog.konkitsune.com」から「https://konkitsune.com」に変更しています。

もともと、当ブログは、利便性を優先して、https://blog.konkitsune.com と https://konkitsune.com のどちらでもアクセス可能となっておりました。

ところが、これが返って混乱を引き起こす根源となっていまして、https://konkitsune.com でアクセスした場合、sitemap.xml や feed.xml 内の各種 URL との間で不整合を引き起こしていました。

そこで、その矛盾を断ち切る為、今回、https://konkitsune.com 一本に統一することにしました。

尚、https://bog.konkitsune.com も、当面継続して存続しますが、従来とは異なり https://konkitsune.com への移行を促すサイトとしてしばらく運営します。

おわりに

以上、駆け足での説明でしたたが、実作業は、延べ、2週間以上にわたる大改造となりました。しかし、それによりサイトの利便性は大幅にアップすることができたため、個人的には満足しております。

ただ、いいことばかりでもなく、その代償として、すっかり記事の投稿が滞ってしまうことになりました。

しかしながら、サイトの基盤が固まったこともあり、今後は少し腰を据えて、記事の投稿に専念できるかなと思っています。

今回のリニューアルにより、隙間時間の息抜きとして、モバイル端末等で、当サイトを訪れていただけるようになれば幸いです。

誠に勝手ながら、今後とも引き続きどうぞよろしくお願いいたします。