[Nuxt.js] core-jsエラーへの対処
何かしら外部のライブラリを追加したときこんな感じのエラーが出ることがある コンソールが真っ赤に染まってびっくりするよ😩 @nuxt/babel-preset-app @nuxt/babel-preset- […] 投稿 [Nuxt.js] core-jsエラーへの対処 は WebTecNote に最初に表示されました。
View ArticleNuxt.jsでTestCafeを使用してみたメモ
色々なブラウザを自動で操作してE2EテストができるTestCafeについて。 同じくブラウザの自動操作といえばGoogle製の puppeteer がある。puppeteer=ChromeだからE2Eテストよりスクレイピ […] 投稿 Nuxt.jsでTestCafeを使用してみたメモ は WebTecNote に最初に表示されました。
View Article[JS] Firebaseの覚書 ⑧ 匿名認証の利用
Firebase Authentication に備わっている匿名ユーザーを作成する機能についてのメモ。※ Firebaseの覚書には連番が付いてますが内容は繋がっていません。 永久アカウントと匿名アカウントの違い 匿名 […] 投稿 [JS] Firebaseの覚書 ⑧ 匿名認証の利用 は WebTecNote に最初に表示されました。
View ArticleVercel+Nuxt.jsで爆速Webアプリ作成
CodeSandboxとNowでアプリを作る話の続き。(読んでなくてもOK)create-nuxt-app で作ったNuxt.jsアプリをVercelでデプロイする話です。 いつの間にやらZEITは新たなるブランドVer […] 投稿 Vercel+Nuxt.jsで爆速Webアプリ作成 は WebTecNote に最初に表示されました。
View Article[Vue] vue-test-utils の Deprecation warning への対応
ドキュメントの言語選択で日本語にしてるとまだ説明が出ないが、警告は5月にリリースされててアップデートしたら洗礼を受ける。よく使ってたのが対象になってるのでテストが多いと対応がしんどい😫 Deprecate […] 投稿 [Vue] vue-test-utils の Deprecation warning への対応 は WebTecNote に最初に表示されました。
View ArticleGatsbyでWebサイトを4つ作ってみたメモ
3月からGatsbyでWebサイトを4つ作った。ずっとVue(Nuxt)とちちくりあっていたのでReactを触るのは3〜4年ぶりだった。 microCMS+Gatsby練習用。JavaScript、Chakra。趣味。ち ... 続きを読む
View Article[JS] Deep Zoom Image 規格の画像生成と表示
それは100MBくらいある巨大な画像をWebサイトで表示したいというオーダーだった。 今ならそれくらいあっても1枚で許されるか…?と思ったが、選択肢が色々増えたご時世だからこそ制限付きの4G回線しかない人もいるわけで、画 ... 続きを読む
View Article[Gatsby] TypeScript化とWordPressの型
復習がてら公式のスターター(gatsby-starter-minimal、gatsby-starter-wordpress-blog)をTypeScript化したメモ
View Article[Gatsby] Flexsearch × Kuromoji による日本語フレンドリーなサイト内検索の追加
GatsbyでMarkdownをソースにするブログを作ったらサイト内検索が欲しくなった。検索自前で作るの面倒…とはいえ検索がないブログは不便なんだよなあ…。 他所に頼るならお手軽なGoogleのカスタム検索か、有能なAl ... 続きを読む
View Article[GSAP3] 画像のプリロードとオープニングアニメーション
アセットの読み込みしてからローディング消して、アニメーションでコンテンツ表示させる、GSAP3を使った一連の処理のサンプル。
View ArticleNuxt3ベータ版で見るNuxt2との違うところ
Nuxt3がやっとパブリックベータ版になった!!!いや〜待ってたよずっと待ってた。で早速使ってみた。 必要環境 Node.js VisualStudio Code + Volar Extension これを書いている時点 ... 続きを読む
View ArticleVue3+Vite+Piniaで計算アプリ作ってみたメモ
陰陽師のマラソン中手持ち無沙汰だったから表題の構成でマラソン用ポイント計算アプリつくってみた。 https://onmyojigame-emaki.vercel.app/ https://github.com/Tende ... 続きを読む
View ArticleTypeScript 環境での Chart.js の利用について
ブラウザで折れ線グラフとかを表示したいな〜と思ったときは大抵Chart.jsという超有名ライブラリを使うことになる。Chart.jsの使い方は実に簡単で、グラフの設定とデータを投げるだけで大変見目麗しいグラフを表示してく ... 続きを読む
View Article[Vue] vue-jest が発する Requires Babel “^7.0.0-0”, but was loaded with “6.26.3”の解決
Vue2で作ったアプリを久しぶりに修正しようとして、まず依存をupgradeしてからとりまテストでも動かしますかとコマンド叩いてみたら表題のエラーで死んだ Requires Babel "^7.0.0-0", but w ... 続きを読む
View Article
More Pages to Explore .....