Tekrog

プログラミングの備忘録と情報発信

【Laravel】BladeファイルでVue3のコンポーネントを利用する方法【Vue3】

【Laravel】BladeファイルでVue3のコンポーネントを利用する方法【Vue3】

MPAにおいて、LaravelのBladeファイルの中でVue3.jsのコンポーネントを利用する方法を紹介します。createAppの記述方法に注意しないと、意図した結果が得られないので注意が必要です。 目次1 Blad […]

Laravel
Vue.js
TypeScriptを用いたブラウザ上の画像処理【ライブラリ不使用】

TypeScriptを用いたブラウザ上の画像処理【ライブラリ不使用】

ライブラリを一切用いず、TypeScript(JS)を用いてブラウザ上で画像処理をする方法を紹介します。また、実際にコードを掲載して画像処理をするデモも掲載しています。

HTML
TypeScript
スクロールスナップ+Vueで遷移前のページ位置に戻る方法

スクロールスナップ+Vueで遷移前のページ位置に戻る方法

CSSでスクロールスナップの指定をするとスクロール量が取得できなくなります。これが原因で、Vue Routerで他のURLへ遷移して元のURLに戻る際、遷移前にいたスクロール位置に戻るコードに少し工夫が必要になります。この記事ではこの要件を満たしたコードを紹介します。

CSS
Vue.js
v-for指定した要素のテンプレート参照方法【Vue3】

v-for指定した要素のテンプレート参照方法【Vue3】

Vue.jsにおいてv-forでHTML要素を繰り返し作成したとき、それぞれの要素に対してテンプレート参照する方法を解説します。ただしVue3のComposition APIのみを対象としています。また、要素の生成から参照するまでのタイミングや挙動、watchとの利用や注意点についてもまとめています。

Vue.js
追従&ハイライト、自動スクロールする目次の作り方

追従&ハイライト、自動スクロールする目次の作り方

記事のサイドバーにある「追従する目次」の作り方を紹介します。また、単に追従させるだけではなく、更に「現在位置のハイライト機能」と「現在位置に応じた目次自体のスクロール機能」を搭載します。

JavaScript
WordPress
TypeScript4.5~4.0の新機能まとめ

TypeScript4.5~4.0の新機能まとめ

最新のTypeScript4.5から、TypeScript4.0に遡って新機能をまとめています。まとめてある内容は文法レベルの新機能で、細かい仕様変更についてはまとめていません。ざっと新機能だけを確認するのが目的です。

TypeScript
高校数学から理解できるSVMの数学【サポートベクターマシーン】

高校数学から理解できるSVMの数学【サポートベクターマシーン】

サポートベクターマシン(SVM)の数学を高校数学の知識があれば理解できるよう解説しています。マージンの概念から初めて目的関数に双対問題、決定関数を導出するまでの式変形を細部に至るまで全て記載しています。ソフトマージンSVMのスラック変数についても解説しています。

数学
多変数のラグランジュの未定乗数法と2次計画問題

多変数のラグランジュの未定乗数法と2次計画問題

「多変数・N変数のラグランジュの未定乗数法」とその解き方を、「等式制約」の場合と「不等式制約」の場合に分けて解説します。さらに「不等式制約」について2次計画問題と呼ばれるものについて説明します。

数学
超曲面や等高線の法線ベクトルを直感的に理解する

超曲面や等高線の法線ベクトルを直感的に理解する

この記事ではN次元空間における「超曲面と等高線(等値面)の法線ベクトル」の公式について、図と例を用いて直感的に分かりやすく説明しています。大学の初等数学が分かれば読める内容となっています。これが理解できれば、ラグランジュの未定乗数法や機械学習にも応用できます。

数学
【速習】高校数学で理解できる機械学習の微分と多変数関数

【速習】高校数学で理解できる機械学習の微分と多変数関数

微分は高校生でも習いますが、機械学習で出てくる微分の理解には大学数学の知識が必要です。しかし0から大学数学の微積分を学ぼうとするのは遠回りかもしれません。この記事では機械学習で出てくる微分の必要最低限の知識をまとめます。

数学