日本以外からのアクセスを全て遮断してみた(メジャーなbotは除く)

awsで運営を始めたECサイトapacheログをチェックしてみたら全世界の各国から総攻撃と言ってもおかしくないくらいアクセスされていて、肝心の日本からは全くアクセスが無く、一個ずつdenyしてたらきりがないのでいっそのこと日本以外からのアクセスを拒否する設定に変更してみた。どうせ海外への発送にも対応していないのでひとまずは問題ないしw

googleとかのメジャーなbotだけは許可する設定も追加済み。

参考サイト
http://wparia.com/akukin/
IPアドレスで日本国外(海外/外国)からのアクセスを制限する.htaccess CGI's

画像がぼやける場合の対応

ロゴの表示でpcだとクッキリなのにスマホとかだとぼやける現象が発生。
画像の解像度を上げるとスマホではくっきりするけど今度はPCでぼやけてしまう。
なので拡大縮小に対応したベクター画像にするためsvg形式で保存すること。ie9以上から。
・・・と思ったらphotoshopsvgの書き出しが出来ない!svgで書きだそうとするとずっとローディング中になってしまう。。なので別の方法を検討

どうやらsvgへの書き出しが出来ないのはphotoshop cc 2018の不具合ぽい。なので2017にバージョンダウンしてみる。

2017版入れたらあっさりsvgの書き出しが出来た。バージョンダウンではなく2018と併存するぽい。
・・・がしかしsvg形式にしてみたらなんか表示がおかしい。画像を組み合わせてロゴ作ったのが原因なんだろうな。

もうsvgは諦めてメディアクエリでサイズによって読み込む画像を変える方法でやってみる。

・・・と思ったけどロゴとか重要な画像はcssでの表示をしない方が良いぽい。

なのでスマホ優先で実際の表示より少し大きめの画像をロゴにセットしてpcは多少ぼやけても我慢しておく。

css ie11 display-cellで画像がはみ出す件

ie11でdisplay-cellに指定した画像がセル内に収まらず本来のサイズで表示されてしまう件の対応。
display:tableにtable-layout: fixedを追加すればok

display: table;
table-layout: fixed;
width:100%; /*widthの指定も必要ぽい*/

css initialはie11が対応していないので使わないこと

width:initial;

だけだと効かないので↓のようにする

width:initial;
width:auto;

参考サイト
initialとautoでmin-width,max-width(height)をリセット – webdev

css line-heightは単位を指定しない&1.5とかで指定すること

【CSS】line-heightで行間を調整する方法:おすすめの値は?
・単位を指定しなければ親や子に影響しない
・1.5とかで指定すればフォントサイズに影響しない

iphoneのsafariでcssがキャッシュされるのを防ぐ方法

iPhone Safari のキャッシュが鬱陶しい時の超簡単なクリア方法 - Qiita
iPhone、iPad、iPod touch でプライベートブラウズをオンまたはオフにする - Apple サポート
プライベートブラウズ機能を使えばよいらしい

dreamweaver cc サーバーとSFTP接続が出来なかった件

dwでリモートサーバーを登録して鍵認証で接続しようとしたんだけど、できなくて30分くらい無駄にした件。

winscpで.ppkファイルを指定していたのでdwでも同じprivateキーファイル指定していたんだけど、それが誤りだった!

.ppkは PuTTY 形式だから、元の.pemファイルを指定しないといけなかった。