JAZUG札幌支部(きたあず) 第16回勉強会で登壇しました。

10月28日に「札幌 ユビキタス協創広場 U-cala」で開催された「JAZUG札幌支部(きたあず) 第16回勉強会 ~秋の陽気で妖気なアーキ祭り~」に参加してまいりました~。
北九州から札幌まで、頑張れば当日の昼までに到着できるという知見を得た、強行軍な旅程でしたがw(ただし出発は午前4時)
今更感すごいんですけど、当日のレポートなど。
Continue reading »

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 »