CodePenをスマートフォンで確認するのは問題があるのでやめよう

CodePenをスマートフォンで確認

CodePenで記述したコードのWebページをスマートフォンで確認するのは3つ問題があるのでやめたほうが良い。

問題1 表示領域が狭い

CodePenでコードと実際のページを表示すると表示領域がかなり狭く、見づらくなってしまう。

問題2 表示されるのが遅い

CodePenは自分が書いたコード以外も大量に読み込むため、端末の性能が低かったり、回線が遅かったりすると表示に時間がかかってしまう。

問題3 iOSだと正しく動作しないことがある

iOSだと通常のWebページであれば正しく動作するものがCodePenだと動作しないことがある。

下記の2つのサンプルは同じコードだがCodePenの方はiOSで動作しない。

iOSだとCodePenで正しく動作しないサンプル

iOSでもCodePenでなければ動作するサンプル