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

Vite

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

【React + TypeScript + Vite】Jest でテスト環境を構築する手順

See More

はじめに この記事では、React + TypeScript + Vite 環境でJestを使ったテスト環境を構築する方法をまとめまています。 僕の備忘録として記録をココに、残します。 この記事は、Concise Developer さんの以下の動画を参考にしています。 youtu.be この記事でやること 以下の内容を順番に解説します。 Jest / React Testing Library のインストール 設定ファイル（jest.config.tsなど）の作成 TypeScript 設定の調整 シンプルなテストの作成と実行確認 環境構成 React TypeScript Vite フォル…

#react#Vite#Jest

関連ブログ

KENTEM TechBlog•2ヶ月前

フロントエンドのビルドツールについて

この記事は、 KENTEM TechBlog アドベントカレンダー2025 16日目、12月16日の記事です。 こんにちは、フロントエンド開発のY.O.です。 フロントエンドの業務に携わるようになって4年目になりますが、なんとなくの理解で日々の開発をやり過ごしているものの一つにビルドツールがあります。 フロントエンドのビルドツールは種類がたくさんあり、複雑で混乱しがちですよね。 そこで今回は私の認識の整理や備忘録も兼ねてフロントエンドのビルドツールについて書かせていただきます。 正直この話は類似のもっと良くまとまった記事がたくさんあり、内容もほぼほぼ被っています。 自分の理解のために書くので、…

#アドベントカレンダー#Webフロントエンド#Vite#webpack#esbuild#SWC
hacomono TECH BLOG•2ヶ月前

“citty” “c12” を使って, 設定ファイルベースで Vite Server が立ち上がる CLI ツールを作ってみる

この記事は hacomono Advent Calendar 2025 の13日目の記事です みゅーとんです. アドベントカレンダー13日目, 私は今月2件目です. なんで3件も枠取っちゃったんだろ. 何にせよ頑張って書いていきます. はじめに 要件: 独自のツールチェインの必要性 詳細を明かすことはできませんが, 小さいフロントエンドのページを複数まとめてつくるような構成が要件にありました.この要件は, 以下の条件を含んでいました. フレームワーク非依存: 特定のフレームワーク（React, Vue, Svelte など）に縛られず, ページごとに最適なものを選択したい 単体ページ: ルーテ…

#frontend#Vite
基本的に怠Diary•3ヶ月前

BGM Mixer作った

fantastic-rugelach-547a92.netlify.app github.com BGM Mixer Web Audio APIを使用したブラウザベースの音声ミキシングアプリケーション。オリジナル音声にBGMを重ね合わせるミキシング処理をクライアントサイド完結で実行する。 機能概要 音声ファイル読み込み: 複数形式の音声ファイルに対応 リアルタイムプレビュー: ミキシング前の音声確認機能 パラメータ調整: 音量バランス、フェードイン/アウト時間、BGM開始位置の設定 ミキシング戦略: オリジナル基準、BGM基準、BGMループの3つの長さ調整モード プリセット機能: よく使用され…

#react#WebAudioAPI#TypeScript#Vite#BGM
VISASQ Dev Blog•3ヶ月前

Vue Fes Japan 2025 にゴールドスポンサーとして参加しました！ & 振り返り会をしました

クリエイティブウォールの前で集合写真！ステキな Vue Fes Japan 2025 クッションや T シャツ、リストバンドなどもたくさん購入しました！🎁 こんにちは！株式会社ビザスクの横断チーム（開発部）の足立です。 Vue Fes Japan 2025 10/25 (土) 大変お疲れ様でした！ ご参加された方には思い出に、ご興味のある方には当日の様子が伝わる記事となれば幸いです！ 🥳 🥳 🥳 Vue Fes とは… vuefes.jp 目次 目次 Vue Fes Japan 2025 と ビザスク メンバー ビザスクでの準備の様子 当日の様子 オープニング ご挨拶 キーノート ビザスクのブ…

#Vue Fes Japan 2025#Vue 3#Vite#フロントエンドフレームワーク#イベントレポート
kickflow Tech Blog•4ヶ月前

Vue Fes Japan 2025 でフロントエンドの未来を感じてきた

プロダクト開発本部でエンジニアをしている秋山です。 入社して3か月ほどが経ち、今回が自分の初めてのテックブログの投稿になります。 これから投稿を増やしていきますので、今後ともよろしくお願いします！ さて、表題の Vue Fes Japan 2025 ですが、弊社は今回シルバースポンサーとして協賛しました。kickflow はフロントエンドが Nuxt 4 で構築されており、日々 Nuxt/Vue にはお世話になりっぱなしです。業務に新たな知見を得る機会としてはもちろん、コミュニティの貢献にもつながるという期待を込めて、この一大イベントに協賛できることを嬉しく感じています。

#Vue Fes Japan 2025#Vue 3#nuxt#フロントエンドエンジニア#Vite
VISASQ Dev Blog•4ヶ月前

【Vue.js】Histoire 設定のつまずきポイント & 対処方法！

【Vue.js】Histoire 設定のつまずきポイント & 対処方法！ はじめに 前提 npm run story:build が code: 'PLUGIN_ERROR', plugin: 'commonjs--resolver' で失敗する Before (例) After (例) npm run story:build の成果物が見当たらない npm run story:preview で URL に謎の . が入る npm run story:dev で 画像や fontawesome のアイコンが表示されない npm run story:preview で画像が表示されない npm…

#VueFesJapan#Vue 3#histoire#GitHub Copilot Agent#Vite
amahisa3のブログ•4ヶ月前

Node.jsのバージョンを20に上げたらCSS importが壊れたので、原因を追ってViteの?rawにたどり着いた話

はじめに 前提 環境 Node.jsのバージョンアップでエラー発生 原因: ビルドツールの動作変更 Node.js 18.x + Vite 3.x 環境での動作 Node.js 20.x + Vite 5.x 環境での動作 補足 @types/css-modules の型定義とのギャップ 対応方法：?raw を使って明示的にCSSを文字列として読み込む 別途: ?inlineもある まとめ 参考 はじめに こんにちは！あめくです。 今日はNode.jsのバージョンを18から20に上げた際に、 CSSのimportが動かなくなったというトラブルに遭遇したので、その原因と対応方法を共有したいと思い…

#nodejs#Vite#JavaScript#Node.js#エラー解決
Leapcell技術ブログ•5ヶ月前

VitePressガイド：インストールからデプロイまで

VitePressの紹介 VitePressは、ViteとVue 3をベースにした静的サイトジェネレーター（SSG）です。Markdownファイルを静的HTMLに変換し、ウェブサイトを素早く構築できます。 VitePressはドキュメンテーションサイトで広く使用されています。例えば、Vue.jsやViteの公式ドキュメントはどちらもVitePressで構築されています。 ドキュメンテーションに加えて、多くの人がVitePressを個人的なブログ作成にも利用しています。Markdownファイルをウェブページに変換するため、技術的な詳細にあまり悩むことなくコンテンツ作成に集中できます。 VuePr…

#Web#プログラミング#Vite#Vue.js