夏•◡•センパイ
Coding日記 013

之前做的曬卡小工具
@davidegg - #30天新手Python挑戰 Day30 用javaScript、HTML和CS...

把它升級了!
增加了一系列的雞肋小功能

https://images.plurk.com/4l5MPimo7SCwUwJNt7vAcz.png
夏•◡•センパイ
玩起來長這樣
https://images.plurk.com/49Czn8l1S9KYxaVeGYp9bC.jpg
夏•◡•センパイ
RWD還沒寫 用電腦開會絕讚跑版
夏•◡•センパイ
https://images.plurk.com/74gkfYskCtLtceMZOxs8J9.png 媲美遊戲內豐富程度的卡片篩選器!(並沒有

https://images.plurk.com/21aupqbpN4Gv9vOgVdw2lJ.png 還支援雙語言的日文版!

語彙力不足 中間一度想說乾脆全部用英文算了
夏•◡•センパイ
網址還是一樣的
IDOLYPRIDE曬卡小工具V2.0
懶得開新repo
夏•◡•センパイ
後面收尾的時候發現還是有很多改善的地方
比如像是css選擇器的class先分類好
每次都刻到哪算到哪 id設的滿地都是

不過這次比上一次隨便亂刻稍微好一點
等電腦版RWD刻完再來重構好了
夏•◡•センパイ
最後串dom-to-image的時候還是卡了一下
不過這次有成功一鍵截圖了
(github免費架的站不知道為什麼截圖速度超~級慢)
夏•◡•センパイ
扣掉蒐集素材跟手刻JSON
這次實際花費大約4天 體感26小時左右(?)

不過後半段開始加一些一開始沒計畫好的功能
邊想邊刻
code就立刻混亂起來
果然事前有完整的計畫很重要
無冬夜😈Act-4🥹
截圖超級慢應該是本機的問題吧你這個全部都 client side
夏•◡•センパイ
無冬夜😈Act-4🥹 : 原來是我手機爛嗎!
無冬夜😈Act-4🥹
但我截不出東西(
夏•◡•センパイ
你是ios嗎
夏•◡•センパイ
看文件的時候好像有說ios會怎樣(被我跳過)
無冬夜😈Act-4🥹
用電腦的 edge 會 crash 草
夏•◡•センパイ
夏•◡•センパイ
我RWD還沒寫完
只要寬度超過475px版面都會華麗的爆掉
無冬夜😈Act-4🥹
那就開裝置模擬或是直接把視窗寬度弄小
夏•◡•センパイ
謝謝google讓我有f12可以按
無冬夜😈Act-4🥹
應該就單純那個不太適合處理這麼大張圖
夏•◡•センパイ
我設六倍長寬 好像有點大

設了圖還是一樣糊 改回來好了
矢野東風
只有手機能開嗎
矢野東風
原來真的只有手機能勘
無冬夜😈Act-4🥹
其實把 media query 拿掉讓他很難看可能都比直接沒樣式好🤔
夏•◡•センパイ
有道理

這禮拜有空再來刻電腦版的
載入新的回覆