AtCoderのページがうまく表示されないときの対処法

AtCoderのページにアクセスしたらcssが適応されていなかった。

調べるとどうもJCOM回線を使っていると発生するらしいです。
ホワイトリストに入れたら直ったけど、やり方がまとめられてなかったのでまとめてみました。

本記事はJCOM回線を使用していること前提です。

J:COMメッシュWi-Fiアプリをインストール

スマホにJ:COMメッシュWi-Fiアプリをインストールしてログインします。

アプリからatcoder.jpを許可する

1. ログインしたらオンラインプロテクションをタップ
   

2. Guardイベントにatcorder.jpがあるので、選択して三点リーダーをタップ
   

3. 許可（全員）を選択
   

4. 選択したら、画面右上の三点リーダーをタップして許可リストを表示して確認
   

5. 許可リストに入っていることを確認
   

6. アクセスしてページを更新
   AtCorder
   F5 もしくは　ctl+F5（スーパーリロード）

上記方法でうまいこと表示されたら万歳です。

同じ流れでJ:COM使っている人は別のサイトもホワイトリストに入れられると思います。