condo3

condo3について

connpassやDoorkeeper のグループのイベント情報をiCalendarやAtomで取得するためのサイトです

f:id:sue445:20190811162205p:plain

connpassやDoorkeeperで特定のグループ（コミュニティ）の勉強会をウォッチするのに現状だと開催通知のメールしかないのが不便という問題がありました。（個人的にはSlackでウォッチする手段がほしかった）

本当は公式でこの手の機能（グループ単位のフィード）を提供してほしかったんですが、connpassには（Doorkeeperだったかも？）過去に要望投げたものの特に音沙汰がなかったので結局自分で作りました。

AtomのURLをSlackの特定のチャンネルで /feed subscribe 〜 すれば新しいイベントが作られた時にSlackに通知される
iCalendarのURLをGoogleカレンダーに登録すれば自分のカレンダーに表示できる。
- さらにGoogleカレンダーをSlackに連携させればSlackに通知もできる

ここではSlackとGoogleカレンダーのみ取り上げていますが、AtomもiCalendarも汎用的な規格なのでこれらの形式に対応している他のツールと連携させることもできます。

アプリ本体でいうと開発期間は全部で3週間くらい
- サーバサイド2週間 + フロントエンド1週間 + 細かい調整で3日弱
- 他に https://github.com/sue445/go-doorkeeper の開発で2〜3日。（condo3作ってる最中にDoorkeeperのgolang用のAPIクライアントがないのに気づいて作った）
サーバサイド
- Go 1.12
- GCP
  - Google App Engine/Go
  - Cloud KMS
- memcached
フロントエンド
- Vue.js
- TypeScript
- webpack
- Bulma （CSS フレームワーク）

余談ですが個人開発だとCloud KMS, TypeScript, webpack, Bulma辺りは初採用です

Google App Engine/Go
- アプリの性質上無限にAPIを叩かれることが容易に想像できたので、Herokuはあまり使いたくなかった
  - Herokuはアカウント単位でDyno hour（インスタンス起動時間）の無料枠を使うため。（既にHerokuで個人アプリ10個以上動いてるのでリクエストがガンガンくるアプリは立てたくない）
- 業務的な話になるけど今期の個人目標が「GCPのスキルをつける」だったのでせっかくだからappengineを使ってみるかってことに
  - appengineは昔使ってたことがあるので全然知らないわけではなかった
- appengineではいくつか言語が選択できるけど、爆速でリクエストさばくにはGoが一番向いてた
フロントエンド
- 自分の中ではReactかVue.jsの二択だったけど、APIがメインで画面はトップページしか必要なかったのでVue.jsを選択
  - Reactは大規模開発のイメージがあった。（異論は認める）
- 型安全が好きなのでTypeScript選択
CSSフレームワーク
- Bootstrap以外思いつかなかったので社のSlackで募集したうちの1つがBulma
- 実際に社のSlackに投げた時のスクショが下記

f:id:sue445:20190811165356p:plain

8〜9年ぶりにGoogle App Engineを触ったので浦島太郎状態
特にappengine/GoはGo 1.11(1st generation)と1.12(2nd generation)で作り方が全然違う *1 のを知らずに最新版って理由だけで1.12で作り始めたので、1.12のドキュメントも少なくググった時に1.11以前のドキュメントが出てきて動かなくてそこでハマってた
- 2nd genだとローカル開発時に dev_appserver.py が不要になってたり、appengine本体にmemcachedが入ってないのが一番のハマりでした...
フロントエンド赤ちゃんの状態で雰囲気でVue.jsやTypeScriptを書いたのでハマりしかなかった