NuxtJS Nuxt3でwasmを実行する
Webブラウザ上でネイティブコードを実行する仕組みにWebAssembly（wasm）という仕組みがあります。高度な画像処理などの計算をネイティブで高速に実行することでアプリケーションのパフォーマンスが向上しユーザー体験の向上が期待できま...
2023.03.22
0
0
NuxtJS
NuxtJS 
資格関連 ファイナンシャルプランナー３級の受験体験記
2023年1月にファイナンシャル プランナー３級の試験を受けて無事合格しました。簡単ですが試験対策について書きたいと思います。
試験対策
使用した参考書
以下の２冊のみです。
PR
勉強方法
テキストを一通りざっと読んだ後は問題...
2023.03.02
0
0
資格関連
NuxtJS Nuxt3でcodemirrorに絵文字ピッカーを追加する
前回は以下の記事でNuxt3にマークダウンエディタのeasymdeを導入してみました。
マークダウンで文字入力できるようになったら絵文字も入力したくなります。今回はマークダウンエディタに絵文字ピッカーを組み込んでみます。
環境
Nod...
2023.03.01
0
0
NuxtJS
読書 【読書】シリコンバレーのエンジニアはＷｅｂ３の未来に何を見るのか
昨今至る所で「Web3」「ブロックチェーン」「メタバース」「DAO」といったワードを目にすることが多くなった。言葉は知っているけれど正しく説明できるか、と言われると難しいのではないだろうか。私もその一人だ。正しく物事の本質を捉えられている...
2023.02.25
0
0
読書
資格関連 ブログのCKA認定資格の受験体験記の記事が「freelance hub」で紹介されました
当ブログのCKAの受験体験記の記事を、フリーランスエンジニア・クリエイターさん向けの案件紹介をされている「Freelance hub（運営会社：レバレジーズ株式会社）」さんのサイトでご紹介いただきました。
ご紹介いただいた記事タイトル...
2023.02.18
0
0
資格関連
NuxtJS Nuxt3でgoogle-fontsを使う
異なるデバイスでもフォントを統一かつ綺麗で見やすいフォントを使いたい。今回はNuxt3でGoogleフォントを使う方法について記述します。
環境
macOS 10.15.7
Nuxt 3.2.0
nuxtjs/google-fonts ...
2023.02.11
0
0
NuxtJS
NuxtJS Nuxt3でマークダウンエディタを使う
最近は個人的にnuxt3をよく触っています。練習としてちょっとしたアプリを作っているのですが、何らかの文書をマークダウンで扱えると文書構造を表現できて便利です。そこで、今回はnuxt3でマークダウンエディタを扱ってみます。
nuxt3（v...
2022.12.28
0
0
NuxtJS
NuxtJS Nuxt3でprimevueを使う
先月2022/11にNuxt3のstable版がリリースがされ、いよいよNuxt3を積極的に使っていける状況となりました🎉
今回はvue3にも対応しているprimevueというフレームワークを使ってデザインをしてみます。primevueで...
2022.12.10
0
0
NuxtJS
資格関連 色彩検定２級に合格しました
ふとしたきっかけで色についてもっと知りたいと思い立ち、10月くらいか隙間時間を使って色彩について学んでいました。11月13日に色彩検定２級を受験し無事合格しました。
今回３級は受けずいきなり２級を受験しました。色彩検定では３級に合格してい...
2022.12.08
0
0
資格関連
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.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