JavaScript

スポンサーリンク
HTML

全角かな or カナを半角カナに変換する【JS】

概要 全角かなもしくは全角カナを半角カナに変換するサンプルコードとデモを紹介します。 デモ 外部リンクで開く サンプルコード HTML <div> <div> <div> ...
HTML

canvas上のマウス座標を取得する。【JS】

概要 HTMLのcanvasの上でマウスを動かした時の座標の取得方法を紹介します。 考え方 canvas上のマウス座標 = window上のマウス座標 - canvasの左上の座標 という考え方で取得します。 サンプルコード 以下のよう...
深さ優先探索アルゴリズムを実装 部分和問題を解く JavaScript

深さ優先探索アルゴリズムを実装 部分和問題を解く

深さ優先探索について 深さ優先探索(depth-first search)は探索手法の一つです。 DFS、バックトラック法とも呼ばれます。 探索する木の1番目のノードから、「目的のノードに着く」もしくは「子のないノードに着く」まで、縦に伸び...
スポンサーリンク
JavaScript

素因数分解を行うプログラム サンプルコード JS/PHP

概要 ある任意の正の整数の素因数を配列で返すサンプルコードを紹介します。 サンプルコード JavaScript パターン1 : 純粋な素因数分解 function pf(n) { var result = []; if (...
【JS】画像のリアルタイム物体検出 数行で実装 デモ有 TensorFlow.js coco-ssd JavaScript

【JS】画像のリアルタイム物体検出 数行で実装 デモ有 TensorFlow.js coco-ssd

概要 TensorFlow.js+coco-ssdを用いて、1枚の画像から複数のオブジェクト検出を行う方法を紹介します。 デモも作ったので興味があれば触ってみてください。 オブジェクト検出 オブジェクト検出にはTensorFlow.js +...
HTML

JavaScript + canvasで砂嵐を描画する サンプルコード

概要 JSとcanvasで砂嵐を描画するサンプルコード紹介します。 動作環境 chrome 61~ デモ 外部ウィンドウで開く サンプルコード main() function main() { var canvas1 = docum...
JavaScript

10進数からN進数に変換するプログラム

概要 ある任意の10進数からN進数に変換するプログラム(JavaScript)を紹介します。 N進数を求めるプログラム ソース ある任意の10進数xをn進数に変換した結果を返す関数convertBasedRepr。 function con...
JavaScript

iOSかAndroidかの判定 UserAgentを利用する 【JavaScript】

概要 JSでiOSかAndroidかの判定を行う方法。 サンプルソース document.getElementById("result").innerHTML = getUserType() function getUserType() ...
HTML

csvをmarkdownのテーブル & HTMLに変換するスクリプト

概要 VueJSとmarkedJSでcsv形式のデータをmarkdownのテーブルもしくはHTMLのテーブルに変換するスクリプトを作りました。 デモ 新しいタブで開く ソース
複数キーでソートするサンプルコード JavaScript JavaScript

複数キーでソートするサンプルコード JavaScript

概要 JavaScriptでの複数キーでソートするサンプルソースの例。 サンプルソースとソートのパターン 以下のような配列があるとする。 [ , , , , , ] 2列目と3列目で昇順ソートする ソース arr.sort(...
mavonEditor と Vue.js で作るMarkdownエディタのデモ + APIの紹介 CSS

mavonEditor と Vue.js で作るMarkdownエディタのデモ + APIの紹介

概要 mavonEditor + Vue.js で作るMarkdownエディタについての紹介です。 また、用意されているAPIなどについて少し紹介します。 mavonEditor 中国語と英語のドキュメントが用意されています。 またデ...
3つ以上の整数の最大公約数・最小公倍数を求める JavaScript JavaScript

3つ以上の整数の最大公約数・最小公倍数を求める JavaScript

概要 JavaScriptで3つ以上の整数の最大公約数・最小公倍数を求める時のメモ。スニペット。 どちらもユークリッド互除法を利用しています。 AtCoderとかで役に立ちます。 最大公約数 2つの整数の最大公約数を求める functio...
NodeJSでsitemapをパースしてURLを抽出する。 JavaScript

NodeJSでsitemapをパースしてURLを抽出する。

概要 NodeJSでsitemap.xmlからURLを抽出する方法のメモ。 ちょっとググるとsitemap-stream-parserなんてものがありましたが、正直イケてませんでした。 PythonならBeautifulSoupという強力...
Monaco Editorを使ってブラウザ上で動くAtCoder用のデバッグアプリを作る【JS】 JavaScript

Monaco Editorを使ってブラウザ上で動くAtCoder用のデバッグアプリを作る【JS】

概要 以前書いた「【JavaScript】AtCoderとかでも利用したい、ブラウザで動くエディタ + デバッグ環境を作る」を流用して、エディタ機能に「Monaco Editor」を利用した、AtCoder用のデバッグ環境を作りました。...
WebAssemblyのデモ。特に注目すべきデモを集めてみた。 JavaScript

WebAssemblyのデモ。特に注目すべきデモを集めてみた。

概要 WebAssemblyのデモ。特に注目すべきデモを集めてみました。 基本的にはChromeかFireFox、safariでしか動かないものだと思います。 SLコマンド デモを開くと見慣れたアイツが走ってきます。 解説 ...
OpenCVをEmscriptenでwasmにビルドする!Webブラウザから呼び出す。 HTML

OpenCVをEmscriptenでwasmにビルドする!Webブラウザから呼び出す。OpenCV.js

概要 OpenCVをLLVM→EmscriptenでWebAssembly(以下、wasm)をビルドする。 JavaScriptからOpenCVを呼び出す。 環境 使用するもの OpenCV4.0.0(pre) Emscripten L...
JavaScript

JS + Canvasで画像をプルプルふるわせる。

概要 canvas + JSで画像をプルプル震わせる。 デモ 外部ウィンドウで開く ソース (function(){ var image_url = "/path/to/image_url.png" var ...
JavaScript

【JavaScript】角度を16方位に変換するソースコード

概要 与えられたある角度を16方位に変換する。 よくありがちな処理としてこんなものがあります。 var dname = ; var dindex = Math.round( degree / 22.5 ) alert("方角は" + ...
JavaScript

tesseract.js + canvasを組み合わせてOCRを行う

概要 tesseract.jsはWebブラウザで動くOCRエンジンです。オフィシャルサイトからデモをみることができると思います。 フロントのjsで動かす場合、canvasと組み合わせると色々と都合が良いので、とりあえず組み合わせたシンプル...
JavaScript + canvasで画像変換処理をするときのスニペット HTML

JavaScript + canvasで画像変換処理をするときのスニペット

概要 canvasはJSによって図形などを描画する際に使われます。 canvasに描画された画像はピクセルに対して参照・操作することが可能なので、 これを用いて画像変換処理を行うことができます。 デモ画像 この記事では自分がよく使うス...
スポンサーリンク
タイトルとURLをコピーしました