エロアプリ・エロゲーをスマホに対応させるために
記事の詳細
このページの目次
概要
スマホのエロゲーサイトを作るための方法第2弾!今回はもう少し具体的な対処方法を記述していきたいと思います。
グローバルナビの並びについて
グローバルナビは画像が使われている事が多く、それらをスマホ対応にするのは実は少し難しいです。なぜなら、多くの場合はメニューの画像は「文字」が表示されているボタンだからです。そして、それらをすべて同じ幅のボタンとしてそのまま小さくしてしまうと、それぞれの文字サイズが異なってしまいます。
適した方法としては、背景として使用されている場合、CSSで別のメニューボタンを適用させる事です。
新規に画像を作成しないといけないため、レスポンシブWebデザインが手軽な技術ではない事がわかります。
少し妥協をするのであれば、画像はそのまま小さくする、という手段が挙げられます。
エロアプリの名称も、それぞれ文字数が異なりますので、注意しましょう。
何px以下からMediaQueryのCSSが適用されるのか。
iPhoneの方はプラットフォーミングされているのですが、Androidの方は、同じOSとは言えデバイス毎に横幅のバリエーションがとてもあります。中には結構大きいものもあるようです。
場合によっては、そこそこ大きめから適用されるようにしておいても良いかもしれません。
エロアプリをプレイするデバイスは多様化しています。
PCでエロゲーをプレイするのがメインだったのが、今ではタブレットやスマホでも遊ばれるようになりました。
下部スペースについて
適用しているCSSやJavascriptによっては、1件のボックスの下部のスペースが異なる場合があります。paddingとmaeginをそれぞれ合わせていても、同じにならないケースがあるのです。
そういった場合は個別のID名やクラス名をつけて、値を変更しても良いかもしれません。 エロアプリの記事ボックスそれぞれの余白が異なってしまうと、見栄えが非常に悪いです。
センタリングは便利だけれども…
エロアプリ・エロゲーの記事ボックスの幅が合わない場合、特に画像を引き延ばしてしまう場合は、センタリングを使うのも手です。また、それが難しい場合は、スマホのサイトだからこそちょっと面倒臭いですが、あえてfloatするのはどうでしょう。
まとめ
タブレットやスマホに対応させるのは骨ですが、ユーザーの割合を考えると非常に大切ですね。関連記事
-
スマホアプリ「Deemo」が5周年を迎えたので魅力を語る
-
LaunchpadアプリでDJ気分?
-
PUBGのPC版・スマホ版・Xbox ONE版の違いまとめ
-
スマホで使用できるゲームグッズ・アクセサリー
-
音ゲー・リズムゲームを好きになる理由
-
iPhone Xとゲームアプリ
-
Warning: Use of undefined constant ・・・ - assumed '・・・' (this will throw an Error in a future version of PHP) in /home/spiral-newspaper/www/public_html/wp/wp-content/themes/Spiral Newspaper/single.php on line 119
「Snapdragon 835(MSM8998)」とスマホゲ・・・ -
AR(拡張現実)アプリの紹介
-
ポケモンGOは「こんなゲーム」だ!総力記事
-
タレント・芸能人・有名人のLINEスタンプまとめ
-
Warning: Use of undefined constant ・・・ - assumed '・・・' (this will throw an Error in a future version of PHP) in /home/spiral-newspaper/www/public_html/wp/wp-content/themes/Spiral Newspaper/single.php on line 119
格安でスマートフォンが使える!?「SIMカード」「格安SIM・・・ -
エロビデオ通話アプリ【Eazy】紹介レビュー