Vue2 (nuxt2) で TypeScript の型を守る Tips - Mobile Factory Tech Blog
こんにちは、ブロックチェーンチームの id:d-kimsuon です Vue2 では TypeScript がサポートされており、公式の TypeScript のサポートのドキュメント に従うことで TypeScript で書いていくことができます しかし、素直に書いていくと any 型になってしまったり、実際とは異なる型付けになってしまうポイントがあります この記事では TypeScript で Vue2 (Option API) を書くときに型を厳格にしやすい書き方等を紹介します 省略可能な props には明示的に PropType<型 | undefined> する 型安全な例 型安全でない例 props の型でリテラルに絞っている時、 default には as const をつける 型安全な例 型安全でない例 data の型を as で上書きせず、型注釈を書く 型安全な例 型安
【Nuxt 3移行】ユニットテストをNuxt 2から移行し、実行速度が4倍速くなった話 - メドピア開発者ブログ
こんにちは。フロントエンドエンジニアの相澤 ( @ttt3pu ) です。 みなさま、Nuxt 2 から Nuxt 3 へのアップグレードは順調でしょうか。 メドピアでは、2023年末のVue 2のEOLへ向けて、 各プロダクトで積極的にNuxt 3へのアップグレードを進めています。 現在私の担当しているプロダクトでは、マイグレーション作業自体はほぼ完了しており、 残すはQAテストなどを行うのみと言う段階で、本番リリースまであと一歩というところまで進んでおります！ 🎉 マイグレーションの事例も徐々に増え始めてきて、Nuxt 3のリリース当初よりも段々と移行はしやすくなってきましたが、 個人的に結構大変だったのがユニットテストのマイグレーション作業でした。 当記事では、マイグレーションに当たっての Tips と、ついでに Vitest を導入したことにより、 実行速度が 約 10分 ->
The Intuitive Vue Framework Nuxt を使って信頼ある次世代の Vue.js アプリケーションを構築する Web 開発をシンプルにかつパワフルにするオープンソースフレームワーク
JSer.info #697 - Nuxt 2は2024年6月30日でEnd-of-Life (EOL)となることが発表されました。 Nuxt 2 End-of-Life (EOL) · Nuxt Blog Nuxt 2.xの最終版となる2.18.0が6月末にリリースされる予定となっていて、それ以降はセキュリティアップデートも公式には提供されなくなります。 TypeScript 5.5がリリースされました。 Announcing TypeScript 5.5 - TypeScript TypeScript 5.5では、関数からtype predicatesを推論できるようになり、Array.prototype.filterなどでの絞り込みが簡潔に書けるようになっています。 また、Stage 3のSet Methodsをサポート、JSDocで@import {foo} from "foo"を
Nuxt 2 will reach End of Life (EOL) on June 30th, 2024. We've partnered with HeroDevs on offering Never-Ending Support (NES). Released in 2018, Nuxt 2.0 marked a major milestone, establishing it as a mainstream framework. Over the past six years, many developers adopted Nuxt 2, leading to the creation of numerous impressive projects across the web. However, looking forward, maintaining Nuxt 2 is n
Vueに続いて、Nuxtも3系がリリースされましたね。 VueがだんだんReactっぽくなっていっている気がしてなりません。 Vue3系はtsとの相性が良くなったと聞くのにいまだにts触れていません... Vueすら3系に上げてないのに、Nuxtなんでまだ調べられていないよ、という人！ 一緒に確認していきましょう！ 既存のNuxt 2 プロジェクトについて 既存のNuxt 2 プロジェクトに関しては、Nuxt Bridgeを経由してNuxt 3 にUpgradeすることを公式が強く推奨しています。また、動作に関してもNuxt 3 よりもNuxt Bridgeの方が安定していることを公式が発表しています。（2021-12-15 現在） ですので、既存のNuxt 2 プロジェクトに関しては、Nuxt Bridgeで動作を確認しながら、Nuxt 3系が安定してきたらUpgradeするのが良いかも
Nuxt2をNuxt/Bridge対応したかった
yarn add nuxt-edge@latest yarn add --dev @nuxt/bridge@npm:@nuxt/bridge-edge typescript npx nuxi prepare npx nuxi prepare で型定義生成後、プロジェクトに応じて nuxt.d.ts と nuxt-shims.d.ts を作る https://zenn.dev/link/comments/196aa7b7a89dca nuxt.config.js(ts) で defineNuxtConfig import { defineNuxtConfig } from '@nuxt/bridge'; export default defineNuxtConfig({...}) 型周りが変わっているものがあるので注意 buildModules から @nuxtjs/composition-
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
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Nuxt3 が2022年11月16日に正式リリースされました。 また、Nuxt2 が2023年12月31日に EOL を迎えるということで、今働かせていただいている現場でアップグレードプロジェクトを爆誕させ、その PL をやらせていただくことになりました。 そのアップグレードにおける激動の完遂までの道のりを本記事でまとめようと思いましたので、今後アップグレードを行おうとしている方や、現在実施している方、これから行おうとしている方に読んでいただければと思います。 目次 PJ 始動までの事前準備 いざ、アップグレード！ エラー量が
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nuxt 2 - The Intuitive Vue Framework
2024-06-22のJS: Nuxt 2 EOL、TypeScript 5.5、State of JavaScript 2023の結果
Nuxt 2 End-of-Life (EOL) · Nuxt Blog
Nuxt 2系 → 3系? Nuxt Bridgeとは？ - Qiita
GitHub - nuxt/vite: ⚡ Vite Experience with Nuxt 2
Nuxt2 → Nuxt3 アップグレードを完遂してみて - Qiita