NuxtJS nuxt3のserver/apiで認証済みか否かをチェックする
はじめに前回Nuxt3の@sidebase/nuxt-authで認証処理を作成しました。今回はserver/apiやmiddlewareで認証済みかチェックする処理を作ります。パターン以下３つのパターンで書いてみます。server/apiで...
2023.04.26
0
0
NuxtJS
IT
NuxtJS 
NuxtJS Nuxt3でNuxt-Authモジュールを使って認証処理をつくる
以前、以下の投稿で簡易な認証機能を試してみました。しかし、以下は認証フローのイメージを掴むための簡易なサンプルでしたので機能は不十分でした。今回は、Nuxt-Authというモジュールを使って認証機能を組み込むための方法について見ていきたいと...
2023.04.17
0
0
NuxtJS
NuxtJS nuxt3(h3の関数)でのファイルアップロード
花粉症に悩まされる時期がまだまだ続いておりますが、強力な薬を服用することで凌いでます。さて、今回はnuxt3でファイルアップロードを実装する方法を見ていきます。nodejsのexpressアプリケーションでは、multerやformidab...
2023.04.14
0
0
NuxtJS
NuxtJS nuxt3でnuxt-unity-webglモジュールを作成
nuxt3でunity webglを簡単に組み込みできるnpmモジュールを書いてみました。unityのwebglビルドを配置してコンポーネントを指定するだけです。windowのリサイズに合わせてcanvasタグのサイズも変わるようにしていま...
2023.04.10
0
0
NuxtJS
NuxtJS Nuxt3＋Electronで簡易なアプリを作成してみる
心地よい春の季節となりました、一方で私にとっては毎年悩まされる花粉症の時期でもあります。人一倍症状が強いので、きつめの薬を飲んで耐え忍んでいる今日この頃です。しかし、今年はかなりキツめな気がしてます、、一日中鼻がむずむずし、鼻水も止まりませ...
2023.04.02
0
0
NuxtJS
NuxtJS Nuxt3でwasmを実行する
Webブラウザ上でネイティブコードを実行する仕組みにWebAssembly（wasm）という仕組みがあります。高度な画像処理などの計算をネイティブで高速に実行することでアプリケーションのパフォーマンスが向上しユーザー体験の向上が期待できます...
2023.03.22
0
0
NuxtJS
NuxtJS Nuxt3でcodemirrorに絵文字ピッカーを追加する
前回は以下の記事でNuxt3にマークダウンエディタのeasymdeを導入してみました。マークダウンで文字入力できるようになったら絵文字も入力したくなります。今回はマークダウンエディタに絵文字ピッカーを組み込んでみます。環境Node.js v...
2023.03.01
0
0
NuxtJS
NuxtJS Nuxt3でgoogle-fontsを使う
異なるデバイスでもフォントを統一かつ綺麗で見やすいフォントを使いたい。今回はNuxt3でGoogleフォントを使う方法について記述します。環境macOS 10.15.7Nuxt 3.2.0nuxtjs/google-fonts 3.0.0-...
2023.02.11
0
0
NuxtJS
NuxtJS Nuxt3でマークダウンエディタを使う
最近は個人的にnuxt3をよく触っています。練習としてちょっとしたアプリを作っているのですが、何らかの文書をマークダウンで扱えると文書構造を表現できて便利です。そこで、今回はnuxt3でマークダウンエディタを扱ってみます。nuxt3（vue...
2022.12.28
0
0
NuxtJS
NuxtJS Nuxt3でprimevueを使う
先月2022/11にNuxt3のstable版がリリースがされ、いよいよNuxt3を積極的に使っていける状況となりました🎉今回はvue3にも対応しているprimevueというフレームワークを使ってデザインをしてみます。primevueですが...
2022.12.10
0
0
NuxtJS
NuxtJS vue-audio-visualでMediaStreamの音声入力を可視化する
最近はWeb会議も当たり前になってきました。ですが、Web会議の始まる前の「声は聞こえてますか」「画面は見えてますか」のやりとりには未だに慣れません😅あの一瞬し〜んとなるのがなんとも、、さて、今回はWeb会議のマイク入力がちゃんと拾えている...
2022.12.05
0
0
NuxtJSvuejs
NuxtJS Nuxt3でページ遷移時にページトップにスクロールする
Nuxt3でページ遷移時にページトップにスクロールさせる方法についてです。ふと、rc.13版にアップグレードしてみるとスクロールトップのオプションが入っているようでした。Transitionのfinishのタイミングでページトップにスクロー...
2022.11.13
0
0
NuxtJS
Unity 【Unity】WebGLでのJavaScript<=>C#の連携
UnityでWebGLビルドした場合のJavaScriptとC#の連携についてのメモです。emscriptenやUnityにはあまり詳しくないので、詳細は公式ドキュメントを参照ください。環境Unity 2021.3.5f1macOS 10....
2022.11.05
0
0
Unity
NuxtJS Nuxt3でのビルド後の環境変数の適用（node-server）
Nuxt3にはdotenvが組み込まれていて、プロジェクトトップにある.envファイルを読み込み環境変数として使用することができます。devモード時は気にしませんが、ビルド後に例えばnode-serverで実行するような場合、利用者側でno...
2022.10.24
0
0
NuxtJS