Vue / Vite 関連ライブラリーの読み方 2024

2024/04/04 7 users 口語 フレームワーク ライブラリー 混乱 由来

Vue/Vite 関連のライブラリーの読み方は間違えられやすいものが多く、混乱を招くことがあります。この記事では、2024 年現在における Vue/Vite 関連ライブラリーの正式な読み方や由来をまとめ、正しい知識を共有することを目的としています。 Vue フロントエンド UI フレームワークのひとつ。 「ヴュー」と読む（口語だ... 続きを読む

静的サイトジェネレーター「VitePress 1.0」正式リリース。VueとViteを採用し、高速なWebサイトを構築

2024/03/25 7 users 静的サイトジェネレーター 正式リリース 構築 Markd 基盤

静的サイトジェネレーター「VitePress 1.0」が正式リリースされた。UIフレームワークのVueと高速なバンドラであるViteを基盤に、MarkdownのコンテンツからSPAなWebサイトを構築できる。 オープンソースとして開発されている静的サイトジェネレーターの「VitePress 1.0」正式版がリリースされました。 VitePressは、Markd... 続きを読む

【Vue.js】defineProps はなぜ import 文を書かずに使えるのか【マクロ】

2024/03/07 9 users マクロ script import ref div

<script setup> import { ref, computed } from "vue"; const props = defineProps({ count: Number }); const double = computed(() => props.count * 2); const message = ref("Hello, Vue.js"); </script> <template> <div> <p>{{ message }}</p> <p>{{ props.count }}</p> <p>{{ double }}</p> </div> </template> ... 続きを読む

GitHub - TanStack/time: 🤖⏰ Headless utilities for building time and calendar components in TS/JS, React, Solid, Vue, Svelte and Angular

2024/03/02 7 users SOLID GitHub React time

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert 続きを読む

新しい UI テストの手法を提供するテストライブラリ SafeTest

2024/02/25 100 users React angular Jest Svelte ライブラリ

新しい UI テストの手法を提供するテストライブラリ SafeTest 2024.02.25 SafeTest は Playwright と Jest/Vitest を組み合わせた UI テストライブラリです。特定のライブラリに依存せず、React, Vue, Angular, Svelte などのフレームワークに対応しています。SafeTest は単体テストと Playwright を使った E2E テストの... 続きを読む

Vue & Vite Rustify

2023/12/04 12 users

The Secret Ingredient: How to Understand and Resolve Just about Any Flaky Test 続きを読む

なんでVueを使っているか｜laiso

2023/12/03 8 users laiso React Laravel Nuxt 要件

仕事でVueというかNuxtを選んで使っているんですけど、なんでだっけという部分を思い出してみる Reactも使っているので評価してどちらかを選定する話ではないです まずLaravelで構成されたソースコードがあってここにどうやって機能を後付けするかという部分を考えた 要件として特定のUIを実現するJavaScript SDKがあっ... 続きを読む

Vue Language Server から生まれた Volar.js と、それが秘める可能性

2023/10/28 21 users 可能性 OSS フレームワーク エディタ 汎用

Vue Fes Japan 2023 で発表したスライドです。 発表概要: .vue でエディタの補完機能などを効かせるために、Vue Language Server というツールがあります。実はこのコアは Volar.js という OSS に切り出されています。Volar.js は "あらゆる組み込み言語" のためのフレームワークであり、Vue.js 以外にも利用できる汎用... 続きを読む

SvelteはなぜReactよりも優れているのか

2023/09/05 170 users React Svelte リアクティブ 浮き彫り 仮想 DOM

Svelte は比較的新しいフレームワークです。主に、仮想 DOM の課題が浮き彫りになってきた後で、それを解消しようというモチベーションで開発されています。なぜ Svelte が React や Vue などのように仮想 DOM を採用していにないのかについて、この記事でまとめてみようと思います。 読み書きしやすい：リアクティブな... 続きを読む

Vue3をアゲアゲ↑↑する記事 - Qiita

2023/08/26 40 users Qiita script setup Vue.js Vue3

はじめに こんにちは、フロント歴7年目のエンジニアになります🙂 今回は日頃仕事でお世話になっているVue.jsに感謝の意を込めて、 Vueの素晴らしさを皆さんに少しでも感じて貰えたらと思い、この記事を投稿することにしました。 アゲアゲするとか言って 「どうせSFCが便利とか言いたいんでしょ？」 「script setupが凄く... 続きを読む

Vue 2 から 3 へ移行しようとしたらいちばん大変なのが Vuetify 2 から 3 への移行だった話 - spacelyのブログ

2023/06/30 90 users React spacely 宮坂 ふだん 移行

はじめに 株式会社スペースリー フロントエンドエンジニアの宮坂と申します。 ふだんは3Dビューアやその編集画面のDOM部分をReactやVueで書きつつ、たまにフロントエンド開発環境構築おじさんとして他チームへ出しゃばったりして生きています。 今回はその環境構築に関わるところ、Vue 2 から 3 へ移行しようとしたらい... 続きを読む

【Vue】reactive()って要らなくね？ref()だけでよくね？ - Qiita

2023/06/26 6 users Qiita Reactive ref ワイ Vue3

使用技術 Vue3 + Nuxt3 Composition API TypeScript ワイ、お問い合わせフォームを作りたい ワイ「Vue の Composition API を使って、お問い合わせフォームを作るで！」 ワイ「フォームのデザインはこんな感じや！」 ワイ「いや〜、我ながらイケてるデザインやな！」 ワイ「ほな、Composition APIを使ってフォームの状態... 続きを読む

CodeSandbox が Rust や Python など様々な言語に対応したので Qiita に埋め込んでみた - Qiita

2023/06/23 18 users Qiita rust CodeSandbox Python

Qiita にはさまざまなコンテンツを埋め込み可能です。CodeSandbox も埋め込み可能なコンテンツの一つです。 従来の CodeSandbox はブラウザ上で動作するため React や Vue などのフロントエンドのみ対応していましたが、近年の CodeSandbox は Firecracker の microVM という仮想マシンによる処理の実行が可能になりまし... 続きを読む

2023-06-11のJS: Rspack 0.2、Modern CSS、polywasm

2023/06/11 8 users Loader output bundler rust 実装

JSer.info #647 - Rustで書かれたwebpack互換のbundlerであるRspack 0.2がリリースされました。 Announcing Rspack 0.2 - Rspack Plugin Hooksの追加、ESM形式のoutputに対応、SplitChunksPluginの実装、Data URIのサポートが追加されています。 また、Vue/Svelte/NestJSのloaderのサポートが追加されています。 Modern ... 続きを読む

vite-plugin-ssrt使ってReactとCloudflare WorkersでSSR Streamingする

2023/04/30 6 users React フラグメント vite Qwik ビルダー

Cloudflare Workers micro-frontend のソースを色々弄って、フラグメントをQwikからReactに書き換える過程で、小規模でCloudflare WorkersでSSR StreamingできるReactのビルダーを探していたところ、vite-plugin-ssr を見つけた。 名前の通り、viteでSSRするためのプラグイン。 Vue と React 両方に対応している。 続きを読む

ウェブ制作にも便利！React & Vueで始めるヘッドレスUI - ICS MEDIA

2023/04/13 16 users React ヘッドレスUI ICS MEDIA ウェブ制作

ウェブの表現がリッチになるに従い、コーポレートサイトやキャンペーンページのような「普通のウェブページ」でもモーダルダイアログやアコーディオンといった、ちょっと凝ったUIを見かけることが増えてきました。こうしたUIが必要な場合、皆さんはどのように実装していますか？ 2023年3月にモーダルダイアログの実装に... 続きを読む

Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応

2023/02/21 7 users シンタックスハイライト Dart less Sass jsx

Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応 GoogleはすでにリリースしているWebブラウザのChrome 110と現在開発中のChrome 111に搭載されているDevToolsで、Angular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応したことが明らか... 続きを読む

jQuery使いのエンジニアがReactとNext.jsでWebサイト制作するために最低限押さえておきたいコード（基礎編）

2023/01/23 357 users jQuery React Svelte 構文 jQuery使い

なぜ書いたか 筆者もWebサイト制作をそこそこ長くやってきておりいまは業務でVueを書いたりちょっとReactを書いたりSvelteを書いたりしていますが、2年前くらいまではReactやES6の構文すら書いたことがありませんでした。 WordPressでのサイト制作が多く、機能が少ないサイト制作会社ではjQueryで充分なことも多く、恥ず... 続きを読む

Vite/VueでChrome拡張機能を作ってみる | 4. 環境構築/開発編 - くらげになりたい。

2023/01/14 32 users くらげ aut Chrome拡張機能 vite 備忘録

前回の続き。Vite/CRXJS/Vueで作るときの備忘録(*´ω｀*) www.memory-lovers.blog 使ったサンプルはこちらで公開中(*´ω｀*) github.com 環境構築 プロジェクトの作成 # viteでプロジェクトを作成 $ pnpm create vite chrome-extension-sample --template vue-ts $ cd chrome-extension-sample # .npmrcを設定 $ echo "aut... 続きを読む

[Vue3/TypeScript対応] emitで理解するVue.jsの本質

2023/01/06 17 users React 復習 TypeScript対応 Vue.js 本質

この記事は？ 著者はReactを軸に開発をおこなってきたが、仕事の関係でVueをやることになって「emit」周りの理解が難しく、調べてもなかなかわかりづらかったので改めて記事にすることにした。 対象読者 ・Vueのemitを使う理由がわからない人 ・Vue3•TSでのemitを使い方を知りたい人 Vueの基礎(復習) この記事では以下の... 続きを読む

Nuxt 3 アップデートで VeeValidate v3 から v4 に移行するには - ANDPAD Tech Blog

2022/12/05 9 users ANDPAD Tech Blog Nuxt 3 小泉 開発

この記事は ANDPAD Advent Calendar 2022 の 5日目の記事となります。 ANDPADでフロントエンドエンジニアをしている小泉（@ykoizumi0903）です。Vue / Nuxt.js での開発を行っています。 さて、Vue・Nuxt 界隈でこの年末ホットな話題と言えば、何といっても Nuxt 3 が正式リリースされたことではないでしょうか。 nuxt.c... 続きを読む

[Twitter] React ユーザーが Vue を選ばない理由

2022/09/20 165 users Twitter React ブロッカー 欠点 好奇心

概要 本記事は、 Vue.js コアチームメンバーである @antfu7 氏の以下ツイートに対する回答を個人的にまとめたものです。 React ユーザーの皆さん、 好奇心で聞くのですが、Vue を使ったり試したりするのを妨げているブロッカーや欠点は何ですか？ 注意事項 対立煽りっぽいタイトルにはなっていますが、個人的な好奇心が... 続きを読む

ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19

2022/09/05 480 users jQuery React Nuxt NEXT 暇つぶし

ウェブアプリケーション開発で React や Vue を使うのはまぁよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしに集計してみました。 調査方法 母集団 ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが... 続きを読む

VueをReactにリプレイスしてEasyからSimpleにした話

2022/08/26 15 users React mybest Simple easy テックリード

はじめに こんにちは、株式会社マイベストでフロントエンドのテックリードをしているteppeitaです。 弊社が運営している mybest の技術スタックをVueからReactに移行したので、その時の話を共有したいと思います💪 mybestのフロントエンド紹介 まずはイメージしやすくするために、簡単にmybestのフロントエンドについて... 続きを読む

Vueに対する自分のスタンスをぶっちゃける

2022/07/17 147 users 念頭 スタンス 単著 最初 成長機会

最初から最後まで自己紹介文なので技術的な学びは一切ないことを念頭に置いてご覧ください。 Vue を専門的に書き始めて大体4年くらい経ちました。Vue は技術的にも人脈的にも成長機会を与えてくれた大変恩のあるライブラリです。昨年には縁あって単著も出させてもらいました。Vue に関しては他の人よりも深く知っている... 続きを読む