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

　　　　↓


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

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

　　　↓

　

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

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

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

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

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

[0回]

小説サイト「言ノ葉ノ森」で、Google ChromeやSafariなどの一部ブラウザでレイアウト崩れを起こすページがいくつかあった（現在もいくつかある）ということは以前の記事で書きましたが、それに自分が気づいたのは、ユーザー様からのご指摘があったとかではなく、全くの偶然でした。

そういったレイアウト崩壊や、他にもたとえばリンクエラー（ボタンをクリックしてもその先のページへ飛べなかったり、違うページに飛んでしまったりする等）などのＷＥＢ制作上のミスというのは結構起こり得るものだと思っているので、「言ノ葉ノ森」にもそういったエラーや不具合を報告するための連絡手段（アンケート・フォーム）が予め備えてあります。

しかし、実際にその機能を使ってエラーやミスを報告してくださった方は、現在までのところ一人もいらっしゃいません。

ほんのり悲しくはあるのですが、それもある種、仕方のないことだという思いはあります。

自分の身をユーザーに置き換えて考えてみれば分かることですが、たとえば初めて訪れたサイトがレイアウトが崩れてまともに見られなかったとして、それをわざわざ一手間かけてエラー報告するなんて、よほど親切レベルの高い人間でないと無理な気がしますから。

おそらくほとんどの人間は「何だよーこのサイト、ダメダメじゃん」とすぐにそのサイトに見切りをつけ、そのまま離脱→もう二度とそのサイトは訪れずにおしまい、ということになってしまうのではないかと思います。

（だからこそ余計に、ミスやエラーは恐いことなのですが…。）

ＷＥＢ制作上のミスだけでなく、たとえばある物事について勘違いをしていたとしても、やはりそのことについてわざわざ指摘してくれる方というのはそう多くないと思います。

何かのトラブルがあったり、偶然正しい知識に出会って初めて勘違いに気づく、ということがほとんどなのではないかと思います。

（さらに昨今の世相を考えると、その勘違いに気づかないままそれを続けていると、ある日突然、それが元で炎上だとか、（前もっての注意も警告もなしに）突然ルール違反を突きつけられペナルティを課せられる、などというパターンがありそうな感じがそこはかとなくしていて「最近の世の中は“愛”が無いなぁ、生きてるだけでコワイなぁ」と思うこともしばしばです。
「失敗に学ぶ」が許されず、失敗したらその段階でもう「終わり」みたいな…。）

それに対する対策、と言っても根本的解決策など無きに等しいとは思うのですが（そもそも正しい知識が分かりやすく広く周知されているとも限らないので）、せめて常に「自分の知識に疑問を持ち、チェックする姿勢」を持っていたいなぁとは思います。

[1回]

自分で作ったＷＥＢサイトの動作確認をする際、なるべく複数のブラウザ（インターネット閲覧ソフト）で見た方が良い、ということが一般的に言われています。

理由は、同じＷＥＢサイトであっても使っているブラウザによってレイアウトが崩れてしまったりするから、なのですが、「言ノ葉ノ森」も実際、このレイアウト崩壊には散々苦しめられてきました。

「言ノ葉ノ森」の場合、おそらく日本では一番メジャーであろうと思われる「Internet Explorer」で動作確認をし、何の問題もなく全ページ見られていたので、当初は「他のブラウザで見てもそんなに変わりはしないだろう」と油断しまくっていました。

ところが後にiPadなどに初めから入っている「Safari」やグーグルの「Google Chrome」などで見ると、見事なまでにレイアウトが崩壊するページがあることが発覚したのです。

これは何もうちのサイトに限ったことではなく、ウィキペディアさんなどの大手サイトさんでも同じようなレイアウト崩壊を見たので、どうやら「Safari」や「Google Chrome」は「Intaernet Explorer」とは何かが違っていて、ある種のレイアウト構成をしているＷＥＢページでレイアウト崩壊が起こりやすい、という事象が発生しているようです。

（ちなみに「言ノ葉ノ森」の場合、「表」を使ってページレイアウトを組んでいるページでレイアウト崩壊が見られました。）

しかもこのレイアウト崩壊に気づいたのが、小説のページ数がかなり進んでしまってからだったので、レイアウトの修正に未だに苦労しています。

（しかも、レイアウト崩壊の原因を正確に把握していないので、一度試行錯誤で修正したものの、ブラウザのアップデートやバージョンアップ後に再びレイアウト崩壊が発生するなどという「いたちごっこ」な事態が起きたり…。）

こういったことが起こりえますので、動作確認はなるべく複数のブラウザで早い段階から行い、レイアウト崩壊を発見したら「キズが浅いうちに」早期に処置する、ということが必要になってくるのです。

ちなみに「言ノ葉ノ森」の場合、ある程度こういった事態を想定して、２作品あるネット・デビュー作それぞれを全く別のページ・レイアウトの組み方で作っていたので、トラブルに見舞われたのは１作品だけで、もう１作品は何とかレイアウト崩壊せず無事に済んでいます。

[0回]