白あんapp配信中 詳しくはこちらから

AMPページの(テーブル内の)画像扱いについて 悩む

久しぶりの運営日誌ですw

今回は 直面した AMPページの画像問題についての日記

ご挨拶

お久しぶりです。
管理人のアンさんだよ( ̄▽ ̄)

ここ1週間 やっとブロクを書き始めました

多数のアクセスありがとうございます。
予想より多くのアクセスをいただいて 驚いてます
白猫もまだまだ行けるね
.。゚+.(・∀・)゚+.゚

というわけで
まだ 試行錯誤しながらなので 書きたいことは 全然消化出来てませんが 本格的に運営開始です

最近の白あん

ここ2週間(記事だけではなく デザインなども含めて)怒涛のペースで更新しましたw

(デザイン面の)更新は 自分用メモも含めて 運営日誌に 書く予定だったんですけど
白猫のイベントペースが 想定の1.5倍くらい濃密で 書く暇なんてありませんでしたw

今後はちょくちょく書けたらな とは思っております

今回抱えた問題

当ブログは アクセスして頂いたユーザー様が より快適にご利用頂けるよう PC スマートフォン タブレットで各々表示方法を変えています
(これについては いつか書こうと思う)

さらに AMPも 採用しているのですが 今回はこれが問題に

AMPって なんぞや?

良く聞かれます(笑)

Accelerated Mobile Pages 略してAMP

簡単に言うと 通常のホームページと比べて 使える機能は落としてるけど その分爆速表示を可能にする プログラムの事です。

基本的に スマホからのアクセスを想定して作られてます

爆速な分色々制限やルールが あるのが問題です。

このマークがあれば それはAMP

AMPのマーク

GoogleやYahoo検索で このマークが 付いてるのが AMPページです

今はTwitterからのアクセスも AMPページが用意してあれば AMPページに飛ぶようになってますね

AMPのコンセプトと 実情

しかし このAMPのコンセプトは 低回線である 3G環境への適応です

4GやWiFiが 世界トップクラスに発展してる日本では あまり需要ない気がしますw

実際 白猫のゲーム攻略サイトだと ファミ通やゲームwithやアップメディア(敬称略)も 一時期AMPページ作ってましたが 速攻辞めてましたねw

AMPの画像表示に 問題が

今回の悩みの種になってる部分を解説しますw

タブレット(PC)表示

タブレット PC 表示

見やすい‼

スマホ(通常ページ)表示

スマホ表示

端末の横幅に合わせて 星たぬき画像が縮小されて 全体は見やすい

そして AMP表示

AMP表示
・・・・・・

星たぬきの画像大きすぎ問題‼

通常ページのようには 画像が 縮小されませんでした

それにより 右側の文字が 狭い範囲で表示され見づらいですよね これw

その後 試行錯誤して 良い感じにおさまる方法模索しました

結論:AMPにするページと しないページを 作る

前述の通り 日本では そこまでメリットのないAMPページなので

  • デザイン的に見づらくなるページ
  • AMPページにする事で むしろ表示が遅くなるページ

などは AMPページ作らない方向に決まりました

1画像ずつ 細かく設定していけば AMPでも 見やすい表示は可能なのですが 作業効率が 悪すぎるので こういう結論になりました

補足宣言

ユーザー様が 出来るだけ快適に利用して頂けるよう
爆速表示や通信量の削減というメリットも あるAMPページを 今後も出来る限り採用していくつもりです

 

運営日誌

Amazonコイン割引金額早見表

※コインの数字タップで各Amazonコインのページに飛びます

コイン 値段 割引率
50,000コイン 40,000円 20%
10,000コイン 8,200円 18%
5,000コイン 4,250円 15%
2,500コイン 2,250円 10%
1,000コイン 910円 9%
500コイン 490円 2%
シェアをお願いします
白あんをフォローしましょう。
白あんappどうどすえ

白あんappについては『白あんapp説明書』をご覧ください

白猫オススメ商品
Amazonコイン

最大20%offでお得にジュエル購入が可能
日々変動するお値段も毎日更新中
詳しくは詳細ページへ♪

※Amazonコインの使用には AndroidまたはKindle FIRE端末、Androidエミュレータ(PC必須)が必要です。

Making of "ZERO CHRONICLE"-白猫プロジェクト Guidebook&Soundtrack-
Making of

白猫プロジェクト3周年記念として開催された「ゼロ・クロニクル」。ガイドブックとサウンドトラックのスペシャルパックが受注生産商品として登場!

■内容紹介.1:ガイドブック
設定資料と開発陣インタビューによって明かされる、ゼロ・クロニクルの制作背景

■内容紹介.2:サウンドトラック
主題歌「Rayーはじまりのセカイー」を含む劇中曲12曲を収録

■内容紹介.3:複製台本
珠玉のストーリーを複製台本としてテキスト化

『10』 - colopl 10th Anniversary Illustlation Book 白猫 & 黒猫

「コロプラフェス2018」で販売された、イラストブックの通販が開始!

『魔法使いと黒猫のウィズ』『白猫プロジェクト』を支えてきたデザイナーによる完全描き下ろしの合同イラストブックです

40P以上の描き下ろしにコメントを添えた、コロプラ10周年を記念した特別企画商品!

白猫プロジェクト攻略の『白あん』
トップへ戻る
タイトルとURLをコピーしました