Zapier + RSS で Twitter のツイートの音声読み上げをやってみたけど微妙だった話

Slack、読み上げてくれんかな。ラジオ感覚で聞きたい。 #開きに行って観るほどではないが把握くらいはしておきたい

— 三浦一仁(本読めるようになりたい) (@kazuhito_m) 2017年1月16日

わかる

— ずみっくす (@srz_zumix) 2017年1月16日

ということで、Slack ではないですが Twitter のツイート読み上げをやってみました。
（Slack でも outgoing webhook があるので Zapier で繋げられるはず）

が、結論を先に書くと
求めていたものとは違うものでした。

Twitter → RSS → 音声読み上げ

なぜこの構成にしようと思ったのか？
音声読み上げは PC 上でやっても良かったのですが、スマホで読み上げてくれたら XFD 的な感じで通知にも使えるしいいかなぁと思ったからです。
（あと、PC は作業用BGMとかかけてたりするとフロア全体には流せないですしね）

Zapier の設定

Zapier はサービスとサービスをつなげるハブサービスです。
以前書いた「ブログズミ: CIサービスの結果を Twitter に投稿する」に細かいことは書いてあるのでそちらも参考にしてください。

今回は Twitter → RSS の設定です。


まだトライアル版の期間内でしたので、フィルターも設定してみました。


ちなみに、無料プランだと 2 step までしかできないです。（うーん、ずるいなぁ。フィルター絶対欲しくなるもん…）


これで設定は完了。

RSS Reader で読ませてみる

今回使ったアプリは WalkReader です。
こんな感じに読み上げてくれます。（ブログでは声出ませんけど…）

結果

本当に欲しかったのは、とあるトリガー（今回は Twitter のつぶやき）に対して
「（ある程度）リアルタイムに反応して、自動でその内容を喋ってくれるもの」でした。
で、出来上がったのは
「5分～15分の更新頻度で、手動でその内容を喋ってくれるもの」でした。
全然ダメでした…
（まぁ、サービス連携を覚えたので色々やってみたかったんです。ダメでしたけど…）


まず、RSS Reader 側は自動で読み上げてくれるようなものを作ったり、既にそのようなものがあったりすると思います。
なので、解決できなくもないのですが、
Zaiper の更新頻度が有料プランでも "5分" であること、今回選択した RSS では受け側も常にポーリングしている必要があることなど、ちょっと下調べ不足でした。

つづく・・・

読み上げは個人的にやってきたいことの１つでもあるので、今後もいろいろ試していこうと思います。

では。

[Jenkins] オフライン理由にリンクを貼れなくなって困っている

いつ頃からかわからないのですが、Jenkins のスレーブをオフラインにするときの理由にリンクを貼っても、テキストとして表示されるようになってしまってました。
この前の第7回大阪Jenkins勉強会で川口さんに直接聞いてみたら、OWASP Markup Formatter Plugin 入れたら出るはずと教えてもらったのですが、オフライン理由のところはやっぱりダメでした。
実は、OWASP ってデフォルトで入っていたような気がしていて、私の環境でも既にインストール済みでした。


試しに、 OWASP を無効にしてみたところ、ジョブの説明やビルドの説明のところはリンクが無効になったので、プラグインはこれであっていると思うのですが…

どなたか解決方法あればコメントくださいm(__)m

reveal.js + Markdown のちょっとしたメモ - その４

「ブログズミ: reveal.js + Markdown のちょっとしたメモ」の４回目です。
今回は、昨年12月に行われた第８回大阪Jenkins勉強会でしゃべったときに、reveal.js でスライドを作成したのでそのときやったことのメモです。
参考：ブログズミ: 「第８回大阪Jenkins勉強会」で発表してきた

その３は、

• Zoom
• fragment を使う
• レイアウトのカスタマイズ

その２は、

• HTML 変換後の表示
• PDF に出力
• テーマの作成
• 背景付きテーマ
• Notes を使う
• App::revealup

その１は、

• 表題が大文字表記にならないようにする
• 空行を入れる
• タグを直接記述する
• 公開する

を紹介しました。

背景を変える

すべてのページの背景を変える場合は、テーマで指定するのが良いと思います。
方法は その２ の背景付きテーマを参照してください。

一部のページの背景を変える場合は、セクション（section）の属性で指定をします。

---
<!-- .element data-background="#000000" -->

data-separator(---),data-separator-vertical(--) の直後に .element コメントで設定します。

背景に指定できるのは、画像だけでなく単色、ビデオも指定できます。

スライドするごとに背景がずれていくようなことをしたい場合は、Parallax Background を利用することになります。
こちらは、Reveal.initialize で設定することになります。
やり方は、Github のドキュメントを参考にしてください。

変えた背景に合わせてフォントカラーを変える

さて、背景を変えることができましたが、明るい色のテーマのスライドに黒背景のページを挟む場合に、背景だけ変えるとフォントカラーはそのままで見えなくなってしまいます。



そこで、背景に合わせてフォントカラーも変えたいと思います。
それには、 reveal.js 3.0.0 から追加されたで「has-light-background/has-dark-background」を利用します。
これは背景色を部分的に変更した場合に、デフォルトより明るくなれば「has-light-background」が、暗くなれば「has-dark-background」クラスが section に付与される機能です。
これを使って、以下のような css を用意すれば背景色に合わせてフォントカラーを変更できます。
(reveal.js 付属のテーマで対応済みのものもあります。white.css, black.css)

.reveal .has-dark-background {
  color: #CCCCCC;
}/

例：第８回大阪Jenkins勉強会発表資料

埋め込み

作ったスライドをどこか別のところ（ブログなど）に埋め込みする方法です。
単純に iframe タグを使うだけで問題なさそうでした。
上でスライド表示しているのも iframe でやっています。

最後に

もうほとんど Markdown は関係ありませんでしたね…すみません。
まぁでも、また機会があったら「その５」を書きたいと思います。
ではでは。