夏•◡•センパイ
@davidegg
分享
Thu, Oct 13, 2022 10:10 AM
3
30天新手Python挑戰 Day30

用javaScript、HTML和CSS寫了一個曬卡小工具！

IDOLYPRIDE曬卡小工具

玩起來長這樣：

https://imgs.plurk.com/QBs/8lx/XCZteMlRJTe240v0NAqxPTJjvvm_lg.png
https://imgs.plurk.com/QBs/ylb/yldkGEB9VGp9KnbisRQ1IYEtN6Y_lg.png
坂木🌟
@sakaki666
Thu, Oct 13, 2022 10:11 AM
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:11 AM
不知不覺從3月到現在也過了30天了呢！
一開始就想說最後應該要寫點什麼東西來玩，所以就寫了！雖然不是Python
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:12 AM
用電腦版玩的話最好把瀏覽器寬度拉到800 不然輸出的圖會很醜
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:15 AM
還想再繼續把輸出的結果改好看一點
比如說圖片解析度之類的......

可是好麻煩!!!
dom-to-image沒辦法在本機debug
好像是因為瀏覽器不能直接用函式讀本地端檔案 ?
所以都要push之後等github發布成網頁QQ
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:21 AM
GitHub - Hinalove830820/IdolyPrideCardCollection: 一個...

丟個github 雖然應該沒人想看寫得很醜的codeQQ
柊🐤
@H_Hiiragi
Thu, Oct 13, 2022 10:24 AM
素材是拿哪裡的啊
XG🍑🍫🎙️🍙
@e19940604
Thu, Oct 13, 2022 10:24 AM
無冬夜😈Act-4🥹
@tw0517tw
Thu, Oct 13, 2022 10:26 AM
可以用 Serving Files with Python's SimpleHTTPServer Module 或是
serve
之類的東西把你開發的資料夾簡單弄成 server
ヒヨコ群🐤璃花
@cindy24678
Thu, Oct 13, 2022 10:27 AM
夏是要轉職了嗎
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:28 AM
柊🐤 : appmedia的
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:28 AM
坂木🌟 : XG🍑🍫🎙️🍙 : 在幹嘛
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:28 AM
無冬夜😈Act-4🥹 : 好我研究一下
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:29 AM
ヒヨコ群🐤璃花 : 轉職成アイプラ馬內嗎
ヒヨコ群🐤璃花
@cindy24678
Thu, Oct 13, 2022 10:30 AM
如果要轉職才是那你本來是什麼 (thinking)
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:31 AM
本來是トリエル腦粉(?)
ヒヨコ群🐤璃花
@cindy24678
Thu, Oct 13, 2022 10:31 AM
(thinking)
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:33 AM
用三劍客寫前端真的爽度比較高
之前玩python.kivy
寫了半天還是不知道自己在幹嘛QQ
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:34 AM
不過也可能是我跳太快
python還不熟就直接去碰框架
就像現在要看Angular或TypeScripe應該會很痛苦
三步一字典
Jin💻前端打工仔
@ATMJin
Thu, Oct 13, 2022 10:35 AM
可以開始學前端框架了
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:37 AM
Jin💻前端打工仔 : 想學Angular 這樣之後可以用Ionic來開發安卓？
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:38 AM
但我現在還是超不熟 連正常的函式都不會寫
貓熊◢
@wayne0515
Thu, Oct 13, 2022 10:38 AM
可以當前端工程師了
無冬夜😈Act-4🥹
@tw0517tw
Thu, Oct 13, 2022 10:40 AM
先上求職網站分別用 Angular React Vue 查職缺
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:40 AM
貓熊◢ : 無冬夜😈Act-4🥹 : 草 沒有要轉職啦ww
Jin💻前端打工仔
@ATMJin
Thu, Oct 13, 2022 10:45 AM
如果純安卓的話可以考慮把網頁做成PWA，Google推的把網頁下載成App的規範
無冬夜😈Act-4🥹
@tw0517tw
Thu, Oct 13, 2022 10:45 AM
react-native
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:47 AM
Jin💻前端打工仔 : 無冬夜😈Act-4🥹 : 好耶
現在有這些工具真方便 感謝發明輪子的人(?)
Jin💻前端打工仔
@ATMJin
Thu, Oct 13, 2022 10:47 AM
Angular如果不是工作上的需求，不然不推薦
初心者剛接觸時首先會遇到的問題不在Angular上而是TypeScript
無冬夜😈Act-4🥹
@tw0517tw
Thu, Oct 13, 2022 10:48 AM
TypeScript 好棒，現在碰的專案沒有 ts 我好痛苦
無冬夜😈Act-4🥹
@tw0517tw
Thu, Oct 13, 2022 10:48 AM
現在應該不管哪個框架都會推薦用 ts 寫了吧，要上 production 的東西的話
Jin💻前端打工仔
@ATMJin
Thu, Oct 13, 2022 10:50 AM
個人對框架的推薦度是Vue > React
無冬夜😈Act-4🥹
@tw0517tw
Thu, Oct 13, 2022 10:51 AM
看你比較不討厭 google 還是 meta 還是中國人
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:52 AM
好耶 都學

先來研究看看google那個好了
至少暫時不用多學新東西懶
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:53 AM
無冬夜😈Act-4🥹 : 草 原來vue是中國人發明的喔
無冬夜😈Act-4🥹
@tw0517tw
Thu, Oct 13, 2022 10:53 AM
yes 尤雨溪 - 維基百科，自由的百科全書
Jin💻前端打工仔
@ATMJin
Thu, Oct 13, 2022 10:55 AM
前Google員工，Angular小組的，所以從Vue轉學Angular很多地方會很熟悉
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:56 AM
好猛 自己做新輪子
Jin💻前端打工仔
@ATMJin
Thu, Oct 13, 2022 10:57 AM
真的有公司因為Vue的開發者是中國人就拒絕使用
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:57 AM
草
無冬夜😈Act-4🥹
@tw0517tw
Thu, Oct 13, 2022 10:57 AM
用過 angular 最一開始的版本那個 two way binding 真是慢到發瘋
無冬夜😈Act-4🥹
@tw0517tw
Thu, Oct 13, 2022 10:58 AM
聽說現在的 angular 已經跟 angular js 1.0 完全不一樣ㄌ
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 10:59 AM
有看到人家說自學的時候很容易查錯資料 查到舊版的w
Jin💻前端打工仔
@ATMJin
Thu, Oct 13, 2022 11:00 AM
還好，要看最後面有沒有加JS，AngularJS是舊的
Jin💻前端打工仔
@ATMJin
Thu, Oct 13, 2022 11:05 AM
Angular優點是寫法嚴謹、常用的功能都寫好在裡面了
缺點是開發會綁死在Angular CLI上面，適合做大專案而不是小網頁
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 11:18 AM
喔喔 那感覺可能不是我現階段需要的

總之
先來把js語法看熟一點
順便邊想要學哪個框架好了
УSL
@30719leo
Thu, Oct 13, 2022 12:54 PM
angular 不錯，官方文件滿詳細的
Jin💻前端打工仔
@ATMJin
Thu, Oct 13, 2022 2:59 PM
GitHub - ATMJin/vue-simple
用Vue修改約50%大概會長這樣，主要差異在把一些js檔內的DOM操作移到html
Jin💻前端打工仔
@ATMJin
Thu, Oct 13, 2022 3:00 PM
太久沒寫Vue了，寫起來卡卡的
無冬夜😈Act-4🥹
@tw0517tw
Thu, Oct 13, 2022 3:11 PM
過兩天會不會其他框架的也跑出來
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 3:59 PM
Jin💻前端打工仔 :

看起來DOM操作的部分簡潔了不少
不用一直在那邊query

還可以直接在html寫迴圈建立元素
這樣之後要修改架構也不用一直html和JS跳來跳去看

好耶 感謝發明輪子的人
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 4:00 PM
УSL : 又釣出主任了

無冬夜😈Act-4🥹 : 看起來三大框架都很棒 用過的都說讚(?)
無冬夜😈Act-4🥹
@tw0517tw
Thu, Oct 13, 2022 4:08 PM
應該先自己寫 pure js 然後學 jQuery 這樣才能體會當時的痛苦(???
路人9527
@Ruren9527
Thu, Oct 13, 2022 4:34 PM
之前工作寫 angular 覺得文件好難看(tears)(笨)
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 5:00 PM
無冬夜😈Act-4🥹 : 至少比純js好...?
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 5:02 PM
路人9527 : :-(
夏•◡•センパイ
@davidegg
Thu, Oct 13, 2022 5:02 PM
開始學程式之後體會最深的就是 我的英文真的很爛
爛到連查語法都會想要右鍵召喚google翻譯
載入新的回覆