スタディスト技術支援ユニットの笹木 (@s_sasaki_0529) です。2022年上半期、およそ500コンポーネントを持つVue 2 プロダクトである Teachme Biz を、半年間に渡る単独作業を経て、Vue 3 に移行することに成功しました。本記事では、私達がどのようにして、機能開発は止めずにバージョンアップや破壊的変更への対応を行えたのかを簡単に振り返ろうと思います。 昨年のTypeScript 移行の次のステップとして、今年はVue 3 移行を実現することにより、相乗効果でのフロントエンド開発体験の向上を実現しました。 モチベーションTeachme Biz をVue 3 に移行するモチベーションは概ね以下になります。 モダンブラウザに合わせてリアーキテクチャリングされたVue 3 の恩恵を受けることVue 2 への機能追加・改修が 2.7 で終了してしまった
mizchi/redux-workerized 作った。 yarn add redux-workerize で入る。 元々はreact-hooks で redux へのアダプタを書いていただけのライブラリだったが…TypeScript フレンドリーなAPIにするReactRedux.Provider の異なるAPI表現だけじゃ面白くない じゃあ Redux.Store を worker に置いて postMessage で更新しようmapStateToProps や更新処理の抑制の処理もCPU使うから、worker に置こう JSON飛び交ってるだけだし、React だけじゃつまらないからVue Plugin も提供しよう 結果、ビジネスロジックが Worker に切り出された上で、React とVue が同じ Store を共有するようになった。 どうなってるかというと

$vue init nuxt-community/starter-template <project-name> $ cd <project-name> $ npm install $ npm run dev こちらの手順通りにプロジェクトを作成して開発していったのはのはいいのだけど、 途中からtypescriptで書きたくなったので、導入したときのメモです。 正規の手順の場合? nuxt.js +typescriptでプロジェクトを作成する場合、すでにテンプレートが用意されております。 Nuxt.js +TypeScript + Sass + ESLint 事始め

vue-element-admin is a production-ready front-end solution for admin interfaces.It is based onvue and uses theUI Toolkit element-ui.vue-element-admin is based on the newest development stack ofvue andit has a built-in i18n solution, typicaltemplates for enterprise applications, and lots of awesome features.It helps youbuild large and complex Single-Page Applications. I believe whatever yo
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く