NuxtJS Nuxt3でページ遷移時にページトップにスクロールする
Nuxt3でページ遷移時にページトップにスクロールさせる方法についてです。
ふと、rc.13版にアップグレードしてみるとスクロールトップのオプションが入っているようでした。Transitionのfinishのタイミングでページトップにスク...
2022.11.13
0
0
NuxtJS
NuxtJS 
Unity 【Unity】WebGLでのJavaScript<=>C#の連携
UnityでWebGLビルドした場合のJavaScriptとC#の連携についてのメモです。emscriptenやUnityにはあまり詳しくないので、詳細は公式ドキュメントを参照ください。
環境
Unity 2021.3.5f1
macO...
2022.11.05
0
0
Unity
NuxtJS Nuxt3でのビルド後の環境変数の適用（node-server）
Nuxt3にはdotenvが組み込まれていて、プロジェクトトップにある.envファイルを読み込み環境変数として使用することができます。
devモード時は気にしませんが、ビルド後に例えばnode-serverで実行するような場合、利用者側...
2022.10.24
0
0
NuxtJS
NuxtJS ComposableでComponentを返す方法でUnityのWebGLをコンポーネント化する
Composableの中でComponentを返せたらと考えていたところ、まさにそのアプローチがあった！と感動したので、その方法を採用してUnityのWebGLを返すComposableを作成してみました。
環境
VueUseの利用
Vu...
2022.10.05
0
0
NuxtJS
NuxtJS Nuxt3でwebsocketを使う
Nuxt3のリリースを見ると、SummerからAutumnになっていましたね。リリースが待ち遠しい。。
さて、Nuxt3でwebsocketを使うにはどうするかを調べていたところ、Nuxt2とは少し異なるようでした。本記事では、Nuxt3...
2022.10.03
0
0
NuxtJS
NuxtJS Nuxt3でExpressを使ってみる
はじめに
Nuxt3には、nitro（＋h3）というサーバエンジンが標準で備わっているため、server/apiやserver/routeディレクトリにハンドラファイルを置くだけでAPIが簡単に実装できます。しかし、馴染みのあるexpre...
2022.09.25
0
0
NuxtJS
NuxtJS Vue3 provideしたコンポーネントでinject
vee-validateを見ていて、なるほどこれは参考になると思ったのでメモ。
provide/injectについて、provideで提供したオブジェクトは子ノードでinjectすることで子ノード内に依存関係を持ち込むことができる。pro...
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を使います。pa...
2022.09.06
0
0
NuxtJS
NuxtJS Nuxt3でページにstyleを適用する
Nuxt3でページにスタイルを指定する方法についてです。
Headタグ使う
SFC内に以下のように記述する事でスタイル指定が可能です。
useHeadを使う
Composable APIを使ってscript setupに書くこともできま...
2022.08.30
0
0
NuxtJS
NuxtJS Nuxt3での簡易の認証フローを構築する
Nuxt3でアクセストークンを使った簡易な認証フローの構築をしてみます。
簡易な認証フローでは、route middlewareを使います。route middlewareはNuxt2にも同様にあった仕組みです。サーバーサイド（SSRサー...
2022.08.15
0
0
NuxtJS
中小企業診断士 中小企業診断士 1次試験（令和４年度）を受けてきた
8月6日（土）、７日（日）と中小企業診断士試験を受けてきました。令和３年はコロナの移動制限もあって受験を断念。なので、今回が初めての独学での受験となります。試験対策としては、21年のSTUDYINGさんの教材とTACのスピ問（ほぼこれを中...
2022.08.08
0
0
中小企業診断士
NuxtJS Nuxt3のruntimeConfigで環境変数を設定する
はじめに
nuxt3には、実行時に設定値をロードするための仕組みとしてruntimeConfigというものがある。コンポーネント内からはuseRuntimeConfigや$configで値にアクセスすることができる。サーバサイド（pr...
2022.07.21
0
0
NuxtJS
NuxtJS Nuxt3でtailwindcssを使う
はじめに
nuxt3でtailwindcss（bootstrapのようなcssフレームワーク）を使えるようにします。nuxt3は、本記事掲載時点ではバージョンrc4となっており正式リリースはされてない状況ですが、少しずつ触っていきたいと思...
2022.07.09
0
0
NuxtJS
読書 「アマゾンの最強の働き方」を読んだ
書店で見かけ気になったので購入して読んだ。数々のイノベーションを起こしてきたアマゾンではどのような働き方を実践しているのか、自分の職場や働き方をアップデートするヒントを得たい、というのが本書に向き合うモチベーションだ。
アマゾンといえば、...
2022.04.02
0
0
読書
nodejs Node.jsでumzug+SequelizeによるDBマイグレーション
今回は、Node.jsでデータベースマイグレーションツールであるumzugについて整理したいと思います。umzugを使うと、アプリケーション内やコマンドラインからDBマイグレーションを実行するプログラムを作成することができます。
Sequ...
2022.03.02
0
0
nodejs
NuxtJS Nuxt3をさわってみる
Nuxt3はbeta版になっている、Nuxt3の雰囲気をつかむためインストールから起動するところまでやってみる。
インストール
nuxiという新しいCLIを使う。
nuxiについて、プロジェクトのトップでinfoコマンドを実行してみる。...
2022.02.26
0
0
NuxtJS
日記 開発業務から企画開発業務になる
最近は企画開発業務に携わるようになった。今まで、現場でインフラやアプリケーション開発エンジニアとして過ごしてきたので、慣れない業務にシフトしてあたふたしている。年齢的には良いチャレンジのタイミングでもある。重要なのは、自分の意志でやりたい...
2022.02.26
0
0
日記読書