スポンサーリンク
Git

gitbookを使ってドキュメントを生成する

概要 GitBookを使ってドキュメントを生成するまでをやってみました。 なお、この記事で紹介しているのはgitbook-cliであり、クラウドサービスのGitBookはこちら↓を見て下さい。 どんなものができるのか こんなドキュメント...
HTML

画像のヒストグラムを表示する Chart.js JavaScript canvas

概要 画像のヒストグラムをJavaScriptで算出してグラフとして表示してみます。 ヒストグラム算出のサンプルコード ヒストグラムの表示にChart.jsを使っています。 インストール npmを使っている場合は次のようにinstallしま...
MySQL

VIEWの作成 ORACLE MySQL

概要 VIEWの作成の基本文法。 SQLで毎回結合したクエリを生成するのが面倒だった場合VIEWを使います。 VIEWの作成 OracelもMySQLも同じようです。 構文 CREATE VIEW V_TEST AS SELECT ...
スポンサーリンク
MySQL

SQLを分けると DML DDL DCL の3種類

SQLとは データベースの問い合わせ言語です。 大きく分けると3種類あります。 DML レコードの操作 (追加、検索、更新、削除) などを行います。 SELECT INSERT UPDATE DELETE など DDL テーブルの操作 (作...
Linux

WSL領域のファイルをエクスプローラで操作する。mountコマンド

はじめに タイトルだけを見ると誤解されそうなので正しく説明します。 WSL上では /mnt/c/ にWindowsのCドライブがマウントされています。 例) /mnt/c/Users, /mnt/c/Windows Windowsのエク...
HTML

画像のプーリング処理 canvas + JavaScript

概要 JavaScriptで画像のプーリング処理を行ってみました。 プーリング処理について プーリングは畳み込みに似た処理で、CNNでも重要な役割があります。 画像を圧縮する役割を果たします。 平均プーリングやmaxプーリングといったものが...
NodeJS

Ubuntuにnパッケージでnodejs環境をセットアップする

概要 Ubuntuにnodejs環境をセットアップする方法です。 aptで入れようとするとバージョンが古かったり、コマンドがnodejsだったり色々と面倒なので、 nパッケージを使ってセットアップを行います。 他にもnvmを使ったりする方...
Linux

VSCodeからSSHでリモートサーバ上のファイルを編集する

概要 VSCode(2019/05/05時点ではInsider版のみ)でリモートサーバ上のファイルをSSH経由で編集することができるようになりました。 ざっくり言うとリモート環境としてコンテナ、WSL、リモートサーバ上での編集が可能になり、...
HTML

JSで画像をまとめて読み込む(プリロードする)

概要 JSで画像をまとめて読み込む方法(プリロード)の紹介 JSのImageAPIのonloadを使って、複数の画像の読み込み完了時にイベントを発火させる方法です。 サンプルコード let imagesUrl = [ "/path/to...
JavaScript

JavaScriptで多次元配列の初期化を行う

概要 JavaScript(ES2015)で多次元配列を任意の値で初期化する方法について。 1次元配列 例えば、 let arr = new Array(5) と宣言した場合 console.log(arr) // undefined とな...
JavaScript

ブラウザで動くAtCoder用のデバッガを作ってみた (JSのみ)

概要 ブラウザで完結するAtCoder用のデバッガを作ってみました。 対応言語は(JS)のみになっています。 というのも、書いたコードをブラウザ上でeval関数に突っ込んでいるだけの実装だからです。 ブラウザ上で他の言語をサポートする仕組み...
JavaScript

画像の減色処理 サンプルコードとデモ JavaScript + canvas

概要 画像の減色処理を行ってみた。 サンプルコードとデモの紹介。 環境は JavaScript + Canvas。 減色処理について 通常、Canvas上での画像のRGBそれぞれの値は0〜255までの256^3で表現していますが、 この...
JavaScript

画像のHSV変換 JavaScript + canvas

概要 画像のHSV変換を行うサンプルコードとデモの紹介 デモ 以下のリンクでデモを動かしています。 デモの内容はRGB画像をHSVに変換し、色相(H)を反転(180を加算)した後、再びRGBに戻すとい処理を行なっています。 ...
JavaScript

大津の二値化で画像を2値化 JavaScript + canvas 【画像処理】

概要 大津の二値化で画像を2値化するサンプルコード ↑のサンプルコードでは閾値を128として決め打ちで2値化していますが、画像のヒストグラムの分散から適切な閾値を求める方法(判別分析法)の1つです。 ここでは、そのサンプルコードとデ...
JavaScript

画像を2値化する JavaScript + canvas 【画像処理】

概要 JavaScriptで画像を2値化するサンプルコードの紹介。 デモ 実行すると以下のような画像が生成されます。 サンプルソース グレースケールに変換された画像の各画素の値が閾値未満であれば0、閾値以上であれば255に変換します...
JavaScript

画像をグレースケールに変換する JavaScript + canvas 【画像処理】

概要 JavaScriptで画像をグレースケールに変換するサンプルコードの紹介。 グレースケール変換式 ここではグレースケール画像変換式は次のように定義しています。 Y = 0.2126 * R + 0.7152 * G + 0.0722 ...
JavaScript

画像のチャンネル(RGB)を入れ替えるJavaScript + canvas【画像処理】

概要 JavaScriptで画像のチャンネルを入れ替えるコードについての紹介。 やりたいことは、通常、RGBで並んでいる画像の配列をBGRに変換するというもの。 変換すると以下のような画像になります。 環境はJavaScript + Can...
JavaScript

ブラウザ上でWindowsXPが動く??

ブラウザ上でWindowsXPが動いているように見えるデモ エミュレータでもVMでもなく Reactによって作られたものだそうです。 完成度高ぃ demo pic.twitter.com/s0bkHFyKHO — s-yoshiki...
JavaScript

JavaScriptで画像処理100本ノックに挑戦してみた

画像処理100本ノックをJavaScriptで挑戦してみました。 Qiitaでバズってるのを見かけて作りたくなりました。 「ブラウザ上で完結したら面白いな」 & 「デモを共有できたら面白い」という動機ではじめました。 まだいくつか問...
JavaScript

vue-cli3のセットアップと開発サーバ起動からバンドルファイル生成まで

概要 Vue.jsで作ったアプリをGitHub Pagesで公開する方法について。 検証環境 nodejs 11.10.0 npm 6.7.0 vue@cli 3.4.0 nodejsとnpmの導入については省略します。 vue@cl...
スポンサーリンク
タイトルとURLをコピーしました