iOS/iPad/iPhoneなどでposition: fixedで親要素や祖先要素からtransformのtranslate関連は取り除いたはずなのにモーダルがちゃんと動かない時

結構困った

Webは崩れていなかったモーダルの表示が、iPadでは崩れていた。（想定していた上部にモーダルの黒い背景がかかっていなかったし、下部にも余白、blankスペースができてしまった。。）

原因

-webkit-overflow-scrollingプロパティにtouchが設定されているのがいけなかった。

解決方法

-webkit-overflow-scrollingプロパティにautoを入れました。

参照

nakagaw.hateblo.jp

shanabrian.com

Railsで外部のパソコン、携帯などの環境から立ち上げたサーバの動きを確認する方法

困りごと

他の環境からアクセスした時の挙動を確かめられない。

やりたいこと

localサーバーを立ち上げて、他のPCや、携帯端末のブラウザから見る。

How to

• コンソール画面にて、ifconfigで自分のポートナンバーを確認。
• ifconfigのen0のinetの番号をつかいます。
• サーバーを立ち上げる自分のパソコンと、アクセスする他の端末が同じWifi）を使用。（いらない？）
• rails s -b 0.0.0.0 でサーバーを立ち上げる。
• ipアドレスに外部のブラウザからアクセス ex) ipが111.111.1.1だったら http://111.111.1.1:3000

別の手段としては、シュミレーターを色々使ってみること。

• xcodeでiphoneやipadのシュミレーターを使って動作を確認したり。

itoshk-development.hatenablog.jp

• browserstackやbliskなどを使っていろんなブラウザーでの動きを試したり。

Railsで500 エラー 画面表示。

前提

こちらなどを参照にエラーページを作って表示できるようにしてあるとして、

qiita.com

じゃあエラーページどう表示しようか。

#failとか #raiseとかメソッドを記入したり、シンタックスエラーとか起こす。

*controllerの中で、local環境では省いて表示させる設定のif分とかしてたら解除すること。