Nuxt 3 に直接移行するか Nuxt Bridge を使うか
結論 以下のような条件にあてはまる場合は、Nuxt Bridge を使う恩恵を得られると思っています。 コンポーネントやページ数が多く、比較的大きなアプリケーション Nuxt 3 へ移行するためのリソース（人員、工数）がない 上記に当てはまらない場合は、Nuxt 3 へ直接移行したほうが効率が良いかもしれません。 はじめに Nuxt 3 へ移行する方法として、大きくは下記の二通りだと思っています。 Nuxt Bridge を使って Nuxt 3 へ移行する Nuxt 3 へ直接移行する Nuxt Bridge を作っている身なのでもちろん Nuxt Bridge を使ってほしいですが、使わないほうが移行がスムーズだと思うケースもあるので、個人的にどう選んでいるかを書きます。 Nuxt Bridge を使った方がいいと思うケース コンポーネントやページ数が多く、比較的大きなアプリケーション
Slides for Vue Fes Japan 2023
Nuxt 3.9 is out - a Christmas gift from the Nuxt team bringing Vite 5, interactive server components, new composables, a new loading API and more. A very merry Christmas to you and yours from all Nuxters involved in this release! 🎁🎄 We have lots of features packed into v3.9 and can't wait for you to try them out. ⚡️ Vite 5This release comes with Vite 5 and Rollup 4 support. Module authors may ne
UIT INSIDE ep.158『プロダクトの負担を最小限に。複数サービスにまたがるUIコンポーネントのVue 3移行戦略』
@potato4d が @ytamemot に、PayPayカードと保険サービスにまたがるUIコンポーネントのVue 3マイグレーション戦略について話を聞きました。 About ゲスト紹介 tamemoto さん（デザインエンジニア） 2022年にヤフー株式会社に新卒入社、現在はPayPayカード株式会社に出向 マイグレーションの背景 Vue 2のEOLとセキュリティの観点からの移行必要性 PayPayカードのWeb版とミニアプリ版の両方でVueを使用 共通UIコンポーネントのnpmパッケージ化とそのマイグレーション マイグレーションの概要 約1か月半の期間で実施 機能開発と並行して行う 課題と解決策 カード側のVue 2からNuxt 3への移行 保険側のVue 2からVue 3への移行 ViteとWebpackの両対応の必要性 プロトタイプ機能を使った共通インターフェースの実装 特に苦労
【個人開発】Next.js 13 (App) × GCP × Cloudflare × microCMSを駆使してブログをリニューアルする
はじめに 私は https://rl-japan.com というサイトを運営しています。 これは「ロケットリーグ」というゲームに関するニュースや攻略情報をまとめたサイトです。 日本において、このゲームの情報は限られているため、2021年よりロケットリーグ専門の情報ポータルサイトとして運営を開始しました。現状、ページビュー(PV)やユニークユーザー数(UU)も安定しており、コミュニティへの貢献を実感している今日この頃です。 プロジェクトの背景と目的 以前の「RL Japan」のトップページでは、microCMS様が公式で提供しているオープンソースのテンプレート[1]を採用していました。このテンプレートは複製・改変・商用利用が可能で、ブログ公開に必要な機能が網羅されているため、すぐに公開でき非常に助かりました。技術的にはNuxt.js (Vue2) と Netlify/Netlify Func
はじめに DMM WEBCAMP Advent Calendar 2023の1日目担当のみずたです、よろしくお願いします！🎁🎅🎄 今回作るもの CRUDのRとD（ReadとDestroy）のあるアプリをNext.jsとRailsを用いてハンズオン形式で作ります。CとU（CreateとUpdate）はぜひ自分で機能追加してみてください。 ※解説すると長くなる部分は解説を省略するので、不明な部分はご自身で検索等をお願いしますmm ハンズオンの完成コード↓ https://github.com/mizuta61/frontend_sample https://github.com/mizuta61/backend_sample 記事対象者 フロント（Next.js)とバック（Rails)を分けた開発を経験したい方 バージョン Ruby on Rails 6.1.4 node v20.9.0
藝術的な、余りに藝術的な｜シイハラハスミ
はしがき 先日、自身のポートフォリオサイトをNuxt 3とNewtを使って制作したので、備忘録も兼ね、記事を書いていく。 経緯 このサイトを制作しようと考えた経緯として、僕が既に就活性という立場にある。以前からポートフォリオサイトのようなものは存在していた。今回のこのサイトは以下のサイトを作り直した形になる。 http://i2024040.html.xdomain.jp 元々上記のサイトのサーバは大学の授業で作ったサーバだった。授業内での課題をあげていくサーバだったのだが、課題数が多くなり、いちいちURLを叩くのが面倒臭くなったため、トップページからそれぞれ過大に飛べるようにしようと考えたのが始まりだった。それが、どうせなら全ての課題や作品をまとめてみれるようなポートフォリオ的なサイトにしようと考え、出来上がった。 問題点 このサイトの問題点として、更新するときにコードをいちいち書き換え
Nuxt 3.7 is out, bringing a new CLI, native web streams and response, rendering optimisations, async context support - and much more. 🐣 A New CLIWe've refactored nuxi using unjs/citty and this marks the first Nuxt release that depends on the new version, safely in its own repository. We have grand plans for this - check out some of the features + roadmap discussions in nuxt/cli and please feel fr
先日、Nuxt の公式から以下のようなブログポストがありました。 この中で、Nuxt4 が 2024/06 にリリース予定であるとの言及がありました。 また、合わせて変更予定の内容が以下から確認できるようになっていたので、簡単にではありますがまとめてみました。 利用者目線での注目すべき変更点 ※ 利用者とは、Nuxt を利用してアプリケーションを開発している人を指します。プラグイン開発者などは含まれません。 ディレクトリ構造の改善が特に大きな変更で、大抵の Nuxt プロジェクトで影響を受けるはず。 その他は小さな変更が中心。以下は利用者に関係がありそうな変更点であり、利用していたら影響を受けるはず。 Data fetching composables から params の削除 Data fetching composables の返り値から pending の削除 composable
Nuxt3で「eslintrcとprettier」から「flat configとeslint stylistic」へ移行した話
はじめに こんにちは、株式会社 Gerunda の齋藤です。 昨年 2023 年の 10 月に Flat config への移行に関するロードマップの発表からしばらく経ちました。 2024 年 4 月に eslint の v9 がリリースされます。現在 flat config が標準となり、eslintrc は非推奨となりました。次の v10 では完全に eslintrc は削除され使えなくなる予定になっています。そこで今回 eslintrc から flat config へ移行したので、ここに記録を残すこととします flat config とは そもそも eslint の目指す flat config とは何なのでしょうか。 eslint 公式のThe goals of flat configには以下のように書かれています Logical defaults One way to defi
Announcing Vite 5.1
Vite 5.1 is out! February 8, 2024 Vite 5 was released last November, and it represented another big leap for Vite and the ecosystem. A few weeks ago we celebrated 10 million weekly npm downloads and 900 contributors to the Vite repo. Today, we're excited to announce the release of Vite 5.1. Quick links: Docs, Changelog Docs in other languages: 简体中文, 日本語, Español, Português, 한국어, Deutsch Try Vite
This is possibly the last minor release before Nuxt v4, and so we've packed it full of features and improvements we hope will delight you! ✨ 🪵 Better loggingWhen developing a Nuxt application and using console.log in your application, you may have noticed that these logs are not displayed in your browser console when refreshing the page (during server-side rendering). This can be frustrating, as
歳末！モバイルアプリ開発の “のびしろ” 大放出祭 〜バクラク申請・経費精算編〜 - LayerX エンジニアブログ
バクラク申請・経費精算のモバイルアプリを開発している id:kikuchy です。9日ぶりですね！初見だという方はこちらの記事もどうぞ。 ID/共通管理チームの id:convto さんに教えてもらったCharachorder Oneという変形キーボードを自分用のクリスマスプレゼントに購入しました。 入力が難しすぎてまだ数字が入力できませんが、複数種の文字を入力する際に指を動かさなくて良い、というのは大変画期的だなという体感です。使いこなせると爆速で文字入力できるそうなので頑張ります。 この記事は LayerXテックアドカレ2023 の36日目の記事です。明日は @civitaspo さんが登場です！ 今回はのびしろウィーク企画ということで、バクラク申請・経費精算のモバイルアプリの「のびしろ」を大公開します！ のびしろウィークとは 「LayerXってCTO経験者とかいっぱいいるし、問題なん
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Deep Dive to UnJS and Nuxt 3
Nuxt 3.9 · Nuxt Blog
初めてのNext.js×Railsハンズオン - Qiita
Nuxt 3.7 · Nuxt Blog
Nuxt4 で予定されている変更点まとめ（2024/04現在）
Nuxt 3.11 · Nuxt Blog