Chromeでhttpからhttpsに勝手にリダイレクトされる問題の解消[SSL]
なぜかChromeだけhttpからhttpsにリダイレクトされるサイトがあり原因を探していたらこちらの記事を発見
ChromeがSSLサイトのドメインを覚えて勝手にリダイレクトしてくれているらしい
HTTP Strict Transport Security(HSTS)め…
設定次第ではサブドメインまで勝手にSSLにされるという余計なお世話感
HSTSをリセットする方法
以下のURLにアクセス
chrome://net-internals/#hsts
Delete domainで対象ドメインを削除
参考
https://i-think-it.net/chrome-http-https-force-redirect-approache/
Rails GroupでまとめてCountした結果をHavingを使って絞り込む [ActiveRecord]
COUNT(*) した結果で絞り込む方法
Havingを使う
Hoge.group(:user_id).having('count(*) > ?', 5).count
JavaScriptでオブジェクトの要素数を取得、空判定をする Object,length,blank
jsのObject.lenghtがない…
オブジェクトの要素数を取得する方法
Object.keys を使う
var obj = {}; console.log(Object.keys(obj).length); // => 0
郵便番号から住所を自動入力するZipaddrxを任意のタイミングで動かす[Js,React]
郵便番号から住所を自動入力するZipaddrx
Jsを呼んでおけば勝手に動いてくれるんですがReactを使っていてonload以外のタイミングで動かしたくなったのでその時の対処法です。
任意のタイミングで初期化
Zip.x();
これだけ
ReactでZipaddrを使う方法
コンポーネントがマウントされたタイミング(componentDidUpdate)で Zip.x() を実行します。
~~~
componentDidUpdate(prevProps, prevState) {
Zip.x();
},
~~~
これだけだとフォームの内容がstateに入っていないためフォームの内容を変更するとリセットされてしまいます。
住所が自動入力されたら住所をstateに入れる
郵便番号のフォーカスが外れたタイミングで都道府県、市区町村をstateに入れる関数を呼びます。
// View部分(郵便番号部分のみ) <input onBlur={(e) => this.onBlurZipcode()} id="zip" onChange={(e) => this.props.onChangeValue('zipcode', e.target.value)} value={this.state.zipcode} />
// 郵便番号のフォーカスが外れたタイミングで都道府県、市区町村をstateに入れる onBlurZipcode() { this.setState({ pref: document.getElementById('pref').value, addr: document.getElementById('addr').value }); }
