Quantcast
Channel: Javascript – WebTecNote
Browsing latest articles
Browse All 61 View Live

[Nuxt.js] core-jsエラーへの対処

何かしら外部のライブラリを追加したときこんな感じのエラーが出ることがある コンソールが真っ赤に染まってびっくりするよ😩 @nuxt/babel-preset-app @nuxt/babel-preset- […] 投稿 [Nuxt.js] core-jsエラーへの対処 は WebTecNote に最初に表示されました。

View Article



Nuxt.jsでTestCafeを使用してみたメモ

色々なブラウザを自動で操作してE2EテストができるTestCafeについて。 同じくブラウザの自動操作といえばGoogle製の puppeteer がある。puppeteer=ChromeだからE2Eテストよりスクレイピ […] 投稿 Nuxt.jsでTestCafeを使用してみたメモ は WebTecNote に最初に表示されました。

View Article

[JS] Firebaseの覚書 ⑧ 匿名認証の利用

Firebase Authentication に備わっている匿名ユーザーを作成する機能についてのメモ。※ Firebaseの覚書には連番が付いてますが内容は繋がっていません。 永久アカウントと匿名アカウントの違い 匿名 […] 投稿 [JS] Firebaseの覚書 ⑧ 匿名認証の利用 は WebTecNote に最初に表示されました。

View Article

Vercel+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 Article


Gatsbyで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 Article

Nuxt3ベータ版で見るNuxt2との違うところ

Nuxt3がやっとパブリックベータ版になった!!!いや〜待ってたよずっと待ってた。で早速使ってみた。 必要環境 Node.js VisualStudio Code + Volar Extension これを書いている時点 ... 続きを読む

View Article

Web Speech API 検証用のサンプル

今も昔もこのAPIはChromeしか対応してないんだけど、使ってみると面白い。

View Article

Vue3+Vite+Piniaで計算アプリ作ってみたメモ

陰陽師のマラソン中手持ち無沙汰だったから表題の構成でマラソン用ポイント計算アプリつくってみた。 https://onmyojigame-emaki.vercel.app/ https://github.com/Tende ... 続きを読む

View Article


TypeScript 環境での 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

Browsing latest articles
Browse All 61 View Live




Latest Images