Dropboxに画像をアップロードするだけで透かし画像(Watermark)が入った画像と画像URLが入ったHTMLを自動出力する方法。


お盆休みに試してみました、なネタ。
写真を多く掲載するポートフォリオサイトを作りたいけど、透かし画像(Watermark)を毎度入れるのが結構大変なんだよね…という相談を受けまして。
PhotoshopやLightroomを使って透かし画像(Watermark)を入れられますが、確かにそれも枚数が多く毎度となると手間かな?と。
そこで、DropBoxやOneDriveに画像をアップロードするだけで透かし画像が入った画像が出来上がり、かつ透かし入り画像のURLが入ったポートフォリオサイト用HTMLが出来れば便利なんじゃないかな?と思ったので試してみましたな話。
今回はWordPressに自動で透かし画像を入れることができるプラグインがあるのでそれを利用しています。
毎度のごとく、LogicAppsでコネクタをつないで作成しているのでノンコーディング!WordPress側の設定がうまくいけば、かなり簡単に実装できますー。
Continue reading »

Dropboxに画像をアップロードするだけ!リサイズ画像・alt属性が入ったWebページを自動生成・公開する方法(LogicApps+Computer Vision API+データ操作)


前回「Dropboxに画像をアップロードするだけ!画像のパス・alt属性が入ったHTMLを自動生成する方法。」という記事を書いたのですが、これは該当部分のHTMLソースコードを出力させるまでを試したものでした。
Logic AppsにはFTPコネクタがあるので、Webページ用のHTMLがうまく生成できれば自動でアップロードまで試せそう…というわけで、今回は完全にWeb制作者視点で通常使うツール(DropBox・FTP)でどこまでできるか?を試してみました、な話。
結果的に、画像をアップロードすると自動でWebページをアップロードできました!(ただし力技…)
Continue reading »

Dropboxに画像をアップロードするだけ!画像のパス・alt属性が入ったHTMLを自動生成する方法。(LogicApps+Computer Vision API+データ操作)

LogicAppsのコネクターに「データ操作」ができるコネクターが加わりました。

このコネクターを使えば、HTMLを編集したりできるかな?と思ったので試してみました、な話。
今回はDropBoxに画像をアップロードするだけで、画像のパスとalt属性が自動で入ったHTMLを出力するようにしてみました~。
Continue reading »

【Adobe Creative Cloudアセット機能】ファイルが更新されたらSlackにお知らせ通知&Azure BLOB Storageに自動バックアップを試した話。


Azure LogicAppsとMicrosoft Flowについて情報をまとめて提供しているFacebookグループ「LogicFlow-ja」があるのですが、そちらで @twit_ahf さんが教えてくださった新規に追加されたコネクタ。
なんと、まさかのAdobe Creative Cloud!!予想外すぎる!w
Azureの管理ポータルでAdobeのロゴを見る日がくるとは…(感涙)

現時点ではとトリガ2、アクション8で、両方ともにアセット機能に関する操作ができるコネクタです。
ただAdobe Creative Cloudのアセット機能はそれだけでかなり高機能なので、どういう連携がいいかなーって考えてたんですが…ありましたありました。
「ファイルとフォルダーの同期と共有」を使っている場合、既存ファイルを更新したときはお知らせがきません。
なので、コーディングを他の人に頼んでいる場合、どのファイルを更新したかを都度お知らせする必要があるかと。(完全FIXしたのを渡せよって話もありますが)
それって毎回やるのは手間だし、連絡忘れも発生しそう…ということで「ファイルを更新した場合、自動でSlackにお知らせを通知する」ようにしてみました。
Continue reading »

LINEメッセージを送るとBacklogにチケットを起票する仕組みをノンコーディングで作ってみた話。(翻訳機能付き)


前回はBacklogのデフォルト機能である「メールによる課題登録」を利用して、ユーザーから来たお問合せメールの内容をBacklogのチケットとして起票する方法を試してみました。

お問合せメールの内容をBacklogに起票&自動返信メールを送る仕組みをノンコーディングで作ってみた話。(LogicApps+Backlog)
http://zuvuyalink.net/nrjlog/archives/3762

このデフォルト機能使えば、LINEからチケットの起票もできるんじゃないかな?と思って試してみたところ、LINE Messaging APIとLogicApps使えば、簡単にノンコーディングでできました~。
というわけで、LINEのメッセージを送信するとBacklogにチケットを起票する仕組みの手順メモ。
Continue reading »

お問合せメールの内容をBacklogに起票&自動返信メールを送る仕組みをノンコーディングで作ってみた話。(LogicApps+Backlog)


今回はメールフォーム自体には一切触らず、LogicAppsを使って以下の機能を追加してみます。

  • お問合せフォームから送信された内容をBacklogに自動でチケット起票
  • Googleスプレッドシートにお問合せ一覧を作成
  • 送信者に自動返信メールを送信
  • Slackにお問合せがあったことを通知

コード書ける方ならチョチョイとできるかもですが、書けない勢がこの内容を後付しようとすると手間も費用もかかると思うのですが、LogicAppsを使えばコネクターを5つつなぐだけで実現可能!しかもノンコーディングでサクッと作れます。
とうわけで、手順をメモ。
Continue reading »

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 »

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

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

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

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

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