Office Lensアプリで撮影した書類画像をノンコーディングでOCR化&リスト化してみた話(Office Lens+LogicApp)


今年のGWに試してみたよ第2弾です。
以前「たった3ステップ!ノンコーディングで画像の文字をテキスト化する(OCR) 仕組みを試してみました。」という記事を書いたのですが、書類などをキレイに撮影するのってナナメになったり切れたりして難しいなーと…。
書類やホワイトボードの撮影にすごく便利な「Office Lens」というアプリをMicrosoftが出してることに思い出しまして、これをイイ感じで利用すれば書類整理が捗るんじゃないかな?と思ったので試してみました。
…よく書類無くすもので(白目)

「Office Lens」ってどういうアプリ?という方は以下の記事を参考にされてください。

<参考>Office Lensアプリで書類やホワイドボードをスキャンしてデータ化する
http://www.atmarkit.co.jp/ait/articles/1603/30/news025.html

「Office Lens」はすごく便利なんですけど、目的の画像を探すのに1枚1枚見ていくのは手間だなーって個人的に思ってまして「Googleスプレッドシート内で単語を検索→画像URLクリックで画像を見られる」ができたらいいなと。
今回は、Office Lensで撮影した書類画像をOneDriveにアップロードし、Computer Vision APIで画像内のテキストをOCR化、画像のURLとOCR化したテキストをGoogleスプレッドシートにリスト化してみました。
Continue reading »

Cognitive Servicesの画像解析を使って自動でalt属性を作る仕組みをノンコーディングで作ってみた話(LogicApps+Computer Vision API Analyze image)

la-alt-ttl
Web制作時、alt属性(画像の代替となるテキスト情報)の書き方について悩んだことはないでしょうか?アクセシビリティの観点からもキチンと写真の状況を適切に説明する文章を入れることが推奨されています。
が、私は悩むし悩んで作った割に説明できてないといった感じで、作るのがとても苦手です…。

というわけで、「alt属性の文章を自動で生成する方法ができないか?」と思って調べていたところ、Cognitive ServicesのComputer Vision API Analyze Image(画像解析)を使えばできるんじゃないか?と思ったので試してみました。
今回もLogic AppsのComputer Vision API Analyze Imageコネクターを利用するのでノンコーディングです!
Continue reading »

たった3ステップ!ノンコーディングで画像の文字をテキスト化する(OCR) 仕組みを試してみました。(LogicApps + Computer Vision API(OCR) to Text)

la-ocr-ttl
Cognitive Services APIの1つである「Computer Vision API」コネクターがついにLogicAppsで公開されました!
これまではComputer Vision APIのOCR (光学式文字認識:画像に含まれる文字列をテキストデータとして抽出) 機能を利用するにはプログラミングが必須だったのですが、このコネクターを利用すると、たった3ステップ、しかもノンコーディングで実現できてしまうという。
そんなお手軽さでどこまでできるのか!?が気になったので試してみました、な話。
ちなみに、Logic Appsを利用する場合はAzure管理ポータルからポチポチ作成できるので、特別な知識などはいりません。(直感でできるのがすごい)
結果的に、びっくりするくらいの簡単さで読み取り精度がかなり高い仕組みができました!
Continue reading »

WebApps + Azure CDNを使い年間1,000円程度で独自ドメイン・SSL対応済み高負荷対策なWordPressサイトを 作ってみた話。

cdn-ssl-ttl
WebサイトでSSLを利用した上に高負荷対応も考慮した構築にするとWeb的に結構なお値段になりますが、Azure CDNを利用するとびっくりするくらい安くSSL対応の高負荷対応サイト(しかもWordPress利用)が構築できるんでは?みたいのを見かけまして、本当かどうか試してみました~。
CDNなので頻繁に更新が発生するサイトとしては不向きですが、WordPressサイトにすればプラグインでお問い合わせフォームを作ることができますし、ユーザーに問合せをしてもらいたいキャンペーン用のLPページ的な使い方だったらイケるのではないかと。
ちなみに今回の価格にはドメイン・メールサービス・Azure CDN・WebApps(WordPress)のお値段全て入っておりますw
Continue reading »

WordPress + MySQL In Appでバックアップとステージングを試してみました。

mysqlinapp-ga-ttl
去年の夏にプレビュー公開されたAzure App Service WebApps内で利用できる「MySQL in-app」がGAされたと告知がありましたー!( General availability: MySQL in-app feature
まだ管理ポータル画面では「MySQL In App (プレビュー)」ってなってますけども…。
今回は、WordPressサイトのバックアップスワップ(本番環境とDEMO環境をワンタッチで入れ替え)を試してみましたなメモ。
Continue reading »

ノンコーディングで作成したLINE BOTでLINE Bot Awardsにエントリーしました。

唐突ですが、明日2月28日に〆切のLINE Bot Awardsにエントリーしてみました!

今回、母が手伝ってるサンドイッチ専門店サンドイッチ研究所のBOTを作成し、エントリーしてみました。
このBOTでできることは、

  • 人気商品
  • おすすめ商品
  • 営業時間
  • アクセス方法

この内容を聞いたら答える、というレベルです。(母がよく聞かれてるという内容)
Logic Appsを使い、ノンコーディングで作成し、今回は運用視点でBOTが修正しやすいように工夫しています。
Continue reading »

ツイート内容の感情分析(ネガティブ・ポジティブ)をノンコーディングで行ってみた話(Logic Apps + Cognitive Services Text Analyticsの連携)

la-negapoji-title
サービスを運営するときにSNSなどの投稿の感情分析(ネガティブ・ポジティブ)ができれば便利だなと思うのですが、コードが書けない人間からすると実現は難しいかなぁと…。
以前、「Twitterのポジティブな内容のツイートをslackに通知する」というLogic Flowを作成したことがありますが、このときは顔文字を判定してネガティブかポジティブを判定しました。
これは顔文字が入っていないツイートは対象外なので「投稿した文章の感情分析をやる方法」でいい方法ないかな?とLogic Appsを眺めていたらCognitive Services Text Analyticsコネクターがあるのを思い出し。
今回はCognitive Services Text Analytics(センチメント)を使い、ノンコーディングでツイート内容の感情分析して、一覧をGoogleスプレッドシートに書き出すLogic Flowを作成してみました。
Continue reading »

Google Analyticsの前日レポートを毎日Slackに自動投稿する<その3>(GoogleAnalytics + Google Apps Script(GAS)+ LogicApps + Slackの連携)

logicapp-ga-ttl
前回はGoogle Apps Script(GAS)の設定をしました。今回は最後の部分、Slackに投稿する「Logic Appsの設定」です。
LogicAppsに関しては@twit_ahf さん相談してご協力いただきました。
本当に本当にありがとうございました!!(土下座)

というわけで、「Logic Appsの設定」について手順をメモ。
Continue reading »

Google Analyticsの前日レポートを毎日Slackに自動投稿する<その2>(GoogleAnalytics + Google Apps Script(GAS)+ LogicApps + Slackの連携)

gas-logicapp-ttl
前回はGoogleスプレッドシートの設定をしました。今回は「Google Apps Script(GAS)の設定」です。
GASに関しては全面的に@daichan4649 さんに作成いただきました。
本当に本当にありがとうございましたぁあ!!(土下座)

というわけで、「Google Apps Script(GAS)の設定」について手順をメモ。
Continue reading »

Google Analyticsの前日レポートを毎日Slackに自動投稿する<その1>(GoogleAnalytics + Google Apps Script(GAS)+ LogicApps + Slackの連携)

ga-logicapp-ttl
Webサイトのアクセス解析ツールでGoogleアナリティクスを利用している方も多いと思いますが、結果を毎日チェックするって結構手間かなぁと個人的に思う所ありまして。
前日レポートだけでも日常よくみるツール(今回はSlack)に自動で通知してくれたらラクなんだけどな…と。
ga-logicapp01
Slackにこのような形で毎日自動で投稿されるLogicFlowを作ってみました。

今回やったこと

ga-logicapp02
図解するとすぐにできそうなんですけど…実際めちゃくちゃ大変でした…。
今回はGoogle Apps Script(GAS)では @daichan4649 さん、Logic Appsでは @twit_ahf さんに多大なご協力をいただきました。
お二方の協力がなければ無理でした、本当に本当にありがとうございました…!!(五体投地)

Googleスプレッドシートの設定やGASの設定などLogciFlowにたどり着くまでにやらないといけない手順が多かったので、今回は記事をわけます。(どれが欠けても動かなくなる悪魔仕様…)

というわけで、これがないとはじまらない「Googleスプレッドシートの設定」から。
Continue reading »