スポンサーリンク
資格関連

ブログのCKA認定資格の受験体験記の記事が「freelance hub」で紹介されました

当ブログのCKAの受験体験記の記事を、フリーランスエンジニア・クリエイターさん向けの案件紹介をされている「Freelance hub(運営会社:レバレジーズ株式会社)」さんのサイトでご紹介いただきました。 ご紹介いただいた記事タイトルは、『...
0
NuxtJS

Nuxt3でgoogle-fontsを使う

異なるデバイスでもフォントを統一かつ綺麗で見やすいフォントを使いたい。今回はNuxt3でGoogleフォントを使う方法について記述します。 環境 macOS 10.15.7 Nuxt 3.2.0 nuxtjs/google-fonts 3....
0
NuxtJS

Nuxt3でマークダウンエディタを使う

最近は個人的にnuxt3をよく触っています。練習としてちょっとしたアプリを作っているのですが、何らかの文書をマークダウンで扱えると文書構造を表現できて便利です。そこで、今回はnuxt3でマークダウンエディタを扱ってみます。 nuxt3(vu...
0
NuxtJS

Nuxt3でprimevueを使う

先月2022/11にNuxt3のstable版がリリースがされ、いよいよNuxt3を積極的に使っていける状況となりました🎉 今回はvue3にも対応しているprimevueというフレームワークを使ってデザインをしてみます。primevueです...
0
資格関連

色彩検定2級に合格しました

ふとしたきっかけで色についてもっと知りたいと思い立ち、10月くらいか隙間時間を使って色彩について学んでいました。11月13日に色彩検定2級を受験し無事合格しました。 今回3級は受けずいきなり2級を受験しました。色彩検定では3級に合格していな...
0
NuxtJS

vue-audio-visualでMediaStreamの音声入力を可視化する

最近はWeb会議も当たり前になってきました。ですが、Web会議の始まる前の「声は聞こえてますか」「画面は見えてますか」のやりとりには未だに慣れません😅あの一瞬し〜んとなるのがなんとも、、 さて、今回はWeb会議のマイク入力がちゃんと拾えてい...
0
NuxtJS

Nuxt3でページ遷移時にページトップにスクロールする

Nuxt3でページ遷移時にページトップにスクロールさせる方法についてです。 ふと、rc.13版にアップグレードしてみるとスクロールトップのオプションが入っているようでした。Transitionのfinishのタイミングでページトップにスクロ...
0
Unity

【Unity】WebGLでのJavaScript<=>C#の連携

UnityでWebGLビルドした場合のJavaScriptとC#の連携についてのメモです。emscriptenやUnityにはあまり詳しくないので、詳細は公式ドキュメントを参照ください。 環境 Unity 2021.3.5f1 macOS ...
0
NuxtJS

Nuxt3でのビルド後の環境変数の適用(node-server)

Nuxt3にはdotenvが組み込まれていて、プロジェクトトップにある.envファイルを読み込み環境変数として使用することができます。 devモード時は気にしませんが、ビルド後に例えばnode-serverで実行するような場合、利用者側でn...
0
NuxtJS

ComposableでComponentを返す方法でUnityのWebGLをコンポーネント化する

Composableの中でComponentを返せたらと考えていたところ、まさにそのアプローチがあった!と感動したので、その方法を採用してUnityのWebGLを返すComposableを作成してみました。 環境 VueUseの利用 Vue...
0
NuxtJS

Nuxt3でwebsocketを使う

Nuxt3のリリースを見ると、SummerからAutumnになっていましたね。リリースが待ち遠しい。。 さて、Nuxt3でwebsocketを使うにはどうするかを調べていたところ、Nuxt2とは少し異なるようでした。本記事では、Nuxt3で...
0
NuxtJS

Nuxt3でExpressを使ってみる

はじめに Nuxt3には、nitro(+h3)というサーバエンジンが標準で備わっているため、server/apiやserver/routeディレクトリにハンドラファイルを置くだけでAPIが簡単に実装できます。しかし、馴染みのあるexpres...
0
NuxtJS

Vue3 provideしたコンポーネントでinject

vee-validateを見ていて、なるほどこれは参考になると思ったのでメモ。 provide/injectについて、provideで提供したオブジェクトは子ノードでinjectすることで子ノード内に依存関係を持ち込むことができる。prov...
0
NuxtJS

Nuxt3でvee-validate4(Composable API)を使う

引き続きNuxt3のトピックです。 Vue3のUIフレームワークであるvee-validateの組み合わせでフォームのバリデーションを組んでみます。というのも、vee-validate4の使用について少しハマってしまったので、その備忘録をか...
0
スポンサーリンク