---
tags: cofacts, meeting note
---
20190731 會議紀錄
====
bil, 文武, lucien, orz,ggm
>
> 上次開會紀錄：https://g0v.hackmd.io/s/ryxpCDrfB
>
## 小聚準備
:::danger
今天要處理完！
:::
- [x] 主題：鬼門關（鬼差、搶孤、勇闖鬼門關 = 資料庫）
- 勇闖謠言鬼門關
- 用回應消口業、渡眾生
- 西洋人怕鬼、台灣人也怕鬼
- 在鬼月的尾聲，一起與好兄弟、好姐妹、回學校的小朋友、以及與資料庫裡的鬼話連篇說再見
- [x] 時間：8/31 14:00-17:00（青平台已經確認）
- [x] 人數：25
- bil: 不要超過 25, 超過會認識不到人, wifi 會爆
- [ ] Banner 改舊的圖 - lucien
- [x] KKTIX
- [ ] LINE 推播（不要提到 g0v 否則會爆量，造成困擾）
- [x] 攜帶貼紙: bil - 殭屍
- [x] 場地：青平台
- [x] 茶水
- [x] 麥克風+插座+網路
- [x] 投影機
- [x] 延長線
- [ ] 食物
- [x] 垃圾的話大樓有垃圾車
- [x] Talk - maybe coscup by mrorz
- [ ] 青平台說樓下門禁變嚴格，需要簽到單 --> KKTIX 可列印
- [ ] 誰會來呢？orz, bil
- [ ] 開場使用材料更新：https://docs.google.com/presentation/d/1QCAPtwkxreQ4EUtIWsOgR4c8h4tkRs22Qvv7jBFNrfI/edit#slide=id.g1ffc87ef17_0_23
:::warning
TODO
Banner 圖
LINE 推播文案
:::
## Logo
:::warning
A~C 案選一個
:::
- A: GGM
- B: GGM, Bil, 文武, lucien
- C: 文武, Orz
lucien
為什麼你會喜歡 C
Orz:
A 像信用卡
C 很棒，東西放在一起很完整，而且很像鳥，對大家記憶上很友善
教學時可以「你就點那隻鳥頭」
文武：
B C 因為很像鳥
bil
啾啾啾
B 很像吹泡泡
lucien
F 字是 A 最明顯
orz
我後來沒在看字，我覺得放大鏡 C 還算明顯，也有點像錘子
灰階那塊是影子
lucien
很像鳥嗎 我覺得 B 也滿像的
bil
我要改支持 B 就好
因為 B 比較好畫
lucien
那選 B 怎麼樣
bil
我們可以跟鳥做連結嗎
像假新聞清潔劑與肥皂
lucien
twitter 嗎
ggm
學舌鳥嗎
鴿子（和平鴿）
lucien
鳥其實有滿多可以用的
orz
如果有什麼 metaphor 可能現在就要想出來
bil
飛鴿傳書
通風報信
鸚鵡學舌，機器人會學起來，問一樣的問題，就會一直回
:::success
B~
:::
## Facebook 教 NGO 打廣告的筆記
> by bil & g0v friends
>
https://g0v.hackmd.io/lAw51JyLT5SaDxk3uRHqsw?both
- Instagram 藍海市場先行者
- 限時動態很重要
- 影片要拍直的
## 8/7 採訪
> 8pm~8:30pm 採訪
:::success
統計：文武, orz, bil, ggm
:::
## 9/7 大松
:::warning
Bil, MrOrz 不在台灣
:::
:::success
GGM, 文武應該會去
- 可以在 FB 廣告
:::
## Dev
### Migration - Clustering solution
1. ssh config 互通: `new-cofacts`, `old-cofacts`, `answerfamily`
2. docker-compose expose elasticsearch's [port](https://discuss.elastic.co/t/elasticsearch-port-9200-or-9300/72080/2)
- `9200`: control
- `9300`: nodes communication
4. docker-compose 加上 remote db:
- See [cagataygurturk/docker-ssh-tunnel](https://hub.docker.com/r/cagataygurturk/docker-ssh-tunnel)
- environment:
- TUNNEL_HOST: cofacts-org
- REMOTE_HOST: localhost
- LOCAL_PORT: 9300
- REMOTE_PORT: 9300
5. 設定 elasticsearch.yml
- `cluster.name` 兩者一致
- `node.name` 取不同名字
- `discovery.zen.ping.unicast.hosts` 設 ssh tunnel 的 service 名字（docker-compose network 會用該名字設 host）
:::danger
db_1 | [2019-07-31T15:21:04,163][WARN ][o.e.d.z.ZenDiscovery ] [new-cofacts] failed to connect to master [{VxKgRte}{...}{...}{172.19.0.9}{172.19.0.9:9300}], retrying...
:::
### FE UI revamp
- Next.js 9
- Fix FOUC
- Removal of custom server & next-routes
- Use Apollo client & local state management to replace Redux
- UI library
- [Library npm trend](https://www.npmtrends.com/evergreen-ui-vs-material-ui-vs-semantic-ui-react-vs-antd-vs-react-bootstrap-vs-reactstrap-vs-baseui)
- [Material-UI](https://material-ui.com/)
- Supports any style library, like [emotion](https://material-ui.com/guides/interoperability/#emotion)
- SSR support is doable but [a bit complex](https://github.com/mui-org/material-ui/blob/master/examples/nextjs/pages/_document.js)
- 勝
- [base-ui](https://github.com/uber-web/baseui) by Uber
- Uses [styletron](https://baseweb.design/getting-started/installation/#styletron)
- SSR [follow styletron example](https://github.com/zeit/next.js/tree/canary/examples/with-styletron/), more complex than Material UI SSR...
- [Evergreen](https://evergreen.segment.com/components/) By Segment
- Fixed color & design; provides sketch file
- Override style with props (uses [ui-box](https://github.com/segmentio/ui-box) as CSS-in-JS solution)
- Simple [SSR](https://github.com/segmentio/evergreen/blob/master/examples/ssr-next/pages/_document.js) -- so when will it dump SSR style cache? So mysterious...
- (optional) Gradually migrate to TypeScript
- (optional) API server token based authentication
- API <> UI: ID token dispatched by API.
- The token can be encrypted, or it can be designed so that clients can read and verify (i.e. JWT).
- The token is passed from UI to API using HTTP headers.
- SSR website <> UI: UI passes ID token from API server to SSR
- The ID token is passed to SSR website using cookie, so that it works even on 1st load after browser reloads
- Cookie is set via client Javascript after login redirect from API server. It can be set under SSR website domain only.
- SSR website <> API: Uses ID token passed through from UI
- The ID token is retrieved from UI using cookies
- The ID token is passed from SSR website to API using HTTP headers
- Chatbot <> API: Still uses API keys
:::warning
We may choose to delegate the whole authentication mechanism to Auth0 instead. For chatbot servers, use [client credentials](https://auth0.com/blog/using-m2m-authorization/).
:::
## TFD 問答
> Subject: Questions From TFD
https://hackmd.io/@mrorz/Hyw4eSh-B
:::success
orz 寫
:::
## 8/25 19:00~??:00 高雄
> GGM 會去
對方找了一群志工
地點還沒確定，應該在市區吧
bil
沒有必要太久，21:00 以前結束吧
ggm
是什麼活動，workshop 還是演講
bil
小聚吧
我們希望有人能來查證
他們找了一群人，希望有人來教如何查證
教他們不要把「含有正確訊息」與「含有不實訊息」標成「不在查證範圍」等等，因為有人會這樣做。
最重要就是學網站怎麼用、然後講好分類