shared-tw

Month: 2021-06

2021-06-06

blakeyang22 21:23:36
@blakeyang22 has joined the channel
blakeyang22 21:24:19
@blakeyang22 has renamed the channel from "test1" to "share-tw"
Han 21:25:01
@525hanlee has joined the channel
YY 21:25:07
@aryasisnoone has joined the channel
Matt 21:25:08
@c6427733 has joined the channel
AngusWu 21:25:12
@s0937196597 has joined the channel
blakeyang22 21:25:19
@blakeyang22 has renamed the channel from "share-tw" to "shared-tw"
Jason Zeng 21:27:48
@dj4871114 has joined the channel
Josh 21:32:45
@a777441a has joined the channel
blakeyang22 21:37:05
在麻煩大家把 github account 發給我,感謝!
DM給你了
blakeyang22 2021-06-06 22:05:18
以上的都已經發邀請囉
✅ 1
csc981.04 21:44:52
@csc981.04 has joined the channel
csc981.04 21:45:15
Hi
YY 21:45:30
Miro 這是剛剛我們會議裡面的頁面
https://miro.com/app/board/o9J_lA6ENy0=/
Josh 21:58:53
想問一下前端的大大們, 這個 project 要用
1. vue2 or vue3?
2. js or ts?
3. css framework 要用哪個?
提案
我不太喜歡 element ui😂
Vue3 , Bootstrap 5 或 Tailwind呢
沒事我只是想用 Vue 3 而已,但是目前支援的 UI Library 不多。
@csc981.04 這個組合感覺也不錯!不過目前 BS5 沒有 Vue 的 UI Library 所以變成功能要自己刻。
Jason Zeng 2021-06-06 22:15:33
支持 Vue3 ,Bootstrap5
Tailwind 是我下一個想玩的框架 XD
我平常都用 Windi CSS 一個跟 Tailwind 很像的東西XD
b5 跟 tailwind 我都OK, 但生理上略排斥 element-ui , 之前拿到很雷的專案, element-ui 改起來超綁手, 之後我就拒絕他了 哈哈
還是說用表決的
Vue
1. vue2
2. vue3
1. js
2. ts
UI Framework 就看要使用哪個版本再來列出清單?
我比較偏向共識決
對了 這個專案要SEO吧?
如果要的話就要考慮 ssr?
有的話當然好
那版本的部分應該都有共識用 vue3
那要用 vite 嗎
不是以頁面取向應該不用SSR吧,首頁做好就好
ssr 之後再說吧 兩週有點趕
優化可以擺後面(?
Vite 我算涉略比較多…
這個專案有大到需要vue-cli嗎?單純分頁面是不是就可以解決
我覺得用 vue-cli 後面擴充或維護都會比較好做
沒用過Vite,有興趣求分享
blakeyang22 2021-06-06 22:29:41
亂入一下, mono repo 可以嗎? 還是大家偏好backend, frontend 分開?
我偏好分開, 自己接 api
分開 +1
Vite 我覺得可以, 雖然我也沒用過 哈哈
blakeyang22 2021-06-06 22:31:12
ok
所以 @525hanlee 說的首頁做好是指用 pre-render 做首頁預載嗎?
然後如果真的要考慮後續擴充跟維護的話, ts > js
分開+1
如果需要,我願意學ts...我看了他好久了
@csc981.04 cli 跟 pre-render 沒啥關係
哈哈 我沒說清楚
如果用 vite, 直接用 vite 處理 ssr 的部分就好了
原來如此!
Mono repo 技術不同應該不用吧
Vite SSR支援很高,Vue cli 將來內部也會換成 Vite
Pre-render也可以講成SSG其實就是預先把SSR的頁面印出來而已
目前看下來就是 Vue 3 + Vite
剩下就是 Language 跟 CSS Framework 要決定一下
都用 Vue 3 了如果大家有意願學當然 TS 比較好
我個人對 Vue3 還有 TS 沒有那麼熟悉,不過如果有這個機會的話我滿願意學的 ~
用 TS 寫 Vue 3 真的蠻簡單的
還有其他人有什麼想法嗎?
沒有的話我看可以討論 CSS 的部分了
Vue3 的話 UI Framework 應該大部分都還在 beta 版本
CSS Framework 就是 bootstrap 5 或 tailwind
有要使用 UI Framework 還是直接用 css framework 就好?
tailwind +1
我們是否應該趕快決定然後進行開發了🤔
目前 CSS Framework 就好
大概兩個提案
Tailwind 2.0
Bootstrap 5.0
有人有特別討厭那一個的嗎?
我目前想到的問題是用 Tailwind 的話可能就要先畫好 UI 或共用組件不然同時開發出來會很怪,Bootstrap就比較沒有這個問題。
我個人是都可。
Jason Zeng 2021-06-07 23:53:28
Tailwind 需要點時間才能上手,Bootstrap5 馬上就可以用,
還是以大家為主,我都可以學習
Jason Zeng 2021-06-07 23:53:43
弱弱的問,
Jason Zeng 2021-06-07 23:56:41
弱弱的問,TypeScript 有沒有外掛可以存檔自動編譯轉成 js檔,還是只能透過編譯工具?
用處是?目前想到比較簡單的方法是用rollup + build watch mdoe
或是也有 TypeScript 的 runtime 是可以直接跑的
Jason Zeng 2021-06-08 00:08:36
因為還不熟悉 TypeScript ,所以想先藉由改原本的 js 檔案練習
YY 22:04:31
各位
感謝大家今天的參與,本日可以先昏迷
我跟blake會把github.issue設定好
然後把要做的項目列出來
到時候大家再討論細部的部分?
👍 2
Charles Su 22:11:29
@bolabu321 has joined the channel
blakeyang22 22:25:15
~Repo 來啦: https://github.com/shared-tw/shared-tw~

repo 會分成前後端
blakeyang22 22:25:27
大家可以自己去發 issue XD

2021-06-07

YY 04:19:15
各位人很好最有耐心的前端大大們
拍謝請再給我一天的時間🙈
把wirefram(?)的流程細節再擠得清楚一點
沒意外的話,預計你們禮拜二醒來的時候,我就已經完成了

然後剛剛已經發邀請給這頻道裡的大家了
就是今天下午的那個平台miro
大家進去之後可以寫comment了

請前端製作經驗豐富的大家
幫看一下有沒有哪個流程怪怪的
或是需要我再寫更清楚的地方
港薛各位 <(_ _)>
👍 3
Charles Su 17:23:25
hi 我做了logo大家看看覺得如何
🙌 5
Charles Su 17:23:53
3.png
Charles Su 17:24:00
這是概念
Charles Su 17:24:19
1.png
2.png
YY 23:19:13
各位我好了,睡不著可以看一下~(然後就睡著了~
然後要問一下各位方便開會的時間
因為這圖看起來…各位可能會有疑問(?
基本上台灣時間1pm-0am (11hr) 我都可以
但本週四台灣的6pm & 本週六2pm-6pm 有事不行
我們先列幾個選項給大家選好了,確定了再縮小範圍
1. 6/8(二) 7pm-10pm (之間
2. 6/9(三) 7pm-10pm (之間
3. 6/11(五) 7pm-10pm(之間
4. 6/12(六) 6pm-10pm
5. 6/13(日) 1pm-10pm
6. 其他想法
感謝各位的參與
blakeyang22 2021-06-08 03:28:28
平日是上班時間所以不太方便 😅
平日八點到十點。假日應該都行
4️⃣ 6 5️⃣ 4 1️⃣ 1 2️⃣ 1 3️⃣ 1

2021-06-08

YY 02:38:22
@aryasisnoone set the channel description: Github: https://github.com/shared-tw
Miro: https://miro.com/app/board/o9J_lA6ENy0=/
YY 03:12:34
@aryasisnoone set the channel description: Github: https://github.com/shared-tw
Miro: https://miro.com/app/board/o9J_lA6ENy0=/

目前先著重於一線人員警消醫院的醫療物資方面
未來希望可以推展到各偶發型的特殊事件
(譬如過往的太陽花學運、高雄氣爆等事件)

跟其他平台不同之處:
1. 捐贈者與捐贈單位的直接連繫(省時)
2. 捐贈者可以直接選擇要捐贈的單位 (透明度)
3. 追蹤捐贈進度(能見度)
YY 03:12:48
@aryasisnoone set the channel topic: 針對台灣目前疫情的物資需求及愛心捐贈問題
建立平台進行媒合
Matt 23:31:13
打擾一下各位,前端技術已經決定的差不多了
礙於如果使用 tailwind 可能會有 UI 畫面不一致的關係
所以我試著使用 Adobe XD 建立 UI 畫面
對 XD 不熟可能做的有點糟,應該都跟 miro 上面差不多,只拉了前面到註冊的畫面
因為上次討論以手機為主,所以改了一些在手機畫面上可能比較好顯示的方式
畫面大家可以先一起討論出雛型跟主視覺
https://xd.adobe.com/view/2e64e0e2-c4af-42c7-8f87-e25f64e856e0-7b37/

建立專案的部分,技術上我覺得 @525hanlee 應該比較熟悉提出來的技術
可能就先請 Han 先建立專案推上去再去切其他的 task 出來,其他人有別的想法嗎?

xd.adobe.com

Flow 1

8 Screens, Last modified on Jun 08, 2021 15:17 GMT

好啊 咱趕緊把開會時間訂一下,
然後把初稿先吐一個出來
還有這份可以借我發到別地方嗎?我要找UX/UI QQ
@s0937196597 你禮拜六6pm-10pm可以嗎?
~(大家晚餐幾點啊 7點吃完沒~
沒問題,細節部分我會先決定,有想要改的都歡迎提出來!
那你做好的時候就發上來抗抗吧 薛薛
那你做好的時候 請發上來抗抗吧 薛薛

2021-06-09

Han 03:24:56
前端的基本 template 已經建好了:
https://github.com/shared-tw/frontend
大家可以自己 clone 下來玩玩看,然後記得讀 README
有任何問題都歡迎DM,或是直接回覆此文。
等等 有沒有友善PM介面
不素 沒關係啦我等等clone下來踹看看好了 你快睡覺
我 clone 下來建立好了
在 run 專案的時候會需要再自己安裝 @iconify/json 這個套件,這樣是正常的嗎?
pnpm + vite 啟動速度好快啊啊啊
@c6427733 不正常哈哈,我修一下
@c6427733 pnpm 最低版本要 12.17
我目前是用
pnpm: v6.7.1
node: v14.16.1
@525hanlee 之後專案的 css component, utils 會改寫在額外的 js 內?
@a777441a 看有沒有要加功能,有功能就包成components
主要是撰寫位置
@a777441a 改了
目前開發階段以 main branch 為主,等到上線後會再切一個 dev branch 出來。
然後我有新增了一些說明跟變更,請大家再 pull 一次,目前先確認一下開發環境有沒有問題。
@a777441a @c6427733 @csc981.04 @525hanlee @s0937196597 @dj4871114
我想問一下大家可以著手做的時間?
目的是,因為看起來 大家有空的時間不太一樣
如果目前miro那個蜘蛛網
有覺得自己有餘韻可以先下手的
看要不要出來認領幾個頁面先跑
這樣週六大家就可以直接看圖說話
@a777441a 我知道只是我懶得寫 CSS 所以用 @apply 你要的話可以發個PR
1
YY 04:16:20
禮拜六晚上看起來大家比較ok,
剛剛已經發邀請給大家了,預計七點開始
~(遲到的請喝黑糖珍珠鮮奶我要大杯熱的~
我們是在slack語音對吧?
然後想請大家稍微統整一下想問/討論的問題
(譬如我那張蜘蛛網
可以直接回在本篇,週六一起討論,薛薛各位
1. 解說我那張蜘蛛網圖
2. 確立一下專案核心
• 填寫物資需求時,需要上傳圖片幫助理解嗎?(剛剛討論暫定先不用)
• 取消等待機制:因近期台灣物流不穩,若發生「捐贈物未如期送達」的狀況,過了幾天,可能可以取消等待並重新釋出需求開放捐贈
YY 04:22:25
1. 解說我那張蜘蛛網圖
2. 確立一下專案核心

2021-06-10

AngusWu