【React×Material-ui】Modalの実装方法

Material-uiにはモーダル(ポップアップウインドウ)が用意されています。

表示だけならサンプルで動きますが実装するにあたって色々考えたのでメモ。

続きを読む 【React×Material-ui】Modalの実装方法

Reactでの定期アップデート処理

外部APIを表示させることができたので定期的に更新する。

またReactのthisを独自関数で使えるようにするメモ。

続きを読む Reactでの定期アップデート処理

nw.jsを使ったデスクトップアプリ開発

久々にjavascriptでデスクトップアプリを触りたくなったので作成メモ。

基本的に凝ったものはelectron、楽に作るならnw.jsの認識なのでnw.jsでビルドまで動かしてみました。

実行環境はWindows10(64bit)。

続きを読む nw.jsを使ったデスクトップアプリ開発

Reactで外部APIを呼び出して表示させる

Cordovaを使ってReactでスマホアプリを作り始めたのでReactに触れて行きます。

とりあえずReactでAPIを呼び出して表示させるまでのメモ。

続きを読む Reactで外部APIを呼び出して表示させる

Cordova+Reactでスマホアプリを作る

前回までPhonegapを使ってましたがGUIを使わなくなったのと、phonegapコマンドを打っても結局cordovaコマンドが呼び出されるだけなので乗り換え。

またMV_フレームワークとしてvue.jsも使ってみたのですが、Angularjsと大きく変わらず作法さえ覚えればすぐに使えるような利便性の高いものでした。

逆にReactはとにかくとっつきにくいのに同じくらい人気があるのが何故なのか気になって、それを体験するまで使ってみようと決めました。

続きを読む Cordova+Reactでスマホアプリを作る

phonegapで採用するフレームワーク検討

これまで使ってきたWEBフレームワークはちょっと古いものが多い。

学び始めた時に一番流行っていたものを今でも使っているので、phonegapアプリを作ってみるついでにアップデートしておきたい。

SPAを作りやすくてデータバインドが楽なものを採用したい。

続きを読む phonegapで採用するフレームワーク検討

うずらウォレットを見やすくするブックマークレット

WEB版うずらウォレットはリスティングされている通貨が多くて、何をどれくらい持っているかわからなくなることがあります。

見やすくするためのブックマークレットをいくつか作ってみました。

 

続きを読む うずらウォレットを見やすくするブックマークレット

今日オープンしたFantasficを使ってみる

今日(2018/10/30)の14時に新しいクリエイター支援サービスが開始されました。

このサービスでは、仮想通貨EXCを使った投げ銭でクリエイターを応援することができます。色々機能があり追加もされるので興味のある人はここも見てみてください。

https://fantasfic.excaliburcoin.net/

 

続きを読む 今日オープンしたFantasficを使ってみる

画像から文字を認識する機能の追加

画像を見て文字を入力するのが面倒だったので作りました。

使い方

画像を読み込む

方法1

「画像選択」ボタンを押してファイルを選択する

方法2

「DROP/PASTE HERE」にローカルファイルやWEB上の画像をドラックドロップする

方法3

「DROP/PASTE HERE」にCtrl+Vでクリップボードの画像をペーストする

※windows標準ソフトの「Snipping Tool」を使うと簡単に画面コピペができます

画像のトリミングをする

画像に文字以外が入っている場合に文字部分だけを切り抜きます。

下に表示される画像は左クリックしたままカーソルを動かすと部分選択できます。

切り抜きたい部分を囲ったら「トリミング」ボタンで切り抜けます。

「リセット」ボタンを押すとトリミング前に戻せます。

文字認識する

認識したい文字が「English」か「日本語」か選択して「OCR」ボタンを押します。

灰色背景部分に認識した文字が表示されます。

※日本語読み取り時は多少時間がかかるかもしれません

テスト

手書き風フォントは難しそうです。

日本語はだいぶ怪しい。

文字のサイズがもう少し大きいと格段に認識は良くなります。

所感

文字認識部分はこのパッケージを使わせてもらいました。

数行追加するだけで使えるようになるのはすごくいい。

英語でないと少し認識ミスが目立ちますが調整すればもっと精度良くなるのかな。