子育てエンジニアブログ

子育てに励むシステムエンジニア(SE)のブログ

JavaScript

OCRのライブラリ

OCRのライブラリで気になるものを見つけたのでメモ。自分用メモ。ブラウザ完結で外部サーバーなしでOCRで文字起こしできるらしい。 github.com

WebSpeechAPI を使って動画からの文字起こしについて参考になるサイトをメモ

WebSpeechAPI を使って動画からの文字起こしについて参考になるサイト(ブログ)があったのでメモ。 ありがたや。t-lav95.hatenablog.com

mediaelement.capturestreamについて参考になるサイト

mediaelement.capturestreamについて参考になるサイトがあったのでのメモ。自分用です。dev.mozilla.jp

JavaScriptで[ 1, 2, 3, 4, 5 ]のような1を始まりとした配列を生成する方法

javascriptで[ 1, 2, 3, 4, 5 ]のような1を始まりとした配列を生成する方法についてです。たまたま、ただの連番を持つ配列的なものを作りたいと思い詰まったのでメモ。1行で書けるのがいい。 var aaa = [...Array(30)].map((_, i) => i + 1) ;

【GAS】GoogleスプレッドシートでHTML画面を表示してスプレッド上の値を画面上に表示する方法

GoogleスプレッドシートでHTML画面を表示してスプレッド上の値を画面上に表示する方法についてです。画面を表示するだけなら下記の記事に詳しく書いています。 stsa.hatenablog.com今回はそこからさらにスプレッド上の値を画面上に表示するというところをや…

【GAS】Googleスプレッドシートでオリジナルのメニューを追加する方法

Googleスプレッドシートでオリジナルのメニューを追加する方法についてです。Googleスプレッドシートを使っていると、関数を作り処理を自動化したりする。しかし、スプレッド上にボタンを配置して実行するのがなんとなくダサく感じていた。 わざわざスプレッ…

【GAS】GoogleスプレッドシートでHTML画面を表示する方法

GoogleスプレッドシートでGASを使いHTML画面を表示する方法についてです。みなさんGoogleスプレッドシートって使ってますかね。 私は結構使っています。GoogleスプレッドシートではGASというマクロを使うことができます。GoogleスプレッドシートでHTMLの画面…

【JavaScript】JavaScriptで全てのタグにスタイルを適用させる方法

JavaScriptで全てのタグにスタイルを適用させる方法についてです。 JavaScriptで特定のタグ全部にスタイルを適用させたいと思ったので書いてみた。ループ処理で対応。 var targetElement = document.getElementsByTagName('h1'); //全てに適用 for(i=0;i

JavaScriptでJSON形式のデータを横持ちの2次元配列に変更する方法

JavaScriptでJSON形式のデータを、特定の値ごとの横持ちの2次元配列に変更する方法についてです。 今回は、categoryの値ごとにvalueを集めたいと思います。 var subjects = [ {'category':'math','value':'100','name':'AAA'}, {'category':'math','value':'…

JavaScriptのインデントを整形できるサイト

JavaScriptのインデントを整形できるサイトがあったのでメモ。 2つサイトを紹介していますが、どちらも使いやすそうです。lab.syncer.jp・HTMLとJavaScriptどちらも可能 https://tools.m-bsys.com/development_tooles/jsbeautifier.php

ページの背景に幾何学模様を描画するライブラリparticles.js

最近よくページの背景に幾何学模様があるサイトを見かけます。ああいうのってどうやって実装するんだろうって思って調べてみたら、 ページの背景に幾何学模様を描画するライブラリでparticles.jsというのがあったのでメモ。 vincentgarreau.comカッコイイか…

JavaScriptで文字列を複数置換する方法を例を使って紹介

JavaScriptで文字列を複数置換する方法について例を使って紹介します。JavaScriptで文字列を置換しようとするとreplaceメソッドを使うのが一般的だと思います。 しかし、普通に記述すると、replaceメソッドは最初の1文字しか置換しません。 そこで、複数置換…