0  
Vue.js で$forceUpdate()によりビューを強制更新する
2020/12/04

Vue.js で$forceUpdate()によりビューを強制更新する

Vue.js で、Vue インスタンスの内部のデータはリアクティブになっているので、データを更新すればUI...
Cropper.js をレスポンシブデザインのページで使用する
2020/11/11

Cropper.js をレスポンシブデザインのページで使用する

Cropper.js をレスポンシブデザインのページで使用しようとして、Cropper.js のコンテナ(画像を移動...
JavaScriptのガチャシミュをWebAssemblyに移植するまでのはまりメモ
2020/11/03

JavaScriptのガチャシミュをWebAssemblyに移植するまでのはまりメモ

JavaScriptで書いたFEHのガチャシミュレーター(https://puarts.com/?pid=1557)の計算部分をWebAsse...
ガチャシミュで使う疑似乱数生成アルゴリズムの速度検証
2020/11/03

ガチャシミュで使う疑似乱数生成アルゴリズムの速度検証

JavaScriptで開発していたFEH のガチャシミュレーターの計算処理をWebAssembly(C++)に移植したんで...
Vue.Draggable の最小サンプル
2020/10/31

Vue.Draggable の最小サンプル

Vue.Draggable を使おうと思ったのですが、ネット上に最小サンプル的なものが見当たらなかった...
複数JavaScriptファイルを1ファイルにまとめた場合のスクリプトロード時間検証
2020/10/04

複数JavaScriptファイルを1ファイルにまとめた場合のスクリプトロード時間検証

JavaScriptでimportを使わず依存関係のある複数ファイルを動的ロードするで複数分割した依存関係の...
JavaScriptでimportを使わず依存関係のある複数ファイルを動的ロードする
2020/10/03

JavaScriptでimportを使わず依存関係のある複数ファイルを動的ロードする

依存関係のある複数の JavaScript ファイルを動的に読み込みたいケースで、対応ブラウザの都合や ex...
jsmin.exe を簡単に扱うバッチ
2020/04/25

jsmin.exe を簡単に扱うバッチ

ブログのページロード高速化のために全く圧縮せずにそのままアップロードしていたJavaScriptファイ...
Tesseract.jsがinitializing APIで止まる
2020/03/15

Tesseract.jsがinitializing APIで止まる

Tesseract.js を使用した時にはまった挙動のメモです。Tesseract.js を使用したOCR機能を持ったWebツー...
OpenCV.js で「cv.Mat is not a constructor」というエラーが発生する
2020/03/14

OpenCV.js で「cv.Mat is not a constructor」というエラーが発生する

以下のように OpenCV.js を onload で実行していたんですが、成功する時と「cv.Mat is not a constructo...
OpenCV.js で画像の差の絶対値の総和を計算する
2020/03/09

OpenCV.js で画像の差の絶対値の総和を計算する

自作しているFEHツールで、入力したマップ画像がどのマップ種なのかを自動判別したかったので、OpenCV.j...
OpenCV.js でテンプレートマッチングの各アルゴリズムの処理時間を計測してみる
2020/03/07 20:35

OpenCV.js でテンプレートマッチングの各アルゴリズムの処理時間を計測してみる

OpenCv.js のテンプレートマッチングには６つのアルゴリズムがありますが、それぞれどの程度処理時...
Cropper.js で画像を切り出してCanvasに描画するサンプル
2020/03/07

Cropper.js で画像を切り出してCanvasに描画するサンプル

Cropper.js を使って読み込んだ画像の範囲を切り取ってCanvasに表示する小さめなサンプルを作ったの...
Tesseract.js を使った最小 OCR サンプル
2020/03/01

Tesseract.js を使った最小 OCR サンプル

Tesseract.js を使って、アップロード画像に対して OCR を実行する最小サンプルです。言語は日本語、PSM...
JavaScript で重い処理の進捗をプログレスバーで表示する最小サンプル
2020/02/20

JavaScript で重い処理の進捗をプログレスバーで表示する最小サンプル

JavaScript で重い処理を実行する時にUIに進捗表示しようと思ったのですが、JavaScriptではスレッドが扱...
Vue.js で Select2 を利用する小さいサンプル
2019/12/19

Vue.js で Select2 を利用する小さいサンプル

Vue.js と Select2 を組み合わせて使用したくなったので、こちらのサイトを参考に簡単なサンプルを作り...
Vue.js で１つのフォームに複数データを動的に再バインドする
2019/12/08

Vue.js で１つのフォームに複数データを動的に再バインドする

Vue.js を使って以下のようにひとつのフォームで複数のデータを再バインドして編集するようなUIを作るシ...
JavaScriptで特定区間の処理時間を計測するユーティリティークラス
2019/12/01

JavaScriptで特定区間の処理時間を計測するユーティリティークラス

C#ではよく以下のように Disposer を使って特定区間の時間を計測するような以下のようなクラスを作...
しょぼい自作ツールに vue.js を組み込んでみる
2019/11/24

しょぼい自作ツールに vue.js を組み込んでみる

vue.js を覚えるために、vue.js を使って以下の自作のしょぼい FEH 用ツールのUIとデータのバインドを書...
JavaScriptでタッチイベントを使いドラッグアンドドロップを実現する最小サンプル
2019/05/25

JavaScriptでタッチイベントを使いドラッグアンドドロップを実現する最小サンプル

自作WebツールのドラッグアンドドロップがPC版にしか対応しておらず、スマホ対応したいなと思い、ひとま...
[jQuery] Select2 の選択ボックスの文字列のスタイルをカスタマイズする
2019/02/25

[jQuery] Select2 の選択ボックスの文字列のスタイルをカスタマイズする

Select2 を使って選択ボックスをカスタマイズしていたのですが、標準のフォントサイズが大きすぎる...
Chart.js のシンプルな折れ線グラフのサンプル
2019/01/03

Chart.js のシンプルな折れ線グラフのサンプル

Chart.js の折れ線グラフのサンプルで、バージョン2.1.4で動作するシンプルなサンプルが軽く検索してな...
List.js の行フィルタリング時に表示文字と違う任意文字列で検索可能にする
2018/12/31 20:30

List.js の行フィルタリング時に表示文字と違う任意文字列で検索可能にする

「List.js でソート可能な表をお手軽に作る」の記事で List.js を使ったソート可能、フィルタリ...
Chart.js で描いたチャートの凡例テキストを左寄せに変更する
2018/12/01

Chart.js で描いたチャートの凡例テキストを左寄せに変更する

chart.js を使ってチャートを描いたときに凡例(legend)のテキストを左寄せにしたいのですが、デ...
JavaScriptで<Table>の各列の表示状態を動的に切り替える
2018/11/11

JavaScriptで<Table>の各列の表示状態を動的に切り替える

HTML のテーブル(<Table> 要素)の列の表示をチェックボックスの切り替えで動的にオン、オフする方...
List.js でソート可能な表をお手軽に作る
2018/11/05

List.js でソート可能な表をお手軽に作る

ソート可能な表って簡単に作れないものかと思い探してみたら List.js で簡単にできたのでメモしておきま...
AE Expression float型とint型での扱いに注意
2011/06/29

AE Expression float型とint型での扱いに注意

Javascriptでは変数をvarで宣言し(省略可)、明示的に変数の型を宣言しませんが、内部的にはちゃんと変数...
0