JavaScriptで<input type=”file”>で選択された画像をimgタグで表示する

<input type=”file”>で選択された画像をimgタグで表示するサンプルコードです。 <!DOCTYPE html> <html lang=”ja”&gt …

Continue reading ‘JavaScriptで<input type=”file”>で選択された画像をimgタグで表示する’ »

JavaScriptでドロップされた画像をimgタグで表示する

JavaScriptでドロップされた画像をimgタグで表示する ドロップされた画像をimgタグで表示するサンプルコードです。 <!DOCTYPE html> <html lang=”ja”> &l …

Continue reading ‘JavaScriptでドロップされた画像をimgタグで表示する’ »

JavaScriptで画像中のテキストを認識する

JavaScriptで画像中のテキストを認識するサンプルアプリケーションを作りました。 JavaScriptでOCR ブラウザ上でこういうこともできるのですね。 日本語の認識はいまいちな気がしますが、使い方次第では役に立 …

Continue reading ‘JavaScriptで画像中のテキストを認識する’ »

Failed to execute ‘getImageData’ on ‘CanvasRenderingContext2D’ エラーになったら

Google Chromeで、file:///~/index.htmlにアクセスしていると、次のようなエラーが表示された。 Failed to execute ‘getImageData’ on ‘CanvasRende …

Continue reading ‘Failed to execute ‘getImageData’ on ‘CanvasRenderingContext2D’ エラーになったら’ »

TypeScriptでPromiseを使う

執筆時のバージョン > tsc –version Version 2.1.6 定義ファイルのインストール 定義ファイルは、以下のようにnpmで直接インストールすることができます。 npm install –sa …

Continue reading ‘TypeScriptでPromiseを使う’ »

node.jsでCSVを作成するには

node-csvを使って、CSVファイルを作成する方法です。 インストール npm init npm install csv –save 文字列の配列をCSVに変換する(callback) callbackを使ったTy …

Continue reading ‘node.jsでCSVを作成するには’ »

JavaScriptのテンプレートエンジン EJS を使う

JavaScriptのテンプレートエンジン EJS の使い方を紹介します。 EJSはJavaScriptで使えるシンプルなテンプレートエンジンです。 高機能ではありませんが、シンプルでわかりやすいライブラリです。 EJS …

Continue reading ‘JavaScriptのテンプレートエンジン EJS を使う’ »

JavaScriptで画像のサイズを調べる

「image-size」を使うと、簡単に画像のサイズを調べることができました。 単機能でわかりやすく、使いやすいライブラリでした。 インストール image-sizeをインストールします。 npm install ima …

Continue reading ‘JavaScriptで画像のサイズを調べる’ »

node.jsでCSVファイルを読み込むには

node-csvを使って、CSVファイルを読み込む方法です。 node-csvでCSVファイルを読み込む まずはインストール。 npm install csv –save sample.csvを読み込み、コンソールに出 …

Continue reading ‘node.jsでCSVファイルを読み込むには’ »