小説サイト制作を始めた当初、自分はあまりスマートフォンやタブレットでのサイト閲覧を想定していませんでした。
　
そもそもサイト制作開始当初はタブレットもスマホも持っておらず、ＰＣ（パソコン）とスマホ・タブレットとの使い勝手の違いなど、まるで分かっていなかったというのもあります。
　
…で、ほぼＰＣで閲覧した場合のことのみを考えて、サイトの利便性やエンターテイメント性などを追求してきたわけですが…
　
タブレット端末を購入して実際に自分のサイトを閲覧してみた際、重大な事実に気づきました。
　
それは「タブレットだとロールオーバー効果が無意味なモノと化している！」という事実です。
　
ロールオーバーとはＰＣなどでサイトを閲覧している際、マウス（矢印ポインタ）をボタンや画像などの上に持って行くと、そのボタンや画像がマウスが乗っている間だけ変化するという効果です。
　
しかしタブレットやスマホには、そもそもマウスが存在しません。
　
自分はこのロールオーバー効果を使い、メニューボタンや項目名の上にマウスが来れば、そこに描かれたマスコットがフキダシでその内容を案内してくれるだとか、
　　　　↓

　　　　↓


（ファンタジー小説サイト「言ノ葉ノ森」ＴＯＰページの項目名ロゴ。
　マウスＯＮで小鳥の左上にフキダシで説明が出ます。）

あちこちマウスを動かしてみると、マスコットのセリフが変化したり
　　　↓
 
（プロフィールページの「ビジュアルガイド」から。
　プロフィールページはマウス（矢印カーソル）位置により猫のセリフが変化します。
　（一定時間放置していても変化はしますが…。））
　
隠しキャラが出現したり、
　　　↓

　　　↓

　

（いくつかある★のうちのどれかの上にマウスをＯＮすると、隠しキャラが出現）
　
画像が変化するなど、
　　　↓

→
（「夢見の島の眠れる女神」９章の「空織のドレス」用語解説にある画像。
　マウスＯＮでドレスに鳥が現れます。）
　
→
（「夢見の島の眠れる女神」９章ルビ有・ファンタジーレベル強Ｖｅｒの
　「空織のドレス」用語解説にある画像。
　マウスＯＮでドレス画像が夕焼け→夜→朝焼けに変化します。） 
　
→
（「夢見の島の眠れる女神」３章の「ラウラ」の用語説明にある画像。
　マウスＯＮでちびキャラが動き出します。）
　
様々な「しかけ」をサイトに施していたのですが、それがほとんど意味の無いモノと化し、ＰＣで見た時に比べ、スマホ・タブレットで見た際に面白さが半減してしまうという事態が発生してしまいました…。
　
まぁ、タブレット等であっても、マウスを乗せる代わりにその部分をタップ（タッチ）することで、ある程度ロールオーバー効果を発動することはできます。
　
が、適当にぐるぐるマウスを動かしていれば発見できるＰＣ版とは違い、スマホ・タブレットの場合は「そこを狙ってタップ」しないと効果が発動しない分、「隠しコマンド」的に隠されたロールオーバー効果を見つけるのはなかなか大変だと思います。
　
それに、ロールオーバー効果のついたボタンが「他のページへジャンプするリンク」のボタンになっている場合は、タップすると他のページへ移動してしまうので、すぐにはロールオーバー効果が見られません。
（他のページへジャンプした後、元のページへ戻るとタップした部分の画像が変わっているのですが、わざわざ戻って確認する方はなかなかいないと思いますので、やはりここでもロールオーバー効果は見つけづらくなってしまうと思います。）
　
残念ながら、この問題を解決する手段は現在まだ思いついていません。
（ネット検索すると「スマホでのロールオーバーの代替手段」のような記事はいくつか出てくるのですが、結局はタップしないといけなかったりするので「それだと意味が無いんだよなー…」という感じで、結局解決策が見出せないままでいるのです…。）

ちなみに、マウスＯＮしなくても自動的にアニメしている「しかけ」も存在します。
　　　↓

（「夢見の島の眠れる女神」９章ルビ無・ファンタジーレベル強Ｖｅｒ
　「空織のドレス」用語解説より。）
　

（「夢見の島の眠れる女神」９章ルビ有・ファンタジーレベル弱Ｖｅｒ
　「空織のドレス」用語解説より。）

[0回]