NuxtJS ComposableでComponentを返す方法でUnityのWebGLをコンポーネント化する
Composableの中でComponentを返せたらと考えていたところ、まさにそのアプローチがあった！と感動したので、その方法を採用してUnityのWebGLを返すComposableを作成してみました。環境VueUseの利用VueUse...
2022.10.05
0
0
NuxtJS
IT
NuxtJS 
NuxtJS Nuxt3でwebsocketを使う
Nuxt3のリリースを見ると、SummerからAutumnになっていましたね。リリースが待ち遠しい。。さて、Nuxt3でwebsocketを使うにはどうするかを調べていたところ、Nuxt2とは少し異なるようでした。本記事では、Nuxt3でw...
2022.10.03
0
0
NuxtJS
NuxtJS Nuxt3でExpressを使ってみる
はじめにNuxt3には、nitro（＋h3）というサーバエンジンが標準で備わっているため、server/apiやserver/routeディレクトリにハンドラファイルを置くだけでAPIが簡単に実装できます。しかし、馴染みのあるexpress...
2022.09.25
0
0
NuxtJS
NuxtJS Vue3 provideしたコンポーネントでinject
vee-validateを見ていて、なるほどこれは参考になると思ったのでメモ。provide/injectについて、provideで提供したオブジェクトは子ノードでinjectすることで子ノード内に依存関係を持ち込むことができる。provi...
2022.09.21
0
0
NuxtJS
NuxtJS Nuxt3でvee-validate4（Composable API）を使う
引き続きNuxt3のトピックです。Vue3のUIフレームワークであるvee-validateの組み合わせでフォームのバリデーションを組んでみます。というのも、vee-validate4の使用について少しハマってしまったので、その備忘録をかね...
2022.09.18
0
0
NuxtJS
NuxtJS Nuxt3 ページごとにタイトルを変える
Nuxt3でページごとにタイトルを変える方法について記述します。正式リリースされていないので変わる可能性もゼロではないですが。useHeadとtitleTemplateを使うapp.vueでtitleTemplateを使います。pagesデ...
2022.09.06
0
0
NuxtJS
NuxtJS Nuxt3でページにstyleを適用する
Nuxt3でページにスタイルを指定する方法についてです。Headタグ使うSFC内に以下のように記述する事でスタイル指定が可能です。useHeadを使うComposable APIを使ってscript setupに書くこともできます。useH...
2022.08.30
0
0
NuxtJS
NuxtJS Nuxt3での簡易の認証フローを構築する
Nuxt3でアクセストークンを使った簡易な認証フローの構築をしてみます。簡易な認証フローでは、route middlewareを使います。route middlewareはNuxt2にも同様にあった仕組みです。サーバーサイド（SSRサーバ初...
2022.08.15
0
0
NuxtJS
NuxtJS Nuxt3のruntimeConfigで環境変数を設定する
はじめにnuxt3には、実行時に設定値をロードするための仕組みとしてruntimeConfigというものがある。コンポーネント内からはuseRuntimeConfigや$configで値にアクセスすることができる。サーバサイド（privat...
2022.07.21
0
0
NuxtJS
NuxtJS Nuxt3でtailwindcssを使う
はじめにnuxt3でtailwindcss（bootstrapのようなcssフレームワーク）を使えるようにします。nuxt3は、本記事掲載時点ではバージョンrc4となっており正式リリースはされてない状況ですが、少しずつ触っていきたいと思いま...
2022.07.09
0
0
NuxtJS
nodejs Node.jsでumzug+SequelizeによるDBマイグレーション
今回は、Node.jsでデータベースマイグレーションツールであるumzugについて整理したいと思います。umzugを使うと、アプリケーション内やコマンドラインからDBマイグレーションを実行するプログラムを作成することができます。Sequel...
2022.03.02
0
0
nodejs
NuxtJS Nuxt3をさわってみる
Nuxt3はbeta版になっている、Nuxt3の雰囲気をつかむためインストールから起動するところまでやってみる。インストールnuxiという新しいCLIを使う。nuxiについて、プロジェクトのトップでinfoコマンドを実行してみる。ディレクト...
2022.02.26
0
0
NuxtJS
mattermost Mattermost Dockerのconfig.jsonの指定
Mattermostのdockerコンテナで、mattermostコマンドを使って設定更新操作を行なうと、あらかじめ作成しておいたconfig.jsonが何故が初期化されてしまう事象に遭遇してしまった、？？。（再現性を確認できていないが、p...
2021.12.20
0
0
mattermost
nginx nginx http/3を動かす
NginxでHTTP/3を動かしてみます。HTTP/3はQUICというプロトコルに基づいているようです。詳しくは理解していないので追々学んでいきたいと思います。まずは、ローカルで動かしてどのようなデータやり取りが行われているのかwiresh...
2021.12.17
0
0
nginx