第5194回　レスポンシブ化の話

そう言えばもうすぐ販売開始されるエルマさんの新作、最近自分で作ってるCG作品では主流の”html”で構築してるんですけど、今回ちょっとした機能というか利便性の向上目的で、”表示してるブラウザサイズに合わせて画像が自動縮小する”ように改良を加えてます。

専門用語的には”レスポンシブ化”っていうのにたぶん相当するのかなと思うんですけど、簡単に言えばどのブラウザサイズであっても全部同じように画面が表示されるようにしたっていう感じですね。

最初から最大化してる分には特に変化はないんですけど、例えば別のものを並べるのにちょっとブラウザを小さくして追いやったり、ノートPCとかの解像度が元々大きくないモニタで表示させるなんて時（今はもうノートでもフルHDが主流っぽいですけど…！！）は効果を発揮するんじゃないかなと思います。

ちなみにホントは「DLsite Play」経由でスマホから見たときの改善を狙ったものでもあったんですが、どうやら今回のやり方だと思ったようにはいかないみたいで、残念ながら他の作品と同様快適に見るには”PC推奨”っていうのは変わりませんでした。

縦画面であれば小さくはなるものの端から端まで見えるんですけど、横画面にすると下がどうしてもはみ出してしまうんですよね。まぁ恐らく画像サイズもそうですけどページそのものをワイド仕様（16：9）で作ってないせいなので、ここをどうバランス取っていくかが重要になってくるんじゃないかなと思います。

とはいえ現状オフラインで作品データをスマホから見て操作するっていう環境がなく、実際に完成した作品（データ）を販売申請して審査が通ってそれから自分のスマホでどう動くか見てるので、なかなか確実性のあるやり方を見つけてからじゃないと安易に差し替えて試してみよう！っていうのもできないんですけどね。

でももし上手く表示させる方法が組み込めれば堂々と「スマホからでも見れます！」ってアピールができるので、この辺も新作に取り組むごとにちょこちょこ手を加えながら試行錯誤できたらなと思います。

↓↓ 本日のピックアップタイトルはこちら ↓↓