Vue&Nuxt – WebTecNote

[Vue] vue-test-utils の Deprecation warning への対応

ドキュメントの言語選択で日本語にしてるとまだ説明が出ないが、警告は5月にリリースされててアップデートしたら洗礼を受ける。よく使ってたのが対象になってるのでテストが多いと対応がしんどい😫

CodeSandboxとNowでアプリを作る話の続き。（読んでなくてもOK）create-nuxt-app で作ったNuxt.jsアプリをVercelでデプロイする話です。いつの間にやらZEITは新たなるブランドVer […]

色々なブラウザを自動で操作してE2EテストができるTestCafeについて。

何かしら外部のライブラリを追加したときこんな感じのエラーが出ることがあるコンソールが真っ赤に染まってびっくりするよ😩

ユニットテストの書き方メモ。サンプルコードのテストランナーはJestです。

全くCodeSandboxについて知らない人は前に書いたCodeSandboxとNow(ZEIT)で爆速Webアプリ作成を読むといいかもしれない。陰陽師の周回中手持ち無沙汰だったのでなんとなくCodeSandboxを […]

設定したテンプレートを元にファイルを自動生成するコードジェネレーターHygenの基本的な使い方についてのメモ。対話型プロンプトにも対応してるし内蔵ヘルパーも豊富。複雑になりがちなテストファイルとかをこれでサクサク生成できたら脳死が捗ること間違いなしなんだ。

Nuxtで作ってるサイトにStorybook入れてみたら、NuxtやVueの独自ルールで躓くポイントがあったので、導入から問題の解決方法についてStepByStepでメモりました。

そのコンポーネントが読み込まれた時にだけimportしてほしいという場合に

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

JavascriptでOCRできるtesseract.jsで、ゲームの装備ステータスをスクショから読み取れるのか試した。うーん、漢字多いなら中国語指定の方が精度高いかも英語ならｽｯとできるんだろうけどなあ～～～～～～

See the Pen vue.js(bootstrap-vue) File Upload by Tenderfeel (@Tenderfeel) on CodePen. なんでか初回はonchangeが反応しない挙動が […]

NuxtでリファレンスにあるServiceWorkerによるセッション管理をやってみたのでここに記す…。

書いた時のバージョンNuxt 2.2.0Vue 2.6.6

PlunkerでAngular2使って作ったオレオレエディタがなんでか読み込まれなくなってて、直すならついでにVueにしようかなと思い立ったのでCodeSandboxに移植した。