Hatena Blog Tags
はてなブログ トップ
Nuxt2
このタグでブログを書く

Nuxt2

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

Vue コンポーネントを動的に外部から読み込む

こんにちは、開発グループの和田（ニックネームはなつです）です。 普段は大阪からリモートで、hacomono のエンタープライズ領域（ = アドオン開発基盤周辺）を主に担当しております。 大手のお客様にシステム導入する際、Saas であっても個別の要件をいただくことは往々にしてあるかと思います。 hacomono ではプロダクトとしては対応しない場合でも、アドオンとして積極的に個別開発を行っており、その中でもよくある任意のページを組み込みたい、という要望を実現するためにとったアプローチを紹介できればと思います。 アプローチ 技術的な要件・前提条件 Vue2 / Nuxt2 ES6 クライアントサ…

#Nuxt2#Vue2#hacomono#frontend

関連ブログ

ANDPAD Tech Blog•6日前

Nuxt 3 × Vitest でユニットテストのエラーを全て解消するための調査レポート

Nuxt 3 × Vitest で既存のユニットテストを全て通すための調査レポート こんにちは、ANDPADでフロントエンドエンジニアをしている小泉（@ykoizumi0903）です。 昨年末に Nuxt 3 が正式リリースされて以降、アップデートに向けた移行作業を粛々と進めています！ 今回はその中でも、ユニットテストを Nuxt 3 に対応させる際に苦労したポイントや対処法についてご紹介したいと思います。 私達のチームでは昨年秋以降、コンポーネントユニットテストの拡充に力を入れてきていて、その一環として元々 Jest から Vitest にテストツールを移行していました。 しかし、Nuxt …

くらげになりたい。•19日前

Nuxt2.15(Vue2.6)からNuxt2.16(Vue2.7)に更新する

Nuxt3への移行の前段階として、Vue2.7にする方法を調べたときの備忘録(*´ω｀*) 以前はnuxt-edgeを使ってたけど、いつのまにかNuxt2.16が出てた(*´ω｀*) Release v2.16.2 · nuxt/nuxt Vue2.7について Vue3で追加された機能のいくつかが使える様になっている。 ある程度、Nuxt2+Vue2.7で書き換えを行ってから、 Nuxt3+Vue3にするのが良さそう。 Vue 2.7 "Naruto" Released | The Vue Point できるようになること Composition API SFC <script setup> …

Link and Motivation Developers' Blog•22日前

「Vue.js v-tokyo Meetup #16」参加レポ

# はじめに # イベント概要 # タイムテーブル # スポットスポンサーセッション ## 要約 ## 詳細 # LT ## 要約 # メインセッション ## 要約 useAsyncData useFetch # 座談会およびQ&A ## 印象に残った話 Vue3へのマイグレート方法について 座談会登壇者のNuxt使用状況について # 個人的な感想 現在関わっているプロダクトにNuxtを導入するかどうか # さいごに # はじめに こんにちは。イネーブリングチームでフロントエンド領域のリードエンジニアをしている鵜木(@nokki_y)です。 今回は先日参加した「Vue.js v-tokyo M…

もがき系プログラマの日常•24日前

nuxt-basic-auth-moduleで簡単basic認証

はじめに こんばんは。 めちゃめちゃ簡単にnuxtでbasic認証をかけられたので備忘録です。 本題 www.npmjs.com ほぼほぼチュートリアル通りです。 僕が試した環境は nuxt2です。 install $ yarn add nuxt-basic-auth-module setting 設定もめちゃめちゃ簡単で、 nuxt.config.js の設定に以下を追加。 // モジュール読み込み modules: [ 'nuxt-basic-auth-module' ], // basic認証の設定 basic: { name: '******', pass: '******', ena…

身長191cmエンジニアのブログ•1ヶ月前

Nuxt3 (Vue3)の変更点をまとめてみた（Plugins, Composables, Composition API）

ここのところはReactの記事を書いていましたが、最近業務でNuxt3へのアップデートを行っているのでその備忘録も兼ねてまとめていきたいと思います。 大きく分けてPlugins, Composables, Composition APIについて。 Plugins Nuxtでは自作の関数や外部パッケージ等をプラグインとして使うことで拡張することができます。 Nuxt2ではこんな感じでした。 // /plugins/hoge.js export default (context, inject) => { inject('hoge', () => { console.log('hoge') }) …

くらげになりたい。•1ヶ月前

iPhone iOS16以上でFirebase AuthのsignInWithRedirectを使えるようにする

iPhone iOS16以上だとFirebase AuthのsignInWithRedirect/linkWithRedirectがそのままで使えないらしい。。 Login to Firebase does not work on Safari 16.1+ · Issue #6716 · firebase/firebase-js-sdk ベストプラクティスとして対応方法が載っていたので、 試してみたときの備忘録(*´ω｀*) サードパーティのストレージ アクセスをブロックするブラウザーで signInWithRedirect を使用するためのベスト プラクティス | Firebase うまくい…

カクカクしかじか•2ヶ月前

Jestでnuxt-svg-loaderを使ったVueテンプレートのテスト実行時にSVGファイルをパースする方法

結論 プロジェクト直下に SVGファイルをテスト実行時にパースするファイル (svgTransform.js) を定義して、Jestでそれを読み込むようにする github.com 各パッケージのバージョン nuxt@2.15.8 vue@2.6.14 @vue/test-utils@1.3.3 @vue/vue2-jest@29.2.0 jest@29.3.1 ts-jest@29.0.3 nuxt-svg-loader@1.2.0 svgTransform.js // NOTE: JestでSVGをパースするためのファイル // 参考：https://github.com/damianst…

くらげになりたい。•2ヶ月前

Buefyのb-iconをiconifyに置き換えてみる

Nuxt2のプロジェクトのNuxt3化をしてる途中。 nuxt-modules/iconが使いたいけど、 Nuxt2には対応していないよう。。 とりあえず、Nuxt2でIconifyを使える用意して、 Buefyのb-iconを置き換えれるようにしたときの備忘録。 iconifyの導入 Iconify for Vue 2 Icônes インストール $ npm install --save-dev @iconify/vue2 プラグインの作成 // plugins/iconify.ts import { Icon } from "@iconify/vue2"; import Vue from …

jackmiwamiwa devblog•2ヶ月前

Nuxt2 から Nuxt3にアップデートを行う

個人で開発しているものをNuxt2からNuxt3にアップデートしたため、その時に対応したこと等を記載していきます。 Nuxt2からNuxt3にアップデートしようと思った理由について Vue2が2023年末にサポートが切れてしまうためVue3にアップデートさせる必要があった vue2が2023年12月31日にサポート終了 (EOL) でNuxt2がVue2のみのサポートのため、Vue3サポートがされているNuxt3にアップデートする必要があったため。 Vue2のサポートについて v2.vuejs.org Nuxt2, Nuxt Bridge, Nuxt3で対応されているものについて nuxt.c…

Photoruction工事中！•3ヶ月前

Nuxt3 × Vuetify × Instagram APIで写真検索アプリ作ってみよう

こんにちは！株式会社フォトラクションでプロダクトマネージャーをしています南風原（はえばる）です。 Photoruction Advent Calendar 2022の12日目の記事になります。 はじめに ついに、待望のNuxt3が正式リリースされましたね👏 これからNuxt3を使ってみようと思っている初心者向けに、Nuxt3 × Vuetify × Instagram APIを用いた簡単な写真検索アプリをハンズオン形式で紹介していきたいと思います。 [前提]開発環境の各種バージョンは以下になります os: macOS Monterey node: v18.12.1 yarn: 1.22.11 …

ノエリアラボラトリー•3ヶ月前

今年1年の話

adventar.org 転職活動をしていないのに気づいたら転職が決まっていた - ノエリアラボラトリー この話のその後の話とか

STORES Product Blog•3ヶ月前

Nuxt 3 への移行に向けて頑張ってます

STORES フロントエンドエンジニアの wattanx です。 2022/11/16、ついに Nuxt 3 が正式リリースされましたね。 nuxt.com 私たちのプロダクトである STORES でも Nuxt を利用しており、絶賛 Nuxt 3 への移行中です。 本記事では、私たちのプロダクトにおいてどのようにNuxt 3 に移行しようとしているのか紹介します。 また、これは STORES Advent Calendar 2022 の 11日目の記事です。 移行の基本方針 Nuxt 2 を利用しているプロダクトを Nuxt 3 に移行する場合、以下の2とおりの方法が一般的だと思っています。…