CodeSandbox – WebTecNote

[Vue] 続 Constraint Validation API パスワード強度ゲージの表示

[Vue] HTML5 Form Validation を利用するフォーム要素コンポーネントの続き。
脆弱なパスワードかどうか診断してその強さを表示するやつ、Wordpressにも備わってるあれをVueでやる。

HTML5のフォーム要素に備わっているValidation機能（Constraint Validation API）を利用するフォーム要素のコンポーネントと、それを利用したフォームのサンプルを作ってみた。

令和になりました～。
15年ほど前はテキストエディタとかFTPとか使ってたけど今はどうでしょ。
私はエディタはAtomに落ち着いてますが、NotePad++も気に入ってます。
FTPはレンタルサーバー借りてる人が使うくらいじゃないですかね。新卒世代はもうFTPなんて使ったこと無いのでは。

最近Firebaseが流行ってるけどNowもまあ凄いです。
認証とかデータベースとかが必要ないならFirebaseよりNowの方が合ってるんじゃないかな～。CodeSandbox+Nowだとローカル環境もサーバーも用意しなくていいし、デプロイだって自動でやってくれるからね。

昨日ちょっとしたアプリをCodeSandboxで作ったので、それをNowでデプロイするまでの手順をざっくりまとめてみた。
“CodeSandboxとNow(ZEIT)で爆速Webアプリ作成” の続きを読む→

[Vue] ページング機能の作り方とコンポーネント作成入門　からの続き。
続きなので前の記事で作ったやつがないとできません！

引き続きCodeSandboxでやります。
ローカルに環境作った方はそちらでどうぞ。

CodeSandboxのプレビューのところに、Testsっていうタブがあるのに気づきましたか？

これ、テストを実行して結果を表示してくれる便利機能です。
今回はこの機能を使えるようにします！

今はPHPを書くことはWordpressを魔改造するときくらいで、もっぱらJavasScriptを使う事が多いです。
2018年はずっとVueと戯れていたので、Vueのコンポーネントとしてページング機能を実装するにはどうするのかという視点でまとめてみます。

環境構築は面倒くさいのでCodeSandbox使います！
なのでローカルにインストールからやってみたい方はVueの公式ドキュメント片手にトライしてどうぞ。