リクエスト広場

モバイル環境で元画像が表示されない

7 コメント
views
4 フォロー

【追記】
2023/03/28 14:39:22に解決済へと変更されました。
SafariとChrome共に解決しているのは、

|&ref(その他/ランダム表示用/放課後ファイタークラブ(別Ver.).webp,100x100,40%,073 放課後ファイタークラブ);|&size(10){&color(green){073}; [[紹介>https://www.kairosoft.net/game/appli/tatakau.html]] [[[全]>放課後ファイタークラブ/一括表示]]&br;[[放課後ファイタークラブ>放課後ファイタークラブ]]};|

のみで他の画像は未解決のままでした。その為、「解決済」のタグを外させていただきます。

お世話になります。
攻略一覧および、カイロソフト_製品一覧_リリース順にて、色んな形式の画像を表示しています。
画像をタップすると元の大きさの画像が通常、表示されます。
モバイル環境でWebp画像の一部が、元の画像を表示されずに読み込みを続けて終わりません。
前トピックでお伝えした不具合が発生する画像一覧と違います。
添付されているWebp画像へ直接URLにアクセスすると表示されています。
PCでの閲覧では、不具合が起きずに元の大きさの画像が表示されます。

表示されていない攻略一覧にある画像の記述

|&ref(その他/ランダム表示用/冒険ダンジョン村2(別Ver.).webp,100x100,40%,085 冒険ダンジョン村2);|&size(10){&color(green){085}; [[紹介>https://www.kairosoft.net/game/appli/bouken2.html]] [[[全]>冒険ダンジョン村2/一括表示]]&br;[[冒険ダンジョン村2>冒険ダンジョン村2]]};|
|&ref(その他/ランダム表示用/映画スタジオ物語(別Ver.).webp,100x100,40%,080 映画スタジオ物語);|&size(10){&color(green){080}; [[紹介>https://www.kairosoft.net/game/appli/filmstudio.html]] [[[全]>映画スタジオ物語/一括表示]]&br;[[映画スタジオ物語>映画スタジオ物語]]};|
|&ref(その他/ランダム表示用/放課後ファイタークラブ(別Ver.).webp,100x100,40%,073 放課後ファイタークラブ);|&size(10){&color(green){073}; [[紹介>https://www.kairosoft.net/game/appli/tatakau.html]] [[[全]>放課後ファイタークラブ/一括表示]]&br;[[放課後ファイタークラブ>放課後ファイタークラブ]]};|
|&ref(その他/ランダム表示用/こだわりラーメン館(別Ver.2).webp,100x100,40%,060 こだわりラーメン館);|&size(10){&color(green){060}; [[紹介>https://www.kairosoft.net/game/appli/noodle.html]] [[[全]>こだわりラーメン館/一括表示]]&br;[[こだわりラーメン館>こだわりラーメン館]]};|
|&ref(その他/ランダム表示用/お住まい夢物語(別Ver.6).webp,100x100,40%,048 お住まい夢物語);|&size(10){&color(green){048}; [[紹介>https://www.kairosoft.net/game/appli/apart.html]] [[[全]>お住まい夢物語/一括表示]]&br;[[お住まい夢物語>お住まい夢物語]]};|
|&ref(その他/ランダム表示用/クルーズ大紀行(別Ver.).webp,100x100,40%,033 クルーズ大紀行);|&size(10){&color(green){033}; [[紹介>https://www.kairosoft.net/game/appli/cruise.html]] [[[全]>クルーズ大紀行/一括表示]]&br;[[クルーズ大紀行>クルーズ大紀行]]};|

試した環境は以下になります。ご対応をお願いいたします。
iPhone SE3 16.4(20E247)
Safari 16.4
Chrome 111.0.5563.101

款冬華
作成: 2023/03/28 (火) 14:08:56
最終更新: 2023/03/30 (木) 21:29:57
通報 ...
1
WIKIWIKI運営 2023/03/29 (水) 19:30:13

ご不便をおかけして申し訳ございません。
対応しましたのでご確認いただけたら幸いです。

まだ表示されていない場合は、ブラウザのスーパーリロード、CDN キャッシュのクリアをお試し下さい。

CDN キャッシュのクリア
https://c.wikiwiki.jp/cdn-cache/purge

https://cdn.wikiwiki.jp/ で始まるフルURLを入力して実行ボタンを押して下さい。

2
款冬華 2023/03/29 (水) 23:34:36 >> 1

お忙しい中、ご対応いただきありがとうございます。
Safariはすべての画像で元の画像が表示されたことを確認いたしました。
しかし、ChromeはスーパーリロードとCDN キャッシュのクリアを行いましたが未だ、以下に記載した一部の画像が元の画像が表示されずにいます。
これ以上、運営側として行う手段がない場合は「おま環」として諦めます。

こちらのサイトを見ながら、モバイル版Chromeのスーパーリロードを行いました。
スーパーリロード後のChromeのプライバシーとセキュリティ画面
画像1

CDN キャッシュのクリアについても、読み込みを続けて終わらない以下の画像を念のため、2回づつ計8回に分けて、個別に実行いたしました。
https://cdn.wikiwiki.jp/to/w/kairoparknew/その他/ランダム表示用/::attach/映画スタジオ物語(別Ver.).webp
https://cdn.wikiwiki.jp/to/w/kairoparknew/その他/ランダム表示用/::attach/こだわりラーメン館(別Ver.2).webp
https://cdn.wikiwiki.jp/to/w/kairoparknew/その他/ランダム表示用/::attach/お住まい夢物語(別Ver.6).webp
https://cdn.wikiwiki.jp/to/w/kairoparknew/その他/ランダム表示用/::attach/クルーズ大紀行(別Ver.).webp

3
WIKIWIKI運営 2023/03/30 (木) 11:49:52 >> 2

こちらで確認しましたが正常に表示されているようです。

4
款冬華 2023/03/30 (木) 21:29:46 >> 2

ご確認ありがとうございます。
行っていなかったモバイル版chromeのアンインストール→再インストールを行ったところ、全ての画像が表示されるようになりました。元々のchromeを弄ったり、設定もインストール当初のままでした。原因が何だったのか定かではありません。ご迷惑をお掛けして、すみませんでした。

5
款冬華 2023/03/31 (金) 00:43:26 修正 >> 1

WIKIWIKI.JPのWHOIS情報を確認したところ、Cloudflareを利用されておりました。
もしかしたら、こちらのページがお役に立つかもしれません。

以下、抜粋内容

参考:https://www.cloudflare.com/ja-jp/application-security/

前述したとおり、CloudflareはCDNでファイルをキャッシュする機能を提供してます。このキャッシュ機能がかなり強力で、設定にもよりますが、一度キャッシュされたファイルはCloudflareのキャッシュを削除するか、キャッシュの期限を迎えるまで更新されないようになっています。サーバー側のキャッシュを削除しても、ブラウザ側のキャッシュや履歴を削除しても効果がありません。もしCloudflareの管理画面にアクセスできず、有効なキャッシュを削除したいとなった場合、管理者に依頼するか、キャッシュの期限が終了するのを待つしかないため、修正をすぐに反映できない状況が発生します。

6
WIKIWIKI運営 2023/03/31 (金) 14:31:20 >> 5

インライン(ページ内に埋め込まれている)で表示されている画像のURLは全て末尾に Revision が付いています。CDN のキャッシュを削除するには完全一致のURLを入力してください。

インライン画像のURL末尾
?rev=04a33e62f5a7e5fee0d1a6eda3d2cf77&t=20230330230231
PC版Chrome なら 画像を右クリック「画像アドレスをコピー」でURLを取得できます。

また、下記のURLはダイレクトでアクセスしたURLなので、インラインの画像は削除されないのでご注意ください。

https://cdn.wikiwiki.jp/to/w/kairoparknew/その他/ランダム表示用/::attach/映画スタジオ物語(別Ver.).webp
https://cdn.wikiwiki.jp/to/w/kairoparknew/その他/ランダム表示用/::attach/こだわりラーメン館(別Ver.2).webp
https://cdn.wikiwiki.jp/to/w/kairoparknew/その他/ランダム表示用/::attach/お住まい夢物語(別Ver.6).webp
https://cdn.wikiwiki.jp/to/w/kairoparknew/その他/ランダム表示用/::attach/クルーズ大紀行(別Ver.).webp

もしCloudflareの管理画面にアクセスできず、有効なキャッシュを削除したいとなった場合、管理者に依頼するか、キャッシュの期限が終了するのを待つしかないため、修正をすぐに反映できない状況が発生します。

CDN キャッシュのクリア
https://c.wikiwiki.jp/cdn-cache/purge

こちらで CDN のキャッシュを削除できます。
画像を差し替えたりすると Revision も変わります。
新しい別の画像としてキャッシュが生成されるようになっています。

7
款冬華 2023/03/31 (金) 14:52:18 修正 >> 5

返信ありがとうございます。最後までお付き合いいただき、感謝しております。
私自身がすでに解決済みで検証する術がないため、備忘録としてモバイル版Chromeのインライン画像のURLについて、同じ事象でお困りの方のために書き残します。

読み込みを続けて終わらない画像がある際の対処方法
1.上記に返信されているWIKIWIKI運営が示されているPCでインラインで表示されている画像のURLを取得する
2.モバイル端末しか所持していない場合、対象の画像を長押し後に「リンクをコピー」してURLを取得する
3.インライン画像のURL後、CDN キャッシュのクリアを行う

要望は具体的な提案や理由を書いて下さい。
×