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

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

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

Vue 2 からVue 3 に移行完了しました！ - クラウドワークス エンジニアブログ

2022/03/02 13 users クラウドワークス 移行 エンジニアブログ Vue 3 ＡＲＴ

Vue.js ロゴ画像提供 : https://github.com/vuejs/art はじめに こんにちは、クラウドワークス ジャンヌチームの@bugfire、@okuto_oyama、@yizknnです。 ジャンヌチームはクラウドワークスの負債を管理下に置くことがミッションのチームです。 問題の大きさに合わせて、直接解決する場合や、他チームと連動したりこちら... 続きを読む

Vue 2で大きなデータを扱うときの性能改善手法

2021/10/01 8 users データ YouTube Node学園 アーカイブ 本エントリ

本エントリは2021年8月30日に開催されたNode学園 37時限目 オンラインにて、「Vue 2で大きなデータを扱うときの性能改善手法」というタイトルで発表させていただいた内容をテックブログ記事化したものです。発表当日の様子はYouTubeにアーカイブで公開されておりますので、そちらも合わせてご覧いただけましたら幸いです... 続きを読む

コンポーネントを小さく・きれいに設計しよう。Vue Composition APIを活用したコンポーネント分割術

2021/09/29 79 users コンポーネント script ロジック アプリケーション 分割

Vue.jsを使った開発でよく悩まされるのがコンポーネントの肥大化です。複雑なアプリケーションになると、1つのコンポーネントが<script>ブロックだけで数百行…なんてこともめずらしくないでしょう。従来、Vue 2までの標準的な書き方では、UIとしてのコンポーネントの細分化はできてもロジックの分割や整理には限界があり... 続きを読む

Vue2のプロジェクトをVue3へマイグレーションする

2021/09/14 5 users Vue3 Vue2 プロジェクト Vuetify 移行手順

Vue 3が正式リリースされてから約1年が経過しました。 Vuetifyのリリース目標である2021年Q3も近づく中でそろそろVue3へのアップデートを検討されている方もいらっしゃることでしょうか？ この記事ではVue 2からVue 3への移行手順を記述していきます。 参考用のプロジェクトとして以下レポジトリを用意しました。 Vue 2... 続きを読む

新Vue.js「Vue 3」でコンポーネント実装法を大きく変える「Composition API」 (1/2)：CodeZine（コードジン）

2020/07/20 15 users CodeZine ユーザーインタフェース コードジン うち

「Vue 3」は、JavaScriptフレームワーク「Vue.js」の次期バージョンで、2016年にリリースされた「Vue 2」以来のメジャーバージョンアップです。本記事では、Vue 3で導入される新機能のうち、新しいコンポーネント記述形式「Composition API」を説明していきます。 はじめに Vue.jsは、Webページのユーザーインタフェース... 続きを読む