はてなブックマーク

この記事は UG Advent Calendar 2020 24日目の記事です。 早速ですが記事タイトルの動作イメージからご紹介しましょう。 動作イメージ Yahoo気象情報APIを15分毎に参照して自宅の座標に一定数以上の降水量予測が検知された場合、Slackのhome_speakerチャンネルに予測日時と予測降水量を投稿しつつ、Alexaに読み上げてもらうというものです。 UG Advent Calendar 2020 24日目のネタ 「Node-RED×Yahoo気象情報API×Alexaで雨雲通知システムを作る」の実験中。#EchoShow5 の上に寝ている #合成人間 がいい味出してる。#NodeRed #Alexa pic.twitter.com/qwq547Iyyf— marumo (@marumo0014) 2020年12月23日 Slack通知はこんなかんじ。実験なので過

SlackなどのAPIからJSONデータを取得したあとそれをスプレッドシートに展開する場合、オブジェクトのkeyを一個ずつ指定して二次元配列を作ってシートに展開...みたいなことをやっていました。 しかし、いちいちkeyを指定してやるのが面倒だしコードも見やすくはないのでkeyを全てシートの1行目に展開、対応する値を行ごとにセットする方法を考えてみました。 やりたいこと ネストされたJSONをテーブルにするため「フラット化」する 今回の肝になる flattenObj 関数 SlackAPIのユーザ情報をスプレッドシートに展開してみる 各ステップの解説 配列内のObjectをフラット化 1つ目の配列のkeyをヘッダーとして定義 headers をループして生成した配列を body 配列にまとめる headers と body を結合 setValues あとがき やりたいこと 画像左のSla

Slackのログを分析するときは管理画面から一括ダウンロードするのが早い。しかし、出てくるデータはチャンネルごとにフォルダがバラバラかつ日付ごとにバラバラのJSONファイルとして出てくる。 CSVならあまり頭を使わなくてもそのまま開いたり、日付ごとのファイルでもbatで統合するなりすればいいがJSONファイルをExcelで扱うにはPowerQueryが最適。VBA-JSONを使う手もあるが、初心者向けではない。 手順概要 Slackからごそっとデータをダウンロード ZIPファイルを解凍 Excel のデータタブでデータの取得→ファイルから→フォルダから 自動生成された関数を手直し シートに読み込む 1. Slackからごそっとデータをダウンロード Slackの管理画面https://<ワークスペース名>.slack.com/admin/settings にアクセスし、画面右上の「データのイ

プログラミングの学習においてProgate（プロゲート）を使っています。 HTMLやCSSの学習は有料部分含め全て終えたわけですが、最後に残っていたのがSass。 なんとなくのイメージはCSSの上位版というか効率的にCSSを書けるもの。具体的にどんな事ができるかはぼんやりしていたので何が出来て何が良いのかをまとめてみます。 SassにはSASS記法とSCSS記法の2種類の書き方がある プロゲートではSCSS記法で学習するみたいですがググって見たところそれぞれの特徴はこう。 ①SASS記法 {}などの括弧を使わずインデントのみで階層構造を書く記法。 セミコロンも無しなんて凄くスピーディーに書けそうですね！ div margin: 0 auto a color: red ②SCSS記法 こっちはCSSと同じっぽい？と思いきやdivの中にaがある！ 階層構造になっているわけですね。 どちらかとい

昨年末から愛用してきたGoogle Home Mini。 手に入れて最初にやったのがNode.jsの「google-home-notifier」で色んな通知を喋らせるというもの。 しかし、自分のjavascriptの知識なんてjQueryでウェブサイトに動きをつけて遊んだりする程度。よくわからないまま先人の知恵たるブログを参考にして実装しましたが、仕組みがよくわからなくてモヤモヤしていました。 でもようやく出来ました！Pythonで！これを「google-home-notifier-vt」と名付けます。 できるようになること 参考にした記事 改良点 Voice Text API対応 slackの特定チャンネルに投稿したら喋る 文字化け対策 謎の空白対策 コード全文 導入手順 ① 各種ライブラリをインストール python-voicetextのインストールでエラーが発生した場合 ② ngro

今週セールページを用意するときにタイムセールの枠を作ることになったのですが、カウントダウンタイマーを自動で表示して終わったら非表示にできないかとscriptを探していたらこんなものを見つけました。 http://qiita.com/dribble13/items/3eb39726aba33add6c0aqiita.com これがすごく便利！ このscriptでできること 指定した日時になったら要素を表示する 指定した日時になったら要素を非表示にする 指定した期間だけ要素を表示する このscriptの利点 jQueryなので記述が簡単に済む 日時指定が要素のタグ内に記述できるので管理が簡単 導入方法 1.jQueryライブラリを読み込む <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquer