Hatena Blog Tags
はてなブログ トップ
Vite
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Vite

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
AKARI Tech Blog•23日前

Vitest と GitHub Copilot で Frontendの単体テストを書く

改めまして、燈株式会社 AI SaaS事業本部VPoEの小田川です。 燈株式会社のデジタルビルダーでは最近、フロントエンドのテストコードの拡充を行っています。 このテスト拡充の背景には、デジタルビルダーが請求書処理を含む業務フローにおいて高度なカスタマイズを許容しているという特性があります。 このカスタマイズの多様性により、「どの条件で何が表示されるべきか」「各ボタンがどのように機能すべきか」といった振る舞いのパターンが増え、仕様の複雑性も高まっています。 こうした仕様を品質保証（QA）工程にのみ依存するのではなく、開発の初期段階から自動化されたユニットテストで担保し、CI上で高速かつ頻繁に実…

#react#vitest#frontend test#Vite#frontend

関連ブログ

てくぶろ！•2ヶ月前

Web上で二人でコリドールできるページを作ってみた

TL;DV 公開したリポジトリ・ページ 作った経緯 使用技術 Vite + React Tailwind CSS + daisyUI GitHub Pages Jotai コリドールのアルゴリズム 今後の課題 工夫した点 文字列から盤面を復元する機能を作った 最後に TL;DV 以下のようなWeb上で二人でコリドール対戦できる静的ページを作成しました。 機能は非常にシンプルで、その場にいる二人で対戦できるのみです。 オンラインで誰かとマッチしたり、AIと対戦できる機能はありません。（今後増やすかもしれませんが） 作成したページのスクリーンショット 公開したリポジトリ・ページ リポジトリ git…

#コリドール#Vite#Tailwind CSS#react#GitHub Pages
青いやつの進捗日記。•3ヶ月前

viteを5.4.12にあげる必要があるセキュリティ警告が出ていたのでアップデートしたらallowedHostsの設定が必要になり、allowedHostの設定によってviteのhmrのWebSocket接続のホスト名が変わる

先に結論 allowedHostsを設定する allowedHostsを.ではじめる指定かどうかでVite開発用WebSocket（HMR）のホスト名が変わるので注意 Viteのセキュリティ警告が出たので、アップデート $ yarn npm audit └─ vite ├─ ID: 1101618 ├─ Issue: Websites were able to send any requests to the development server and read the response in vite ├─ URL: https://github.com/advisories/GHSA-v…

#Vite#hmr#WebSocket
saruboの書き溜め•4ヶ月前

SolidStart の proxy で websocket を使う target を指定する

結論 SolidStart の proxy で websocket を使う target を指定するためには vite.server.proxy を通常通り指定 server.experimental.websocket = true にする 結果、 app.config.ts (app.config.js) は以下のようになる。 ("/websocket": "http://localhost:3001" のあたりなんかは都合よく置き換え) import { defineConfig } from "@solidjs/start/config"; export default defineC…

#SolidStart#Proxy#WebSocket#Vite#Vinxi
iimon TECH BLOG•4ヶ月前

歴史を感じつつ、クロージャで遊んでみた（JavaScript編）

こんにちは！株式会社ｉｉｍｏｎでフロントエンジニアをしている「ひが」です！ 本記事はアドベントカレンダー19日目の記事になります！ 先日夢で「メリークロージャマス！！！」と叫んでスベる夢を見ました。 冬だからか、みなさん冷たかったです（現実では暖かいです） そのようなこともあり、思い切って記事にしてみようと思いました！ どうか、暖かい目で見守っていただけると嬉しく思います！！ 本題 本題ですが、みなさんはクロージャをご存知でしょうか。 MDNよりお言葉を借りると クロージャは、組み合わされた（囲まれた）関数と、その周囲の状態（レキシカル環境）への参照の組み合わせ です！ 初見だと何言ってるかよ…

#iimon world#frontend#Advent Calendar 2024#Vite#Closure
無駄と文化•5ヶ月前

Vitest を使って wasm のテストを書く

wasm-bindgen で生成したコードに対してテストを書くときの話題です。 Rust からコンパイルした wasm に対してテストを書くとき wasm-bindgen-test がおすすめされがちです。 wasm-bindgen-test は Rust でテストを書き wasm にコンパイルして実行します。ただテストコード自体を wasm にコンパイルする方法だとコンパイル過程に問題があったときにわかりづらそうで少し嫌です。 JavaScript から呼び出す想定の wasm なら JavaScript でテストコードを書くのがわかりやすいと思います。 というわけで Vitest を使って…

#WebAssembly#ユニットテスト#Vite
kickflow Tech Blog•6ヶ月前

Vue Fes Japan 2024 に行ってきました

社内AIに描いてもらったVue Fes Japan 2024のイメージ図 初めまして、プロダクト開発本部の渡辺と申します。 kickflowに入社して数ヶ月が経ちました。 日々の業務で多くのことを学び、充実した毎日を送っています。 今回は「Vue Fes Japan 2024」というカンファレンスに参加したので、そのレポートをまとめようと思います。 kickflowもスポンサーとして協賛しており、当社ではフロントエンドにNuxt 3を使用しているため、今回のカンファレンスは多くの学びが得られると期待していました。

#Vue 3#Nuxt 3#Vue Fes Japan 2024#Vite
embryo•8ヶ月前

ViteでLegacyブラウザ対応する方法と注意点

今日はviteを利用したprojectでブラウザ対応を宣言しpolyfillなどを対応する方法についてまとめます。 トランスパイラを用いたブラウザ対応 babelなどのトランスパイラを利用している場合はbabel-preset-envを利用してbrowserslistとコードベースの内容に応じて自動でcore-jsのimport文を追加しpolyfillを解決する方法が用いられてきました。swcを利用している場合も同等の機能が用意されています。 viteのデフォルトブラウザ対応 こちらにもある通り、viteのブラウザ対応はESMのサポート状況を基準に行っており、検証する対象は構文にとどまってい…

#Vite#browserslist#JavaScript
OPTiM TECH BLOG•9ヶ月前

【Google Maps API × Vitest】VitestでGoogle Maps APIを用いた処理のテストコードを書こう

この記事について サービス開発統括本部 ソリューション開発部で農業プロダクトの開発を担当している西村です。 弊社でピンポイントタイム散布(以下、PTS)という防除のデジタル化サービスを展開しております。 PTSでは農地のデータを管理するため、Google Maps APIの活用は欠かせません。そのコアな技術を活用した処理は品質を担保する必要があります。 また、PTSはVue3系で開発しており、ビルドツールにはViteを使用しております。ViteはVue3系推奨されています。 そこで今回は、Viteを利用したテストフレームワーク、Vitestを使ったGoogle Maps APIのテストコードに…

#Google Map API#Vue 3#Vite#フロントエンド