ナナメにあるいてくスマートフォン用の表示で見るナナメにあるいてく基本的にはプログラミングの話のつもり。フロントエンドよりです。人生まわりみち、ななめなみちばかり。2019-01-27jsでパスワードのvalidationのようなものを書いてみたちょっとしたvalidationのようなものを書いてみたので、備忘録として残しておきたい。id="passwordInput"/>こんなかんじの想定です。document.getElementById('passwordInput').value;とします。良しとしたい場合の想定です。}HTMLタグのmaxlengthそういえばHTML5の仕様でタグ上に記載することができますね。maxlength="8"/>こうすることでjs側での処理は不要になりますね。みたいに連続した文字がいた場合にエラーとしたいときのロジックです。今回の想定では英字と数字、どちらも入ってるかどうかチェックするというものです。あたりで判定したいところなのですが、NGだった場合にnullしか返してこないので上記のような書き方をしました。pattern="^[0-9A-Za-z]+$">と、いったかんじでタグ上でも正規表現を用いてチェックすることができるようです。www.htmq.comちょっとしたポップアップも出て、便利ですね。これ、formタグとセットで使わなければいけないので(ポップアップが出るのもきっとsubmitされるとき)ページの作り方によっては使いにくいかもしれません。余談HTMLやjsでvalidationをする方法を上に書きましたが、結局クライアント側ではどうとでもできるので、本格的な処理はやはりjsで書かなければいけませんね。個人的にはある程度jsに寄せたいなと思う派です。CLI3のproductionでconsole.logを消した方法やりたかったこと本題の通りなのですが、productionの状態でbuildしたソースからよろしくconsole.logを消せないかなと思ったのでいろいろ調べてみました。入れて、vue.config.jsにconsole.logを消す設定を書く。}}こちらで発見しましたforum.vuejs.org所感これを試したのは個人的につくった実装物なので、一旦これでいいんですが、もう少し大きい実装で、コードを難読化したら発生したbugとかに関してはlogがでなくてちょっとつらいのかなと思いました。日々大きな壁として立ちはだかるIEくんに対して頑張ったお話のひとつです。ある実装のひとつだと思うのですが、そのinputがreadonlyだったときに、ぱっと見でreadonlyだと識別できるようにスタイルを変えたいというところの実装をしていました。gray}で対処できました。gray}Chromeだとこれで動いていたんですよね。いざIEで確認してみたところ、ちゃんと効いてない。擬似クラスはIEではサポートされてないとのことでした。gitのレポジトリつくり割愛。いえばgithubもprivateのレポジトリがタダで使えるようになったのはありがたい。pushついでに別ブランチきって最初にpushしようとするとそのときもまた怒られる。操作はぐぐったらすぐ出てくるので本読んでまでどうにかするものでもない気がしている。ベースでgitの操作が進んでいたので、コマンドラインでの操作について学びたかったときには少し違った。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。