Tekrog

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

投稿記事一覧

Vue3+Laravel+Pythonでスクレイピング

Vue3+Laravel+Pythonでスクレイピング

Vue3、Laravel、Pythonを用いて簡単なWebスクレイピングを行うSPAを試作しました。その時の備忘録です。

Laravel
Python
Vue.js
【Vue3】script setup構文の使用方法とメリット【propsとemitsも解説】

【Vue3】script setup構文の使用方法とメリット【propsとemitsも解説】

script setup構文の使用方法やメリットについて解説します。propsやemitsなどの特有な書き方も節目しています。

Vue.js
Vueのライブラリ「VueUse」とは?

Vueのライブラリ「VueUse」とは?

VueUseはVueの開発で遭遇する「よくある機能」をロジック単位で切り出し、それを関数として簡単に利用できるライブラリです。この記事ではVueUseの必要性や基本的な使い方、いくつかの関数をピックアップして紹介します。

Vue.js
【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のスラック変数についても解説しています。

数学