くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Vue

viteでの環境構築メモ | lint/自動チェック編

viteでの環境構築メモ(*´ω`*) この記事のlint/自動チェック編(*´ω`*) viteでの環境構築メモ | まとめ - くらげになりたい。 lint周り eslint User Guide | eslint-plugin-vue Configuring ESLint - ESLint - Pluggable JavaScript Linter Lint | ツールガ…

viteでの環境構築メモ | テスト編

viteでの環境構築メモ(*´ω`*) この記事のテスト編(*´ω`*) - viteでの環境構築メモ | まとめ - くらげになりたい。 テスト周り vitest テスト | ツールガイド | Vue.js Vitest | A blazing fast unit test framework powered by Vite $ pnpm add -D vitest …

viteでの環境構築メモ | まとめ

viteでの環境構築メモ(*´ω`*) いれるもの ベース pnpm/fnm vite/vue tailwindcss iconify テスト周り vitest lint周り eslint prettier .editorconfig commitlint markdownlint textlint 自動チェック周り husky lint-staged githooks CHANGELOG関連 change…

viteでの環境構築メモ | ベース編

viteでの環境構築メモ(*´ω`*) この記事のベース編(*´ω`*) - viteでの環境構築メモ | まとめ - くらげになりたい。 ベース fnm/pnpm # fnm $ brew install fnm $ echo 'eval "$(fnm env --use-on-cd)"' >> ~/.bashrc $ fnm install v16 $ fnm default v16 #…

vue-observe-visibilityを使って画面内のときだけ表示する

画面外のときは描画しないようにし、無限ローディング時の性能改善したときの備忘録。 vue-observe-visibilityを使って、画面内かを検知して表示を切り替えてみた。 インストール まずはインストール。 $ npm install --save vue-observe-visibility # IEな…

Nuxt+Firebaseでセッション管理: PWA(Service Worker)編

FirebaseとSSRなNuxt.jsでアプリを作っていて、 クライアント側で認証チェックするとFirebaseの初期化などでラグが... サーバ側で認証情報とかを取得してもう少しなんとかできないかなと。 まだベータっぽい?けど、公式の以下の内容を試してみたときの備忘録…