http://spiral-newspaper.jp/

WEB SPIRAL NEWSPAPER

お問い合わせ

エロアプリ・エロゲーをスマホに対応させるために

2014/03/31
  • エロゲーダウンロードページ

記事の詳細

概要

スマホのエロゲーサイトを作るための方法第2弾!
今回はもう少し具体的な対処方法を記述していきたいと思います。

グローバルナビの並びについて

グローバルナビは画像が使われている事が多く、それらをスマホ対応にするのは実は少し難しいです。なぜなら、多くの場合はメニューの画像は「文字」が表示されているボタンだからです。

そして、それらをすべて同じ幅のボタンとしてそのまま小さくしてしまうと、それぞれの文字サイズが異なってしまいます。

適した方法としては、背景として使用されている場合、CSSで別のメニューボタンを適用させる事です。

新規に画像を作成しないといけないため、レスポンシブWebデザインが手軽な技術ではない事がわかります。

少し妥協をするのであれば、画像はそのまま小さくする、という手段が挙げられます。
エロアプリの名称も、それぞれ文字数が異なりますので、注意しましょう。

何px以下からMediaQueryのCSSが適用されるのか。

iPhoneの方はプラットフォーミングされているのですが、Androidの方は、同じOSとは言えデバイス毎に横幅のバリエーションがとてもあります。
中には結構大きいものもあるようです。

場合によっては、そこそこ大きめから適用されるようにしておいても良いかもしれません。

エロアプリをプレイするデバイスは多様化しています。
PCでエロゲーをプレイするのがメインだったのが、今ではタブレットやスマホでも遊ばれるようになりました。

下部スペースについて

適用しているCSSやJavascriptによっては、1件のボックスの下部のスペースが異なる場合があります。

paddingとmaeginをそれぞれ合わせていても、同じにならないケースがあるのです。
そういった場合は個別のID名やクラス名をつけて、値を変更しても良いかもしれません。 エロアプリの記事ボックスそれぞれの余白が異なってしまうと、見栄えが非常に悪いです。

センタリングは便利だけれども…

エロアプリ・エロゲーの記事ボックスの幅が合わない場合、特に画像を引き延ばしてしまう場合は、センタリングを使うのも手です。

また、それが難しい場合は、スマホのサイトだからこそちょっと面倒臭いですが、あえてfloatするのはどうでしょう。

まとめ

タブレットやスマホに対応させるのは骨ですが、ユーザーの割合を考えると非常に大切ですね。

シェアはこちらから。

Spiral Newspaperメインビジュアル Spiral Newspaper広告掲載について

Popular Posts

2013/10/24

スマホのエロアプリ 概要 スマホのエロアプリは、iPhoneの「App Store」、Androidの「Google Play」のどちらも規制が厳しく、公式のマーケットではお目にかかる事ができません。稀に審査を上手くかい …

2013/10/7

昨日、私はブラック企業の経営者だったという記事を読んだ。はてなブックマーク経由で辿り着いたのですが、なかなか良い記事でした。 私はブラック企業の経営者だった 概要 現在は雇用される立場として過酷な労働環境の元働いているが …

2013/10/22

ハゲ・薄毛のブログまとめ 自身の治療経過をブログに画像付きでアップされておられるハゲ・薄毛の方も少なくありません。治療の奮闘記、といった感じでしょうか。 薄毛の方が頑張っておられる姿に仲間意識が芽生えますし、良い報告の記 …

2013/10/30

今日は先日公開されたまどマギの映画を見に行きました。 そのチケット購入の際の一幕。 私「魔法少女まどかマギカ大人一人お願いします」 チケット受付「はい、まどマギ大人一名様ですね」 …まどマギはチケット受付の人も略しちゃう …

2013/10/30

ガンホーの1〜9月期の営業利益が28倍の685億円に昇る事がわかりました。 ガンホーと言えばパズドラですが、今年も順調で2000万ダウンロードを突破するなど話題となりました。 ガンホー1~9月期、営業益28倍の685億円 …

2013/11/1

概要 スマホのエロゲー総合ページです。 目次 スマホにエロアプリがない理由 スマホにエロアプリがない理由 この記事を読む ●概要 そもそも、公式マーケットでエロゲーを検索されてエロゲーを検索してヒットしなかったからために …