Jump to...
redirecting...

Log for YSITD

[photo](media:AgACAgUAAx0CPZbPgAABGFn1YRvthdS0ZnOCnPwl1Eph2eL54pQAApivMRsqu-BUD15k13jjl0cBAAMCAANzAAMgBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABGFn2YRv9aw1am6r5ekjuNhTSEoazchEAAqKvMRsqu-BU4nTaSGBBGKIBAAMCAANzAAMgBA@telegram)
他會不會是先黑後白 🤔
很正常啊
早安?
早安~
晚安
有些便當看起來不錯吃欸
因為是有人用批次重產....所以一定的時間都會重來 ._.
笑死
嗯?感覺有很大的有話空間. 🤔
[photo](media:AgACAgUAAx0CPZbPgAABGFoDYRywmkd1sC1SGj4ZfVFl7f9fdcoAAketMRsqu-hU3hSmiHl_l6sBAAMCAANzAAMgBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABGFoEYRywv0KuP0waDh6kJ6YqLywQn-oAAkitMRsqu-hUCoqO7SjkIKUBAAMCAANzAAMgBA@telegram)
對,但有人懶
cc @ptc0219
其實我也很好奇為什麼tw會突然反超th
因為我不小心爆破了他們
除了 popcat 以外,幾乎都是只有我在打
popdog 太難打,所以我沒特別打
幫我打
poppig popass 我全都不小心打到頂了
[sticker](media:AAMCBQADHQI9ls-AAAEYWgxhHLIe7-IyqbHur0r0DY0au9hZZwAC6wEAAt8fchlpTf0RjNQBEgEAB20AAyAE@telegram)
我給你機器(
[sticker](media:AAMCAgADHQI9ls-AAAEYWg5hHLIk10x6-IIqPXjWwgcvPVIlRQACSQADBr0uGfbMQcA_M5ieAQAHbQADIAQ@telegram)
給個 VM + Public IPv4 來
你要給我 lxc 也行
v4 + v6 可以嗎
mem 8g
可以,但 native v6 沒啥效果
不過你可以直接分一個 /64 給我
喔?
/48 可以嗎(
笑死,太欺負人了吧
Popdog被你打死了吧
!?
google
i didn't find them
and my bopomofo im
是我被 block 惹
喔可以了
@Haraguroicha 現在點進去 popcat.click 會有喵喵聲欸
[sticker](media:AAMCBQADHQI9ls-AAAEYWiBhHLMz16-RM9KAWqlJwRfIGzJfbAACjwADDGCzCIRsy5pAHWXIAQAHbQADIAQ@telegram)
難道你不是用千萬個ip在打?怎麼block
[photo](media:AgACAgUAAx0CPZbPgAABGFoiYRyzOo3mbrJgtcqB4cHv7KttHp4AAkqtMRsqu-hUXJ_HeV487a4BAAMCAANzAAMgBA@telegram)
我不知道,反正結論就是被鎖了
[photo](media:AgACAgUAAx0CPZbPgAABGFolYRyzWYZrCEDMoZ0Oa7Wd5mKuHSgAAkutMRsqu-hUDNGO5fmxqAMBAAMCAANzAAMgBA@telegram)
@Haraguroicha 好電,拿到至少 1/3 的台灣 IP 了!😂
[sticker](media:AAMCBQADHQI9ls-AAAEYWidhHLOAH_tCaEy1wxxAkwAByebWC0AAArYKAAK8CtoM5WCRMRUhHugBAAdtAAMgBA@telegram)
難道是Cloudflare的黑科技 🤔
不是,人家直接 Linode 灑出來
突然覺得 popcat.click ㄉ開發者很可憐
被主動 DDoS
我有看到他多了一個 meow.ogg 下載了,但我還不知道咋戳出這聲音來w
[sticker](media:AAMCAQADHQI9ls-AAAEYWi5hHLPL4KP_wHejzNUyl5jwRSy_GwACchAAApl_iALs0kUuPJAVagEAB20AAyAE@telegram)
神奇
壓力測試(0)
而且還很穩定
我覺全部pop click中得最慘的是cloudflare
其實對 CF 來說倒不算什麼
人家又不是只有一個節點 😉
真的是軍備競賽
比誰ㄉ IP 最多ㄛ
[photo](media:AgACAgUAAx0CPZbPgAABGFo3YRy0x-Fn6SBv-geaQA93p71IK6wAAkytMRsqu-hUPdhr_5--cLcBAAMCAANzAAMgBA@telegram)
嗯啊
我現在躺在病床上
(我家有病床
不是放上去吧,我是按下去才有聲音
Safari
[photo](media:AgACAgUAAx0CPZbPgAABGFo9YRy1kSyhgNwHBXr2UvMmeWVWSTIAAk2tMRsqu-hUL4gd7CWEZWYBAAMCAANzAAMgBA@telegram)
[sticker](media:AAMCBQADHQI9ls-AAAEYWj5hHLWU4-wE6RCVq5rOjqT_76GRTgACUgAD9044FWWrS9O8nMBVAQAHbQADIAQ@telegram)
然後滑鼠快速連掃過那個按鈕就會很「立體聲」
對不起 QQ
🤔
病床其實很好睡
比我假的床好睡多了
....
最好。
雖然也要看什麼病床
那種病房加床超不好睡的
我這個的床墊很像是箱子裡面拿來緩衝的那個東西
甚麼加床?
你是說陪病床嗎
就是醫院病房不夠病床
三折那個
額外擺的那種
類似
我以為你是說家屬睡的
家屬睡的那個我睡一段時間過
不舒服到爆炸
家屬不給睡病房的
怕交叉感染
可以啊
香港的不行
喔喔
台灣是要有家屬陪
就是照顧的人
那護士都在做什麼(
香港的醫院有探病時段
時段以外 家屬禁止進入
除非醫生特別允許
也是做同樣的事情啊
至於小朋友是無論如何都禁止探病的
會被護士趕出去
簡單講就是在護士跟病人之間當API
我那時候16而已
16 就不小朋友了
16 歲算青少年,該算成年還是兒童(
[photo](media:AgACAgUAAx0CPZbPgAABGFpmYRzEBE2E9aeTlFjhz3nJa1AK6ZwAAlytMRsqu-hUsFrHBMr7_SABAAMCAANzAAMgBA@telegram)
安安
歡迎 /
不 我是跟 Saren 說安安(?
😂
有沒有什麼主機是不錯租的Owo
🤔
VPS 嗎?
月預算多少
就單純玩玩可能多架個 PHP 網站
幾百塊(?
虛擬主機就夠用了吧(?
應該是Owo
還是你要 VPS
我分不清楚兩種差別QAQ
[photo](media:AgACAgUAAx0CPZbPgAABGFp2YRzgKKVo7qq7tbUC5zRurkWSRYIAAmytMRsqu-hUtX6mFzD55tABAAMCAANzAAMgBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABGFp3YRzgOFSn89CZToYxdxYNAAHACaMjAAJtrTEbKrvoVEbTE1xrG9b6AQADAgADcwADIAQ@telegram)
前者入門比較難,但自由度比較高;
那應該是 VPS
後者入門很簡單,但很局限
只能跑 PHP
因為我需要高自由度讓我玩壞他(X
不過要注意喔
這家服務商雖然超便宜
但是
他沒彈性可言 就是你不繳款就直接把你鎖住 也不以 hr 計費
玩一玩應該是夠用ㄌ
VPS => 一個完整的作業系統給你
虛擬主機 => 沒有系統管理員的殼層指令控制權,相對比較便宜
比較推 GCP,他的 credit 可以開價格以內,任何規格的主機
其他兩ㄍ (Azure, AWS) 都只有爛貨
QQ
Oracle 的話可能會有點難搶
Azure學生方案享有學生生涯的單核VPS
Azure不是不用錢嗎(X)
打開 vs nfr
爛貨.jpg
github student package 有送嗎Owo
學籍還在即可續約.jpg
GitHub Student Package 沒有送 VPS
[photo](media:AgACAgUAAx0CPZbPgAABGFqPYRzhesfzEoY_nQ6M28CqW4RC1m0AAm-tMRsqu-hUgnWpCDoaugEBAAMCAANzAAMgBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABGFqQYRzhhojPGj95SYmRwjOZmBzuQ3cAAnCtMRsqu-hUl0T9-XcY34kBAAMCAANzAAMgBA@telegram)
(X
不過沒有台灣本地的主機喵(?
今年會有消息
等等吧
GCP free credit 可以開
[sticker](media:AAMCBQADHQI9ls-AAAEYWpZhHOIMzpe1YuTS1D1e-r0N-UEDaQAC9gkAArwK2gypUGTUTKw5JQEAB20AAyAE@telegram)
看這一堆的英文還有微軟醜醜的字體,窩很害怕(DX
?
之前也有查到這家,但價格上沒什麼優勢ww
[photo](media:AgACAgUAAx0CPZbPgAABGFqbYRzit9IvUwHwAAECjqZi0aknQBeEAAJzrTEbKrvoVGYVxaayBeU0AQADAgADcwADIAQ@telegram)
爛貨
😛
有吧
最好的我拿出來了((
繼續下潛冒泡(
有 Azure
我還在用ggservers耶(
100USD 好像是
反正我是用 GCP
剛搬過去(
[photo](media:AgACAgUAAx0CPZbPgAABGFqlYRzi6MM_yPHv9pqC7FZXN8OCiAEAAnStMRsqu-hUPVTldOEXk2sBAAMCAANzAAMgBA@telegram)
不過 GCP 越來越嚴格了
現在需要身份證驗證
我以為那個就是包裝成學生方案的免費方案欸
這間的品質如何Ouo
我是Azure啦....
他好便宜喔
ㄍㄨㄟˋ ㄅㄠˋ
???
你看的是什麼
最便宜的一年2999是我目前看到最便宜的ㄟ
那個是虛擬主機。
ㄇㄞˇㄅㄠˋ ㄆㄢˊㄅㄠˋ
再下去的我沒有了(
@Rukiren 台灣 hinet 線路都不會便宜啦
OAO
好 ㄅ
這就是為什麼大家機房都喜歡設在新加坡之類ㄉ地方
因為網路便宜
還有一個 hostinger.com
這壓得好厲害喔 才 350 / mo
好貨才拿出來ㄚQQ
這好便宜OAO
不然 lionfree.net 就好了,不要玩爆就好
但這是虛擬主機
Lionfree 窩也有QQ
他們家就000呀
但虛擬主機很累
(☞゚∀゚)☞
什麼意思Ouo
000webhost
000是他們的品牌殼,主打免費產品的
背後就是 hostinger.com
CNY是什麼貨幣Ouo
CN yen
人民幣
喔喔
不是吧
但 hostinger 有話術,買的時候要小心合約裡面的文字
lionfree 早就已經改成自營了
就是很不穩
不是lf啦 xD
000是000
等等,你要記得換算費用喔
大部分網頁上寫的都是 USD
LF最早也是套殼就是
窩都用30去換算
y but not now
有夠 useful (?
說起來,GCP 484 很貴
算是
我們團隊之前用 GCP 的免費方案開一台主機
後來收到某家廠商的贊助,準備把主機轉移到他們的 GCP billing 帳號下
聽說主機一個月要燒掉 2000 多
還有 Data Center 中間交換的費用
因為主機不是我管,我不是很清楚他們選的方案
但著實有點奢侈(
我用 GCP 的原因是即使是免費的 300 USD 試用
硬體的自由度還是很高
而且網頁版面很清楚
用手機開也不會有太大的問題
這點我就要譴責 Azure 了😂
Microsoft 本來就不太會做 Web 服務(
Google 是真的厲害
AWS 就不用說了
連電腦開網頁後台都有幾個地方怪怪的
更何況是手機
用了一次就不想用了
🤔 我覺得他們介紹網頁就很不 ok 了
在我的 macOS 看,整份網頁都是 serif
不過聽說 AWS 在企業和新創間的風評挺好
AWS 垃圾
又貴又爛
!!
回顧一下:
錢多才用 AWS
經典。
以為你會傳 B.C. Lowy 的翻譯版ww
各家雲端服務不都很貴(
GCP 可能甚至算是這三家裡面比較會 discount 的了
所以我正準備把我的 Compile Server 移回我的 Desktop
要換掉我整套桌機平台
附上(
有沒有人剛好要賣 Ryzen 5 3600 或是 3500X 的
wwwww
[photo](media:AgACAgUAAx0CPZbPgAABGFsBYRzo4q9rYPlz2T6q3BQ-Hi5Qhl8AAnatMRsqu-hUHKwlRGNwdvABAAMCAANzAAMgBA@telegram)
台灣個資滿天飛
[photo](media:AgACAgUAAx0CPZbPgAABGFsEYRzqB0AhSdIZ00Ey8Dyj4YgRqh8AAnetMRsqu-hUaNEgBwJg05EBAAMCAANzAAMgBA@telegram)
聽起來應該是
台灣版社工庫 ==
台灣的個資不是都很好拿到(X
特別是年輕人的,學校網站跟學校回收廠可以撿到喔(X
OSINT(
甚至沒有 robots.txt,完全可以用 Google 找到姓名沒打碼的文件
就像我好像上次不小心把我的學生證丟在 github 一樣(X
真的很扯Ouo
有被冰封到北極嗎
現在還有 101年 OOO考上 台大OO系
這種掛在牆上的習慣嗎?
個資直接貼牆壁
陋習不是十年就能改變的(
果然還在
甚至我還看到列出幾十條姓名的榜單
貼在校門外
我忘記我看到ㄉ榜單名字有沒有打碼ㄌ
才2000
便宜啦
2000 挺少的
GCP隨便用都幾萬起跳齁
! 好吧
弄個 Minecraft 伺服器給朋友玩都不只
朋友間遊玩的話 架在自己電腦就好了吧
公開 IP?頻寬?
開Minecraft Server租VP
而且我ㄉ電腦是消費級ㄉ,跑 24/7 會怕
開Minecraft Server就找個有網路的地方放一台RPi啊(X
emm好吧
頂多裝個Zerotier
還挺難找ㄉ
學術網路有夠辣雞
以前 mc 圈好像很喜歡用某個區網程式開伺服器
沒差吧
有差ㄅ 尤其我買二手ㄉ
hamachi 或 redmin
沒這麼容易操壞的
[sticker](media:AAMCBQADHQI9ls-AAAEYWylhHO6fjtgCFItX00br96GZM4-vJwACSAIAAqjleVU-_p70-f2K4QEAB20AAyAE@telegram)
好像叫做Hamachi吧(?
恩對,就是前面那個
反正現在看起來Zerotier很棒啊,就可能RPi放學校之類的電不用錢網路不用錢的地方
然後ZT一下就可以開幾個人玩的小伺服器了
欸等等等, Minecraft 放樹莓派是不是搞錯什麼了
完蛋了
一緊張就肚子痛
不過這樣不太方便給沒有 zerotier 的人玩吧
我也會這樣 qq 加油
等等還怎麼講啊
昏倒
等等你要幹嘛
不要緊張
去有,不然提供網路(X
拜託等等不要卡詞
自行預錄?
安啦
你問 @DennyHuang 我兩次試講都是卡詞的問題
安什麼 模組塞50個它記憶體就飽了
不開模組應該還好
SITCON 喔
所以你們是打算預錄?
沒有叫你塞模組啊,塞模組下去連5950X都跑不動好吧
講慢一點吧 加油💪
這個最低要求就是一台RPi、一個USB供電頭、有WiFi的地方
合理吧
btw MOPCON 投稿的結果還要多久才會出來啦www
都要8月下旬了
我以前 4代i5 開 1.12 的工業模組伺服器約 100 模組都能扛 10 個
[sticker](media:AAMCBQADHQI9ls-AAAEYW0hhHO_qnqt9iRpE1I7x0ngypNGxwwAC5QEAAt8fchlmAAGZVb-A1nYBAAdtAAMgBA@telegram)
遲到邊緣
那很棒啊,只是我說的是最經濟從零開始生出Minecraft Server
那不應該是找乾爹開給你主機嗎(
RPi 也要 $$ ㄉ
乾爹晚安!
或是幫我找乾爹(?)
說的也對,最好附送網路跟電
[sticker](media:AAMCBQADHQI9ls-AAAEYW1BhHPBAwoyUigfQBgI_cTOdCXuldgACdAADdjHSCdiWHPgwmFsxAQAHbQADIAQ@telegram)
我沒有 QQ
我ㄉ主機是拿舊電腦開的
之前有租 contabo,但我後來發現到我幾乎沒在用
所以退掉ㄌ
Hamachi?
我前男友有弄過
喔前前
但看不懂他是幹嘛用的
先接受我的膝蓋
好好笑www
[photo](media:AgACAgUAAx0CPZbPgAABGFtbYRzzDkL48rwwU21dfSgRQOScwcoAAn-tMRsqu-hURxwa6ra8-egBAAMCAANzAAMgBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABGFtcYRzzD7Zu8WrDjcktWQJjwthBgu0AAoCtMRsqu-hUO51iVmRyE-YBAAMCAANzAAMgBA@telegram)
這啥
你是不是丟錯群組0.0
原本是這樣

[
"1": "abc",
"2": "bbb"
]


他改成這樣:

[
{"1": "abc"},
{"2": "bbb"}
]


其實要這樣:

`
不是,我 forward
順便打碼
- abc
- bbb
Ok
[sticker](media:AAMCBAADHQI9ls-AAAEYW2RhHPNw42ZF6nMdZ3BrqoDxevvP6wAC8wEAAj2wWQb4tJMYvmjHEQEAB20AAyAE@telegram)
you win
YAML&Markdown
卍解
HOCON 啦
這群貼圖太多Yami了吧(
說實話,假如我哪天 API 收到的回應長得跟第二個一樣
我肯定會把 Backend 教訓一頓
還好吧 要看實作狀態
沒歸零就沒歸零了QQ
問題不是歸零
從SQL直接拖出來然後不處理就會這樣了(
應該不至於吧
等一下,好像sql拖出來也不是長這樣
在 array 裡面包一個 object 然後以其 index 作為 key
這樣是來搞的吧(
不然我也不會轉過來(
雖然我也經歷過這樣的時期 ;(
我在那個之前
我是看成
[[],[]]
這種
ಠ_ಠ
那根本沒辦法玩吧
有點像 CSV
不過凡事有處理過的 SQL Library
應該都會處理成 {"id": 1, "name": "aaa"} 的形式
應該不至於直接拿 id 當 key
Cillent還行Server就打美
那個TPS絕對個位數
1.17 的 client 也打美
我以前拿 atom 開過伺服器
最近沒玩
自從被小豆服警告之後
我在我的舊電腦跑TPS有時都會很慘烈了
已經卡到需要明令禁止跑圖的程度了(
之前有個朋友不聽勸一直跑圖
我一氣之下把它 ban 出去
你有看過服主帶頭熊服的嗎
TPS 好像過了快幾十分鐘才恢復到 20
😉
阿你就把地圖全部先預跑玩不就好了
我開服都直接預跑完整張,不然邊跑邊產生區塊太卡了
服主搞刷凋零的東西
我是設邊界啦
那感覺不像是熊巿
而是進到工業時代(
限制一堆根本玩不開心
XD
然後就變成熊服了
就是csv那種((
++ 後來我就去別人家伺服器玩了
因為太多隻
是說這個暑假我都沒玩到 Minecraft 😢
我學測考完一定要玩得夠
後來直接server down
我就是玩別的玩不開心
所以都自己開
沒創造
然後他的SSD跟PSU就爛掉了
創造不好玩
這要懂得開assoc,不然預設還是num,就會那樣了(
9900k直呼內行
這個(
哪裡奇怪呢
感覺沒有直接關聯
我還在用ggservers我就爛
沒創造太肝了
[photo](media:AgACAgUAAx0CPZbPgAABGFulYRz2f_O3IBD0GLfrr-Q_7rqRrPYAAoKtMRsqu-hU49EGQjV0vcQBAAMCAANzAAMgBA@telegram)
感覺就是洋垃圾壞了(
後來他直接買970evo的樣子
是說現在微軟把 Mojang Yggdrasill 轉移到 Microsoft OAuth ,之後應該可以輕鬆杜絕 UUID Spoofing
看情形吧,但其實生存只要多一點人
不僅能做出你這種樣子,還更有成就感
之前進的伺服器真的很強 雖然沒有咖波
我不知道你的多是多少才算拉]
但做了非常多設施
五六個會玩的吧
我這大約10幾人上下
好少人喔
🤔 emmmmmmmm 看來是我見識淺薄
之前玩的時候都是40-50
峰值有到400多人
這不是朋友群吧
那天伺服器重開好幾次
欸對,問個意見(
我想開個popcat出來
你們覺得要套什麼殼比較好玩ㄚ((
會需要中國內地開四個節點香港開一個台灣開一個美國開一個的那種
我想幫忙//
是說你說的殼是什麼
海豹
目前demo長這樣
那個應該炫技 > 實際功用
PoPSeadog
豹豹( /
no material design 模板
是真的有在用
我猜底層用得是 Vue?
我先抓來構模的(
之後要套,不知道要套什麼
畢竟他節點都要刷卡ㄉ
對 xDDDD
如果你說的是 UI 的話,我覺得要不要開 Figma 一起做
難怪,我認識的不少 Vue 專案都很喜歡 Material Design
然後用 Tailwind CSS 手刻
https://github.com/supersonictw/popcat-echo
後端有了(
而且開源了((
golang
等等 我看看
雖然目前還沒開recaptcha就是
居然是完全只用 native library,SQL statement 完全手刻的大佬 QQ
而且寫得還不錯,也感覺不太可能被注入
說句題外話,論 Vue 我比較 prefer Vue 3 + Vite 的組合
Nuxt 我會想等到完全支援 v3 才用
發現暑假到現在我幾乎沒啥碰VSC(
我很多專案還在Vue 2(
之後有點慘就是
我能幫忙 migrate(?
很多耶 xDD
你來幫忙的話我得給薪水了 QQ
(´д⊂)‥ハゥ
Vue 2 跟 Vue 3 不就差一個版本而已ㄇ
很簡單ㄉ
對耶,我要找時間
你說得對
[sticker](media:AAMCBQADHQI9ls-AAAEYW99hHPkc1i8LUwxZvlXoEYsSbUJllgACZgADQfm4DIprSRhnm5syAQAHbQADIAQ@telegram)
(膝蓋
@Kantai235 電神
🧎‍♂️
(膝蓋
🛐
🛐
🛐
我會想要等 Vue 4 欸
幹我在說什麼
不對
我是想等 Vue 3 的 TypeScript 完整資源
現在 plugin 的支援還是有點悲劇
也是我用 React 的最主要原因
在阿公阿嬤家陪他們
jQuery再戰十年
那你可以用 Vue 2 ㄚ
民視八點檔好公式ㄛ
那我為什麼不要用 React
🤔
我之前也用 vue 3 寫過幾個 projects
沒有一個最後沒被我 migrate 到 react
一邊中國 一邊Facebook
我選擇耍廢
我記得有個聲稱沒有 runtime 的框架
我忘記名字了,你可以用它
Vue 不是中國的吧
React好像不是框架
VS Code 是 Microsoft 的
Angular 是 Google 的
TypeScript 是 Microsoft 的
Google Analytics 當然是 Google 的
再挑下去,你的作品就會跟開源拖拉機一樣慘不忍睹。
他是⋯⋯
Vue 是中國人發起的,但不代表他是中國ㄉ(
不過他有個特色,他直接在 JS 裡面寫 DOM
[sticker](media:AAMCBQADHQI9ls-AAAEYXAFhHPp16amfaem2EeKkUF74LXD6qQAC5QEAAt8fchlmAAGZVb-A1nYBAAdtAAMgBA@telegram)
好,那我改一下
s/React/Next.js/g
@instanceof 的意思是: 也是我用 Next.js 的最主要原因
[sticker](media:AAMCAgADHQI9ls-AAAEYXAVhHPrEYoacPLKzm7wdjLYOz79H0wACnxYAAujW4hLxHpEfCJWc5gEAB20AAyAE@telegram)
理論上任何遵循開放原始碼授權的程式碼,都不應該是歸類成特定國家的產物
畢竟你可以 fork,可以 contribute
這也就是為什麼我後來釋懷 不會再用公司或者是國家挑框架或語言
所以也沒什麼好選的,誰香就往哪站(
有個例外,Golang 還有一眾 Google 開源的軟體
Golang 就跟他名字一樣
獨裁得像隻狗
React 的 sortable 好難寫
[sticker](media:AAMCAgADHQI9ls-AAAEYXA5hHPsx85CM65iTZUeDRCCbGMHyxQAC3hMAAujW4hJymOg_XmxaugEAB20AAyAE@telegram)
汪?
Sortable list
現有套件超難用
emm 我不知道可不可以用 switch 去選排序函數
[sticker](media:AAMCAgADHQI9ls-AAAEYXBRhHPtorwk4bJXGOXSQWIeihBlzWgACTwUAAutuoBAAAQspAu614DUBAAdtAAMgBA@telegram)
這樣就可以先 sort 再顯示
我是說
可以用手拖拖拖
的那種
Sortable
那個是 Draggable 吧
Dragable 的範圍比較廣
emm 那我沒碰過
反正超難寫
加油
自從 Laravel 8 以後,我學會了一個新東西叫做 Livewire
BTW

https://github.com/SortableJS/react-sortablejs

這個是爛的,有 bug,別用
馬的,世界無敵神⋯
[photo](media:AgACAgUAAx0CPZbPgAABGFwiYRz75odPBuBapbZUC-W7PyHOP-0AAoitMRsqu-hUnsSr98PzM4gBAAMCAANtAAMgBA@telegram)
emmmmmmm
[photo](media:AgACAgUAAx0CPZbPgAABGFwkYRz78FuMD4QkwjPX4vvki_y1u2UAAomtMRsqu-hUZr3DM4HzwfkBAAMCAANzAAMgBA@telegram)
我再也不用煩惱前端的 Sort table 要怎樣寫了
純後端幹爆前後端
他不是改善既有寫法,也不是提供更簡易的寫法,他是直接幹爆所有寫法
stfu 你知道你純後端
前端慢就不可以怪罪使用者了ㄇ
sentry.io 有一陣子很常收到 TypeError 或者是 SyntaxError 的錯誤
你可以說使用者網路問題啊
都是他媽的 IE11 或者是古董瀏覽器使用者
後來我是妥協 把 browserslist 開到 >0.01% in tw 了
但整個 polyfill 都快跟程式 40% 的 library 一樣大了
==
自從把 4xx 跟 5xx 都改成 200 以後,使用者就沒什麼問題了
你的 Server Success 500 頁面沒有回首頁的選項 ==
我忘記寫了
一堆使用者笨到連 Back 鍵都找不到欸
你可以 issue 幫我寫一下嗎
不然我等一下又忘了
某些使用者真的是他媽應該被達爾文淘汰的雜種
之前純靠北某篇靠北使用者腦殘的文就是我寫的
結果被 FB 下架 ==
哭欸
[photo](media:AgACAgUAAx0CPZbPgAABGFw7YRz9l40B1S8B-CxuWQ1jKaQ0d8UAAoutMRsqu-hUKn0y1YDaiKUBAAMCAANzAAMgBA@telegram)
都你害的啦
去怪祖刻薄啦
不過 FB ㄉ演算法快要跟 Amazon 一樣無情了
sortable 和 dragable 差在哪ㄚ
一個是 sort 一個是 drag
你可以 build 兩種 bundle
然後看 user agent 決定要給哪個
如果你要做什麼圖片編輯器的話 物件不是可以拉來拉去ㄇ
這個只有 drag 沒有 sort
好ㄌ
[sticker](media:AAMCBQADHQI9ls-AAAEYXEVhHP6czS0FiDUmPoJcP1Ya0-WWqAACogEAAqk5qVeoFU58rQMeTQEAB20AAyAE@telegram)
我是部署到 Vercel,他們伺服器挺陽春
但還是可以用 drag 的東西去寫ㄅ
我剛看了一下範例,他的意思應該是
可是很累
native 很好做的列表拖動吧
就是拖曳 entry,其它可以跟著變
有人幫你寫好當然很好做
dragable 確實不好做
笑死
我沒寫過 native,只是看到不少程式有這功能
覺得應該是不難實作(?
再說了,除了 research、學習用途
自己造輪子根本是在砸自己ㄉ腳
[sticker](media:AAMCBQADHQI9ls-AAAEYXFRhHP99Op2UEPsiY_2_zFYERBECngACVAADU6jrHx6foTZLY3NgAQAHbQADIAQ@telegram)
你說 web 還 android
後者
k
應該是包括 SwiftUI
HTML 的 dragable 我是真的沒研究出怎麼拉
pirelli
我要把你這隻壞狗狗封裝進去輪子裡面。
嗷嗚嗚
@gnehs_OwO 你 pokaplayer 有考慮包進去 UnblockNeteaseMusic 嗎(?
等我幫我大姑跑完foodshiba
好懶ㄛ你幫我寫
但4有點breaking
只是suggestion而已啦
要一起來寫ㄇ \o/
寫呀(
但我要先修個東西(
我是從頭開始了(
我剛配置好一些 linter 跟開發工具
你要用啥寫((
Live Share?
如果你說 Tech Stack 的話,Vue 3 / Vite & TypeScript
打算走 CDD
完了,我還沒正式學vue3
(((
我引導(
你進去我在 grant 給你 r/w
我丟這裡其實是希望有人可以過來圍觀(X
我原本是打算等他的ecosystem比較好了再跟進(
好(
等等,我有接受嗎 🤔
[photo](media:AgACAgUAAx0CPZbPgAABGFxyYR0KsZzaAplEVPZ7IZz3c2wCaWcAAqCtMRsqu-hUbr__vuW1JIQBAAMCAANzAAMgBA@telegram)
@supersonictw 按鈕這裡我都先快速做出來
之後我再找設計師設計 template 喔
我在思考 我要怎麼開dev
wait...
我不小心把 Hello, World 刪掉了⋯⋯
好了
Vue2 Vie3差距真的有(
你可以先把原本的程式碼貼過來
再 migrate
我讓copilt幫我寫程式(
湊巧,我也有開 copliot 🤔
只是我的syntax...
全白耶(
沒事 太久沒開vsc了(
老糊塗了
說實話我還真是第一次在 Vue 裡面導入 Storybook
很不順(
我第一次在前端導入typescript+vue3
我很抱歉(
我才該道歉(
我沒把環境弄好
這樣好了
我們git flow(
那我先丟到 github
ok
@supersonictw 你的 GitHub email
拉 collaborator ㄌ
你看看
ok
我已經習慣IDE了
回去VSC好想orz
草,你也是 WebStorm 愛用者?
O
回不去了
[photo](media:AgACAgUAAx0CPZbPgAABGFyWYR0P3XZk8mrKrDwAATOt8GwYk1JEAAKjrTEbKrvoVGnkpxxHbOT-AQADAgADcwADIAQ@telegram)
才用 VS Code 的⋯⋯
等一下(
你的命名方式為啥是base-button(
是我搞錯了什麼嗎((
Vue 的推薦命名方式之一
不過這種東西完全 depend on you 就是了
我駝峰應該沒差吧((
okok
ok 那我也跟著駝峰好了
對了,你覺得 webstorm 的 vue 支援如何
Vue2 100%
Vue3 正在試用
果然是 WebStorm
然後我下意識npm了(
記得 yarn 更新一下就好(
難怪覺得哪裡怪怪的(
@supersonictw 我有 git hard-reset,等等先不要直接 merge/rebase 到 main
ok
我其實已經branch了
okok
thanks! 🙏
[sticker](media:AAMCBQADHQI9ls-AAAEYXK9hHRXfx-047Y9p9bkE9A4THOryowACQQADLQWvJD-445Bza575AQAHbQADIAQ@telegram)
有人要先贊助域名嗎(#
問海豹啊 🎉
@supersonictw btw 我其實一直在等 WebStorm 一點
我在等他支援 Tailwind CSS 的 JIT 模式
不然現在沒有 autocomplete
原來我的名字反了 ==
偷偷跟你講,我沒用過Tailwind
[photo](media:AgACAgUAAx0CPZbPgAABGFy3YR0WrD1KsIFihlBB7cmjLX-N7yMAAqWtMRsqu-hUvdLWNGdfARQBAAMCAANzAAMgBA@telegram)
wtf
等等
笑死
這兩個人差在哪裡
快取 😉
[photo](media:AgACAgUAAx0CPZbPgAABGFy-YR0W5kdw9OuMpsHZlAABf3rxzj6cAAKnrTEbKrvoVBLmBpH8s0q5AQADAgADcwADIAQ@telegram)
你可以試試看啦 假如不習慣的話
你可以先寫 CSS 或者是導入你習慣的框架
沒事,遲早要用
抱歉導入了一堆冷門技術 QQ
Tailwind之前就跟別人說要學了(
雖然大部分都是Vuetify
0
Tailwind社群是一批狂熱份子(
說他們冷門會被A死
🥶
我被冒犯了(
\|/
謙詞啦,Tailwind 社群不要把我殺掉 QQ
\|/
抱抱
[photo](media:AgACAgUAAx0CPZbPgAABGFzMYR0XrQSlIGf1HsRvTWydDpSagLYAAqitMRsqu-hUQRBEiSHTU9IBAAMCAANzAAMgBA@telegram)
第一次寫Vue 3就寫第一次寫的Tailwind(
有點刺激
支援有待加強⋯⋯
Vue 2還是主要支援啦😂
我看我先用 vs code 開發好了
順便習慣兩個 IDE
不過 WebStorm 在 React 上面真的很厲害
怎麼說ㄚ
可惜點在 nuxtjs 不支援,只能用 vite
搭配好設定完全的 File template 和 Live template
你可以做到只寫最主要的核心程式碼
剩下都幫你處理好
重構的話,拖曳資料夾 WebStorm 會跟著重構
而且 Type 推斷很強
Vue 3 的話,但願只是還在開發
雖然看那黃條我覺得可能不行
試試看
不過怎麼會有黃條
JavaScript only
他看起來有 TypeScript declaration 耶
[photo](media:AgACAgUAAx0CPZbPgAABGFziYR0dNEjluh58fO1athQ-Gx-hi9sAAsKsMRsqu_BUzKPz8DDOEUABAAMCAANzAAMgBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABGFzjYR0dOw9ldcYmaXEaWsfe3H7e918AAsOsMRsqu_BUPE6NZOuf7GsBAAMCAANzAAMgBA@telegram)
出問題再說啦w
[photo](media:AgACAgUAAx0CPZbPgAABGFzlYR0dSc9ZihOuayL3JMW8AAEX0ti-AALErDEbKrvwVKeJ7SgBYrkYAQADAgADcwADIAQ@telegram)
可能是 GH 認為 .d.ts 不是 coding language
裂了
你移到底線
是什麼錯誤
型態錯誤 xD
你開 error
我看看完整錯誤
[photo](media:AgACAgUAAx0CPZbPgAABGFzuYR0d6W8Xlu_sB0kvqgk9_54oi9sAAsWsMRsqu_BUcJwNgQiCUXIBAAMCAANzAAMgBA@telegram)
我能出現 declaration
這ㄍ是不支援 Vue 3 的意思 ;(
我去吃飯 晚點再想怎麼解決好了
要原生自幹了(
如果沒替代品的話的確只能自幹(
沒事 原生也可以(
這個只是個wrapper
真的很抱歉 QQ
我沒想到 vue 3 這麼多不相容的東西
Vue 3還要一年(
Ecosystem有點母湯
光一些facebook的套件就會死了 xD
no wonder 我當初 migrate 到 next.js
之前我接案子,案主想用 Vue 3
我當時寫了幾天就瞞著他改用 react 寫了(
這跟拿sid當server一樣
😭
btw 你想試試看 react 嗎
React我想留在學校學
我們課程是React體系
你都用什麼管理狀態啊
不做全域管理(?
全域管理相關的我都是直接寫一個 singleton
你用什麼 lib
那麼嗨
還是你直接用 React 原生
^
redux
一個 Component 套在外面ㄇ
需要時 useAuth()
先期待這個(
redux 我不用的主要原因是因為它會跟 concurrent mode 衝突
此外就是沒必要
custom hook ㄛ?
btw 官方建議用 context 取代一部分的 redux
或許你可以 migrate 看看
我沒有在用 Redux
++
我目前是用 Recoil
Redux 我覺得一堆 boilerplate
react hook 都有 reducer (望
在不支援 pattern matching 的語言搞 Elm architecture 根本做死
話說你的 useAuth 在哪ㄚ
同資料夾
我應該給 folder 的
傳錯了orz
這玩意感覺很讚欸
謝謝推薦 😊
y
但其實 reducer 有一點點點不夠直覺
TS 就很不適合寫這個ㄚ
JS 更不可能
我得花時間理解他的 philosophy
打死不加 Discriminated Union
還有 Pattern Matching
但大部分情況下 useState 其實就做得很好了
不加這兩個 feature,只能靠一堆 boilerplate 來補
背後邏輯不一樣
Redux i.e. Elm architecture 的核心想法是
把所有「變更狀態」都集中起來
其實應該是因為難實作
真要加進去 可能使用者都要寫一大串 type
不用,他可以把他跟現在的 union type 分開
不是啦,我的意思是
我先回到電腦
我自己猜,你的意思是不是這樣:

type StateReducer1 = (state: "pet", dispatch: PetDispatcher) => unknown;
type StateReducer2 = (state: "color", dispatch: ColorDispatcher) => unknown;
emm 那你解釋一下(
[photo](media:AgACAgUAAx0CPZbPgAABGF02YR0lSWNNegd8gGojDEwsNnrfqzAAAsmsMRsqu_BUnwAB99mGx56bAQADAgADcwADIAQ@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABGF03YR0lTo5r-ZpizanLxf72kGpfvGAAAsqsMRsqu_BU_9ksJpZxx8sBAAMCAANzAAMgBA@telegram)
喔喔喔你在說 TypeScript 沒有這功能
Y
emm 不過我查到的資料
好像也沒有很多語言有這功能
很多語言的功能本來就很少
但有了確實可以很方便
一堆 FP 語言中常見的功能,在其他語言超罕見
(不經意說出幹話)
lambda syntax 不到多久後才加的
其實真要實作你那種功能
應該是需要把 TS 的哲學整個改過一輪了
但先不提 FP 的部分,
Redux 是參考 Elm architecture 的,而 Elm 這語言有這功能
TS 的類型只有編譯時有效
擦乾淨之後就不太能在 runtime 判斷類型了
不用ㄚ他只要 wrap 成 object 加個 { type:"foo" } 就好
聽起來會效能悲劇
反正不管 TS,你說 Redux 其實就是想模擬這種 Pattern Matching
把 string 比擬成類型的概念嗎
有沒有人要去tag一下藍色窗簾大師
Redux 現在就是在做這種事ㄅ
藍色窗簾大師欸
笑死,他應該去應徵國文科老師
去把他tag出來看啊
我不敢tag
謝謝你讓我懂了它的哲學 QQ
感激不盡
[photo](media:AgACAgUAAx0CPZbPgAABGF1TYR0nJYMHynHGNuxFba3RbEj7Z4cAAsusMRsqu_BUVlHi13Ux2LwBAAMCAANzAAMgBA@telegram)
另外,除了這部分之外
pattern matching 一個好處是在語法上你可以直接取出值
不需要在那邊 action.text
而且可以寫成 ADD_TODO("Go to swimming pool") 的形式
會很看很多
[photo](media:AgACAgUAAx0CPZbPgAABGF1bYR0neUpFZRsE4EtYYIlVHO8a4EoAAsysMRsqu_BU59DHMHywEgABAQADAgADcwADIAQ@telegram)
I am tired
But can't fall asleep
good night
這個是基礎吧
需要的時候去 mdn 翻一下就好
(中槍
但真ㄉ很酷
你又不寫 JS
😂
Dumbest
you are the smartest puppy
n 術業有專攻
Not the smartest
🐶還是最棒ㄉ
我離一歲只有28分鐘惹
然後
TS 其他語法也很醜
他的 function type 一定要寫參數名稱
不是很懂再幹嘛
maybe u need the cloud and listen to some soft music
TS 又沒有 named parameters,名稱根本不重要
yyyyyyyyyyyyyy
完全贊同,不知道在搞什麼
[photo](media:AgACAgUAAx0CPZbPgAABGF1zYR0oc63H6cE5pEPjzFFrwld1YxYAAs6sMRsqu_BUrX0eBQlfMRMBAAMCAANzAAMgBA@telegram)
no plz
還有如果要寫 curried function 的 type
一定要寫成
(A => B) => C
你 484 寫錯了
不是 (A: () => void) => void 嗎
還需要一個 () =>
ㄛ等等我括號瓜錯
比較讓人生氣的是
我是說
?
接收一個 A 跟 一個 B 回傳 C
的那種函數
例如 add = x => y => x + y
正常 type 會寫成 Int => Int => Int
TS 要手動括號
function somethingWrapper<A, B, C>(a: A, b: B): () => C {}
變成 ( Int => Int ) => Int
然後再加上參數名稱
欸等等
喔,我好像懂你意思了
沒事
幹我幼瓜錯
變成 x: Int => (y : Int => Int)
(int) => ((int) => int)
反正就
超噁心
反正真ㄉ反人類 而且此時還需要參數名稱
好可怕喔各位
上面那是什麼傷眼睛的東西
其實大多數的情況 TypeScript 都能夠自動推斷
可以不用寫這些
有些人會先寫 function type
再來填它的內容
這樣可以滿清楚的知道自己有沒有寫錯 function
有點類型奴隸
整個 code 會有 40% 充斥著這些 type
這叫做 type-drive development
[sticker](media:AAMCAgADHQI9ls-AAAEYXZthHSn2jIym5tj8cNVoc-_zOX9awQACTwUAAutuoBAAAQspAu614DUBAAdtAAMgBA@telegram)
🤔
跟同縮寫的 Test-driven development 一樣肝(汗
其實還好
我覺得一定程度上滿大的降低了心智負擔
因為你不需要 follow 你到底做了哪些事
基本上最後 type 是對的,那你就八成寫對了
知道東西的Type就讓人有種安心的感覺
至少知道可以幹麻
🤔 好吧
之前接手一個 window. 滿天飛的程式碼
我真的會吐血
Y
寫 js 會很不安
人家的 argparse(比如 yargs)是判斷完之後再 return 完整的 args
有種沒辦法踩到第的感覺
我接手的是直接 global[argKey] = argValue
然後就會有自己定義的Type然後裡面裝的東西很奇葩命名還混淆
像個傻逼一樣
讓好幾個不一樣的Type長相超級相似
我原本要重構成 TypeScript
重構之前我會習慣上個 eslint 先把目前的 js code 清乾淨
結果 ESLint 噴了一大堆 (ry
其實這倒也還好
我是比較討厭沒有統一的 schema
return 的東西沒有規則可循