iPhoneで艦これを全画面で快適にプレイする

こんにちは、TKMUNです。
先日、スマホを変えましてXperia XZ1からiPhone 11 Proに変えました。

今までは外出先で普通に艦これアプリでプレイができていましたが、iOS端末に変えた関係で公式アプリが使えなくなってしまいました。しかしながら、外で遠征をチェックできないのは困ります。

色々と試行錯誤した結果、全画面で見やすくプレイできるようになりましたので、どんな方法でiPhoneで艦これをプレイしているか紹介したいと思います。

この手法はすでに紹介されていますが、そのやり方にちょっとひと手間加えたらいい感じになったので紹介します。

はじめに
使用環境
やり方
まとめ

はじめに

このプレイ方法は運営が公式でサポートしていない方法です。

そのため、自己責任でお願いします。

あとこの方法だと一部使えない機能があります。（後述します）

使用環境

端末：iPhone 11 Pro(256GB)
ブラウザ：safari

今回11を使っていますが、比較的新しい機種なら一通り行けるはずです（RAMの関係でiPhone 6S以降推奨）

使うブラウザはsafariです。何故かというと複数のブラウザを使ってみてsafariが一番落ちにくかったからです。メインはChromeを使ってるので、safariを艦これ用として使い分けたかったという思いもあります。

やり方

まず全体像を説明しますと、

スクリプトコードをコピーする
適当にブックマークを作成
2で作成したブックマークをスクリプトコードに書き換えて保存
艦これのDMMサイトにアクセス
3で作成したブックマークを選んで実行
iPhoneを横にして全画面表示にする

といった感じです。2回目以降プレイするときは4.～で大丈夫です。

１．スクリプトコードをコピーする

以下のコードを丸ごとコピーします。長いですが全部コピーしてください。

javascript:(($,_)=%3E%7Bconst%20html=$.documentElement,gf=$.getElementById('game_frame'),gs=gf.style,gw=gf.offsetWidth,gh=gw*.6;let%20vp=$.querySelector('meta%5Bname=viewport%5D'),t=0;vp%7C%7C(vp=$.createElement('meta'),vp.name='viewport',$.querySelector('head').appendChild(vp));vp.content='width='+gw;'orientation'in%20_&&html.webkitRequestFullscreen&&html.webkitRequestFullscreen();html.style.overflow='hidden';$.body.style.cssText='min-width:0;overflow:hidden;margin:0';$.querySelector('.dmm-ntgnavi').style.display='none';$.querySelector('.area-naviapp').style.display='none';$.getElementById('ntg-recommend').style.display='none';gs.position='fixed';gs.marginRight='auto';gs.marginLeft='auto';gs.top='-16px';gs.right='0';gs.zIndex='100';gs.transformOrigin='50%25%2016px';if(!_.kancolleFit)%7Bconst%20k=()=%3E%7Bconst%20w=html.clientWidth,h=_.innerHeight;w/h%3C1/.6?gs.transform='scale('+w/gw+')':gs.transform='scale('+h/gh+')';w%3Cgw?gs.left='-'+(gw-w)/2+'px':gs.left='0'%7D;_.addEventListener('resize',()=%3E%7BclearTimeout(t);t=setTimeout(k,10)%7D);_.kancolleFit=k%7DkancolleFit()%7D)(document,window)