Node.js＋Botkit＋localtunnelでSlack Interactive Messageを試す

ずいぶん前にSlackにInteractive Messageという機能が追加された。この機能はBotやAppからのリプライにリストやボタンを含めて返すもので、Bot/Appの表現の幅が広がった。

ということで、実際にNode.js+Botkitで試してみようと思う！

ただ、実装しようとググっても、BotkitのExampleを使ってもどうにも動かなくてかなりハマったので、なるべく丁寧に解説しようと思う。


今回使う環境は以下のとおり。

• Node.js@8.x
• Botkit@0.6.6
• Botアプリケーションをつくるためのフレームワーク
• localtunnel@1.8.3
• httpsの外部連携（OAuthやリクエストを受け取る）するためにローカル環境を外部に公開するツール
• HerokuやngrokなどでもOK

[Vue.js]Vuexを使わずにコンポーネント間のデータやり取り・状態管理する方法3パターン

Vue.jsで小規模なSPAを開発している。Vuexを導入するほどでもなく、Vue.jsの標準機能でコンポーネント間でデータをやりとりする方法がないか考えていた。

親子コンポーネント間についてはProps down/Events upでデータのやりとりができる。
子子コンポーネント間（いわゆる兄弟間）はどうするのが良いのかを3つのパターンを紹介する。

• $on/$emitでのイベントによるやり取り
• 親コンポーネントをコントローラにして子コンポーネント間を取り持つ
• Storeパターンの適用

親子コンポーネント間のデータのやり取りについては、以下の記事を参照してほしい。

Vue.jsのフォームバリデーションはHTML5 input要素の設定で十分かもしれない

Vue.jsでフォームバリデーションをするとき、以前ならvue-validatorという公式コンポーネントがあった。しかし、vue@2.0のリリースにともない公式から外れてしまった。

気づいている人はいるかと思うけど、vue-validator も vue-resource と同様に実はこちらから願いでて、公式から retire してます。理由は、vue.js のコアに必要なくっているのと、開発時間をキープするのが難しくなっているということで。

— 🐤kazuya kawaguchi🐤 (@kazu_pon) 2016年12月1日

そのため、何か良いFormValidatorがないか調べていたのだが、HTML5 input要素のバリデーション用の属性を思い出した。

ということで、HTM5 input要素の設定でフォームバリデーションを行う。

[Vue.js2.x]ページ番号付きのページネーション（ページナビゲーション）を実装する

2年ほど前に以下のような「Vue.jsでページネーションをつくる」系の記事を書いた。


2年前の記事なのでVue.jsのバージョンもv0.12とかなり古い。
これらの記事を参考にしてくだっている方の中に、バージョンが違うことでハマっている方がいらっしゃった。

ということで、Vue2.x系で書き直す。
動作イメージは以下のとおり。

使用してるバージョンは以下のとおり。

• vue@2.5.2
• bootstrap@4.0.0-beta.2（←なくても大丈夫）

golangでSlack Real Time Messaging APIを使ってメッセージに応答するまで

以前、Node.js+botkitでSlack用botを作成した。
もう一度Slack botを作ってみたい欲が湧いてきたのだが、いつもどおりNode.jsで書いてしまうと他の言語が全然勉強できないので、今回はgolangを使って書いてみた。

この記事では、Slack Appの登録・設定・作成し、ユーザからのメッセージに対して応答するシンプルなbotを作成する。

Slack APIのページが完全に迷いの森で、慣れるまでどこで何が設定できるのかわかならい。そのため、スクリーンショット多めで説明する。