新しい 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 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 へ移行しようとしたらい... 続きを読む

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

2023/06/23 18 users Qiita rust CodeSandbox Python

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

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

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

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

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の基礎(復習) この記事では以下の... 続きを読む

[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 に関しては他の人よりも深く知っている... 続きを読む

Writable Computed を活用して読みやすいVueコードを書くためのTips - ANDPAD Tech Blog

2022/05/24 12 users Tips ANDPAD ANDPAD Tech Blog

こんにちは、ANDPADフロントエンドエンジニアの小泉（@ykoizumi0903）です。 ANDPADでは入社当初からずっとVueでの開発を行っており、特に直近2年はComposition APIで開発しています。 今回は、Vueでの開発を続けている中で、個人的に最近気に入って積極的に使っている、Writable Computedの話をしたいと思います。 この... 続きを読む

SPA開発とセキュリティ - DOM based XSSを引き起こすインジェクションのVue, React, Angularにおける解説と対策 - Flatt Security Blog

2022/04/07 22 users React angular インジェクション SPA開発 解説

Vue.js logo: ©︎ Evan You (CC BY-NC-SA 4.0 with extra conditions(It’s OK to use logo in technical articles for educational purposes)) / React logo: ©︎ Meta Platforms, Inc. (CC BY 4.0) / Angular logo: ©︎ Google (CC BY 4.0) はじめに こんにちは。株式会社Flatt Securityセキュリティエンジニアの森(@ei01241)... 続きを読む

Reactを使うのかVueを使うのかについて個人的なモチベーションを整理したかった

2022/03/28 216 users React モチベーション 執筆時点 前提条件 変化

本記事はあくまで執筆時点(2022/3/27)での一意見でありますので、今後時間や技術的な変化により参考にならない部分も出てくるかもしれません。 Reactはいいぞ、Vueはいいぞと様々な情報が世の中には溢れているものの、「こういう場合には」という前提条件にあまり言及されていない情報が多いような気がしたので自分なり... 続きを読む

GitHub Discussionsでチームの暗黙知を共有する

2022/03/14 211 users GitHub Discussions 暗黙知 SIer 前職

Tebiki社のWebアプリケーションエンジニアの中山と申します。前職では、SIerでAIアプリの開発を3年弱経験し、現職のTebiki社では、to B向けSaaSの機能開発を行なっています。好きな言語は、C++, Python, Ruby, Vueです！ この記事では、GitHub Discussionsの運用による知識のストック化と、新人オンボーディング時の負担... 続きを読む

高速で開発者体験も抜群！JavaScriptフレームワークの新星「Svelte」とは何か？

2021/12/28 60 users React Svelte 新星 アプリケーション 概要

本連載では、「State of JS 2020」でも注目されているJavaScriptフレームワークのひとつ「Svelte」について、その概要や魅力、Svelteを使用したアプリケーションの開発方法について紹介します。今回は、同じJavaScriptフレームワークであるReactとVueと比較しながら、Svelteの特徴と、2022年にSvelteを使うべき理由につ... 続きを読む

Reactヘビーユーザーが思うSvelteの良いところ - Qiita

2021/12/13 16 users Qiita React Svelte https 皆さん

はじめに https://svelte.jp/ 皆さんはSvelte使っていますか？ 私はReactやVueをよく利用していましたが、最近Svelteにハマっています。 Reactヘビーユーザーの私が感じた、Svelteの良いところ、改善してほしいところを挙げてみました。 Reactを使う上で特に不満があったわけでもないですが、Svelteに乗り換えてみると無... 続きを読む

2021年現在Vueを選択すべきでないと思う理由 感想

2021/09/23 93 users 感想 理由 ローカルスコープ jsx tailwindcss

Vueに対する熱いメッセージを頂いたので感想を述べてみる（ここが解決されればVueを率先して使ってくれるという意味と受け取った） コンポーネントのローカルスコープでコンポーネントを定義しようとするとJSXが必要 わかる 主にTailwindCSSのようなユーティリティファーストとの相性の悪さ スタイリングはテンプレート... 続きを読む

Vue + JSX + Nuxt Composition API で最高のフロント開発体験 - ANDPAD Tech Blog

2021/07/01 137 users jsx API ANDPAD Tech Blog

はじめに ANDPADでフロントエンドの開発を担当している小泉です。 前回、約3ヶ月前にVue Composition APIをチームで導入して得られたメリットという記事を書かせて頂きました。 その後、今年の5月頃からまた新たなプロダクトの立ち上げを担当する機会があり、フロントの技術選定についていろいろ検討する中で、Vue.jsで... 続きを読む

ゲームエンジンにVueを合体させたらゲーム開発が捗った - Qiita

2021/05/28 120 users Qiita ゲームエンジン ゲーム開発

実は、上記ラッパーライブラリ自体は半年ほど前にできていたのですが、記事にする前に、 実際にそれなりの規模のゲームを作ってみて、「実用的にどうなのよ？」ということを確かめたかったです。 もしゲームに関心を持っていただいた方にはWebサイトを見ていただくとして、この記事において伝えたいのは、上記ゲームが色... 続きを読む

これなら簡単！フリック操作に対応したスライダー・カルーセルを実装できるJavaScriptライブラリ -Flicking | コリス

2021/05/31 25 users Git React angular コリス フリック操作

フリック操作に対応したスライダー・カルーセルを実装できるJavaScriptライブラリを紹介します。スマホのフリック操作だけでなく、デスクトップのクリックやドラッグ操作にも対応しています。 シンプルなHTMLで簡単に実装でき、Vue、React、Angularもサポート、単体でも動作するJavaScriptです。 Flicking Flicking -Git... 続きを読む