nuxt3 | デバッグライフ

Nuxt3でsequelize7を使う

byebyehaikikyou — Sat, 08 Jun 2024 16:33:24 +0000

ORMであるsequelizeのバージョン７（執筆時点でalpha）では、デコレータを使ったモデル定義が可能です。本記事では、Nuxt3でsequelize７を使ってデータベースを検索してその結果を返すまでのステップを記 […]

byebyehaikikyou — Wed, 26 Jul 2023 12:04:58 +0000

Nuxt3でビルド後にimgやfaviconの画像が404になってしまい調べた時のメモです。目次環境URLの指定箇所ビルドするソースコードビルド後のソースimgのsrcの箇所独自のコンポーネントの引数nuxt.con […]

byebyehaikikyou — Sat, 22 Jul 2023 16:49:09 +0000

開発時と本番時では画像等のリソースを異なるサーバに配置することがよくあると思います。例えば、画像等はAWSのS3に配置しアプリケーションはEC2に配置するなどです。今回は、Nuxt3で画像等の静的リソースを配置する方法に […]

byebyehaikikyou — Wed, 26 Apr 2023 13:27:47 +0000

目次はじめにパターンserver/apiでチェックserver/middlewareでチェック独自のeventHandlerでチェック参考リンクはじめに前回Nuxt3の@sidebase/nuxt-authで認証処 […]

byebyehaikikyou — Mon, 17 Apr 2023 13:22:58 +0000

以前、以下の投稿で簡易な認証機能を試してみました。しかし、以下は認証フローのイメージを掴むための簡易なサンプルでしたので機能は不十分でした。 Nuxt3での簡易の認証フローを構築するNuxt3でアクセストークンを使った簡 […]

byebyehaikikyou — Fri, 14 Apr 2023 13:09:21 +0000

花粉症に悩まされる時期がまだまだ続いておりますが、強力な薬を服用することで凌いでます。さて、今回はnuxt3でファイルアップロードを実装する方法を見ていきます。nodejsのexpressアプリケーションでは、mult […]

byebyehaikikyou — Sun, 02 Apr 2023 11:36:09 +0000

心地よい春の季節となりました、一方で私にとっては毎年悩まされる花粉症の時期でもあります。人一倍症状が強いので、きつめの薬を飲んで耐え忍んでいる今日この頃です。しかし、今年はかなりキツめな気がしてます、、一日中鼻がむずむず […]

byebyehaikikyou — Tue, 21 Mar 2023 15:21:48 +0000

Webブラウザ上でネイティブコードを実行する仕組みにWebAssembly（wasm）という仕組みがあります。高度な画像処理などの計算をネイティブで高速に実行することでアプリケーションのパフォーマンスが向上しユーザー体験 […]

byebyehaikikyou — Wed, 01 Mar 2023 13:57:54 +0000

前回は以下の記事でNuxt3にマークダウンエディタのeasymdeを導入してみました。 Nuxt3でマークダウンエディタを使う最近は個人的にnuxt3をよく触っています。練習としてちょっとしたアプリを作っているのですが、 […]

byebyehaikikyou — Sat, 11 Feb 2023 13:26:28 +0000

異なるデバイスでもフォントを統一かつ綺麗で見やすいフォントを使いたい。今回はNuxt3でGoogleフォントを使う方法について記述します。目次環境Googleフォントを使う方法headタグに追加cssの@import […]