Web & Programming

スポンサーリンク
JavaScript

JavaScriptによる画像処理と便利なライブラリ

概要 JavaScript + canvasによって行える様々な画像処理方法について紹介します。 Canvas APIについて HTML5には画像等の処理が行える強力なAPIである「Canvas」が備わっています。 これによりJavas...
文字列のAAを自動生成 デモ + サンプルコード JavaScript HTML

文字列のAAを自動生成 デモ + サンプルコード JavaScript

概要 文字列から文字列のAA(アスキーアート)を自動生成するデモを紹介します。 サンプル画像 普通のアルファベット平仮名漢字を変換してみました。 ↓実際の文字列↓ (端末・ブラウザなど、環境によっては正しく表示されません) ...
3次元の回転行列(オイラー角)で画像を回転させる (roll pitch yaw)【JS】 JavaScript

3次元の回転行列(オイラー角)で画像を回転させる (roll pitch yaw)【JS】

概要 JavaScriptを用いて、3次元の回転行列で画像を回転させるサンプルを紹介します。 3次元の回転行列 任意の軸周りの回転行列は次の式で表すことができます。 各軸周りの回転行列は以下の式で表します。 回転行列 フリー百科事...
スポンサーリンク
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 +...
Python + OpenCVで顕著性マップを実装 サンプルコード OpenCV

Python + OpenCVで顕著性 (saliecy) マップを実装

概要 Python + OpenCV の saliencymap で顕著性マップを表示するサンプルを紹介します。 顕著性マップ ざっくり言うと、 人が視覚的注意の仕組からすると、画像・映像の中でどの部分を注視しやすいかを画像情報から計算す...
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...
Python + OpenCVのfillConvexPolyで複雑なポリゴンを描画する OpenCV

Python + OpenCVのfillConvexPolyで複雑なポリゴンを描画する

概要 Python + OpenCVのfillConvexPolyで複雑なポリゴンを描画するサンプルを紹介します。 サンプル 以下がサンプルになります。 import cv2 import numpy as np if __name__ ...
Python+OpenCVで任意の画像領域:ROIのみに処理 マスク画像を使って OpenCV

Python+OpenCVで任意の画像領域:ROIのみに処理 マスク画像を使って

概要 Python + OpenCVで任意の画像領域のみに処理を加えるサンプルを1つ紹介します。 やりたいこと(やったこと) ↓↓↓↓↓↓↓↓↓↓ こんな感じで、任意の画像領域(矩形でなくてもよい)のみをグレースケール、2値化、フィル...
OpenCVのチャンネルエラー対処: (-215:Assertion failed) (mtype == CV_8U || mtype == CV_8S) && _mask.sameSize(*psrc1) in function ‘binary_op’ OpenCV

OpenCVのチャンネルエラー対処: (-215:Assertion failed) (mtype == CV_8U || mtype == CV_8S) && _mask.sameSize(*psrc1) in function ‘binary_op’

概要 Python + OpenCVのスクリプトを書いていたところ、タイトルにあるようなエラーが出現しました。 結果的にはnumpyの配列のサイズが異なるのが原因だったようです。 詳細 下記のソースはPythonで読み込んだ画像にマスクをか...
途中return禁止、goto禁止の時のdo~while(0) PHP

途中return禁止、goto禁止の時のdo~while(0)

はじめに 細かいロジックが多い手続き型のプログラムを書こうと思った時のメモ。 1つのプログラム内において、いくつかの処理を行いそれらが失敗したらエラーを出力して終了するといったフローのプログラムを考えてみます。 ※言語=PHPで、かつ、...
JavaScript

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

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

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

概要 VueJSとmarkedJSでcsv形式のデータをmarkdownのテーブルもしくはHTMLのテーブルに変換するスクリプトを作りました。 デモ 新しいタブで開く ソース
顔のランドマーク検出とドロネー分割 Python + OpenCV + dlib OpenCV

顔のランドマーク検出とドロネー分割 Python + OpenCV + dlib

概要 Python + OpenCV + dlib を用いて顔にドロネー図を描画するサンプルを紹介します。 おまけで、カメラから取得した顔画像に描画するサンプルを追加しました。 環境 Python 3.7.0 OpenCV 3.4 デモ ...
OpenCV

ドロネー図を描画 Python + OpenCV

概要 タイトルにもあるようにPython + OpenCVを用いてドロネー図を描画するサンプルを紹介します。 「顔のランドマークを検出 Python + OpenCV + dlib を使う」で紹介した、 顔の特徴点を抽出と行く行くはマージ...
github-markdown-cssを無理やりWordPressにねじ込んだ話 CSS

github-markdown-cssを無理やりWordPressにねじ込んだ話

概要 github-markdown-cssを既存のWordpressのテーマに組み込んだ話。 CSSとかあんまりわかってないけど、とりあえずキレイに動きました。 github-markdown-cssについて github-markdow...
スポンサーリンク
タイトルとURLをコピーしました