Hatena Blog Tags
はてなブログ トップ
nuxt
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

nuxt

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
hacomono TECH BLOG•2ヶ月前

tsconfig や TailwindCSS などの設定を NuxtLayer を使って共通化する

See More

この記事は hacomono Advent Calendar 2025 の6日目の記事です みゅーとんです. アドカレ 6日目です. hacomono アドベントカレンダーでは今回 3 回のノルマがあるので頑張ります. 現在 hacomono では新規開発向けの基盤として Nuxt Layer を用いて, 様々な nuxt やら 言語設定やらを共通化する動きをしています.その一端を紹介できればと思います. はじめに Nuxt Layer とは ? 公式ガイドはこちら ざっくりいえば Nuxt の既存のプロジェクトを継承・拡張したプロジェクトを作る機能です. Nuxt のベースプロジェクトに実装…

#nuxt#tailwindcss

関連ブログ

kickflow Tech Blog•3ヶ月前

画面の表示が遅い原因を調査したら Nuxt I18n にコントリビュートしていた

こんにちは、プロダクト開発本部でエンジニアをしている秋山です。 kickflow ではほぼ毎日何らかのリリースを行っており、機能アップデートもハイペースです。今年はこの記事の執筆時点で 58 件のアップデートを行っています。 プロダクトは日毎に改善が進んでいるなか、「初回アクセス時に画面がなかなか表示されずに困っている」という報告が挙がりました。以前はそこまで遅くなかったのに、ここ最近表示の遅さが顕著になったという意見もありました。

#nuxt#OSS#CoreWebVitals#フロントエンドパフォーマンス#i18n
kickflow Tech Blog•4ヶ月前

Vue Fes Japan 2025 でフロントエンドの未来を感じてきた

プロダクト開発本部でエンジニアをしている秋山です。 入社して3か月ほどが経ち、今回が自分の初めてのテックブログの投稿になります。 これから投稿を増やしていきますので、今後ともよろしくお願いします！ さて、表題の Vue Fes Japan 2025 ですが、弊社は今回シルバースポンサーとして協賛しました。kickflow はフロントエンドが Nuxt 4 で構築されており、日々 Nuxt/Vue にはお世話になりっぱなしです。業務に新たな知見を得る機会としてはもちろん、コミュニティの貢献にもつながるという期待を込めて、この一大イベントに協賛できることを嬉しく感じています。

#Vue Fes Japan 2025#Vue 3#nuxt#フロントエンドエンジニア#Vite
VISASQ Dev Blog•10ヶ月前

Nuxt Devtools で開発効率を高めたい

はじめに こんにちは！クライアント開発チームの安野です。 クライアント開発チームでは、クライアントポータルという to B 向けのサービス開発を担当しており、私はそこでフロントエンド・バックエンドの開発に携わっています。 クライアントポータルの内容はこちらからも確認できるので、ご興味があれば是非ご一読いただけますと幸いです！ square.visasq.com そんなクライアント開発チームですが、先日 Nuxt の更新を行いました。 tech.visasq.com 更新に伴ってNuxt Devtools も利用可能となったため、それが持つ機能やどんなことができるのか調べてみました。 Nuxt …

#DevTools
Tak Log•10ヶ月前

NuxtプロジェクトでHistoireを利用する

はじめに コンポーネントカタログとしてStorybookが有名ですが、こいつはReactベースらしいです。 使ったことないので詳しくないんですけど。 私の関わるプロジェクトではVue.jsを利用することが多いです。 VueベースのコンポーネントカタログとしてHistoire（イストワール）というものがあるというのを知りました。 histoire.dev フロントエンドの開発をしていると、1個のコンポーネントだけ表示してチマチマ修正したいという欲求があったのですが、コンポーネントカタログはこの欲求を満たしてくれるものなので、最近ではなくてはならないものになってきてます。 Vueを利用したプロジェ…

#vuejs#nuxt#histoire
every Tech Blog•2年前

Vue.js v-tokyo Meetup #21 で登壇してきました

はじめに こんにちは、Retail Hub 事業部でエンジニアを務めている 羽馬 です。 先日、Vue.js 日本ユーザーグループ主催の Vue.js v-tokyo Meetup #21 に登壇する貴重な機会をいただきました。本記事では、その経験を通じて得られた知見や、Vue.js 開発における効率化のヒントをご紹介します。 vuejs-meetup.connpass.com 登壇テーマ：VueUseで実現するVue.js開発の効率化 今回の登壇では、Vue.js 開発者にとって強力な味方となる「VueUse」というライブラリについて紹介しました。発表資料は以下からご覧いただけます spea…

#Vue#nuxt#vuefes
メドピア開発者ブログ•2年前

Nuxt 3 への移行に Nuxt Bridge を使うのはいかが？

こんにちは！フロントエンドエンジニアの土屋 (@tutti2612) です。 いよいよ Nuxt 2 の EOL が迫ってきましたね。 nuxt.com 先日、弊社でもとあるプロダクトの Nuxt 3 への移行を完了させました。 メドピアでは既に複数のプロダクトで Nuxt 3 への移行を行ってきましたが、今回の移行では今までとは違ったアプローチを取りましたので、その詳細をお伝えしたいと思います。 これから Nuxt 3 への移行を考えている方にとって、少しでもお役に立てれば幸いです。 今回の移行の特徴 Nuxt Bridge の使用 積極的な新機能開発を行いながらのビッグバンリリース 成功の…

#nuxt
iimon TECH BLOG•2年前

Nuxt2からReactに移行を決めた話

初めましてiimonエンジニアの山根です！ 私は改善チームとして運用チームの間に落ちるタスクや、主にフロントエンドのDX向上の為の業務を担当しています。 1. 背景 2.結論 3. Reactに移行を決めた経緯 3.1. NuxtBridgeを使う移行が険しかった 3.2. 一気に3に上げるのも険しかった 3.2.1. ライブラリの問題 3.2.2. Nuxt2の状態で進められる移行タスクを進める必要があった 3.3. Nuxtを今後数年使うのか考え直す 3.3.1. エコシステムの規模 3.3.2. Nuxtを創業当初採用していた背景（個人的推測） 4. 移行の進め方（検討中） 4.1. 画…

#react#nuxt#NuxtBridge
kickflow Tech Blog•2年前

Nuxt 3への移行がもうすぐ終わりそうです

こんにちは、CTOの小林です。年々歳をとるにつれて、1年がどんどん短く感じるようになってきました。12月なんて体感で3日くらいしかないような気がします。 「師走」ということで、Stable Diffusionで生成した「走る師匠」の画像 kickflowではこの1年は通常の機能開発と並行して、Nuxt 2から3へのバージョンアップを行っていました。本格的な移行作業は今年の10月ぐらい始めたのですが、移行のための調査や事前準備はNuxt 3がリリースされた2022年の11月から開始しているので、1年以上かかった長期プロジェクトとなります。今日はNuxt 3へのバージョンアップにkickflowが…

#Vue#Vuetify
SO Technologies 開発者ブログ•2年前

AIファーストエディタ「Cursor」で大規模フロントエンド開発

1. はじめに こんにちは。ATOM事業部フロントエンドテックリード兼デザイナーの河原です。 今回は話題のAIファーストエディタCursorを、Vue(Nuxt)を使った大規模なWEBアプリの開発現場で活用できるか試してみました。 Cursorとは AIの活用を前提に設計されたコードエディターです。 Visual Studio Code（VSCode）をベースとして、ChatGPTが組み込まれています。 プロジェクト全体のコードを理解し、文脈に基づいた提案や最適化を行います。 プロジェクト全体を理解できるため、単なるコードスニペットの補完以上のことが可能です。 また、AIに特化した操作のユーザ…

#AI#Vue