JavaScriptで<input type=”file”>で選択された画像をimgタグで表示する
<input type=”file”>で選択された画像をimgタグで表示するサンプルコードです。 <!DOCTYPE html> <html lang=”ja”> …
Continue reading ‘JavaScriptで<input type=”file”>で選択された画像をimgタグで表示する’ »
タグ JavaScript のアーカイブ
JavaScriptでドロップされた画像をimgタグで表示する
JavaScriptでドロップされた画像をimgタグで表示する ドロップされた画像をimgタグで表示するサンプルコードです。 <!DOCTYPE html> <html lang=”ja”> &l …
JavaScriptで画像中のテキストを認識する
JavaScriptで画像中のテキストを認識するサンプルアプリケーションを作りました。 JavaScriptでOCR ブラウザ上でこういうこともできるのですね。 日本語の認識はいまいちな気がしますが、使い方次第では役に立 …
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’ エラーになったら’ »
ReactでHello Worldする最速の手順
node.jsやbabel、webpackを導入しなくても、Reactできますよ。 ReactでHello Worldする HTMLファイルを作ります。 <!DOCTYPE html> <html> …
TypeScriptでPromiseを使う
執筆時のバージョン > tsc –version Version 2.1.6 定義ファイルのインストール 定義ファイルは、以下のようにnpmで直接インストールすることができます。 npm install –sa …
node.jsでCSVを作成するには
node-csvを使って、CSVファイルを作成する方法です。 インストール npm init npm install csv –save 文字列の配列をCSVに変換する(callback) callbackを使ったTy …
JavaScriptのテンプレートエンジン EJS を使う
JavaScriptのテンプレートエンジン EJS の使い方を紹介します。 EJSはJavaScriptで使えるシンプルなテンプレートエンジンです。 高機能ではありませんが、シンプルでわかりやすいライブラリです。 EJS …
JavaScriptで画像のサイズを調べる
「image-size」を使うと、簡単に画像のサイズを調べることができました。 単機能でわかりやすく、使いやすいライブラリでした。 インストール image-sizeをインストールします。 npm install ima …
node.jsでCSVファイルを読み込むには
node-csvを使って、CSVファイルを読み込む方法です。 node-csvでCSVファイルを読み込む まずはインストール。 npm install csv –save sample.csvを読み込み、コンソールに出 …