站長阿川

站長阿川

👉 身份：資深全端工程師、指導過無數人半路出家轉職 👉 使命：打造 CodeLove 成為優質新手村，讓非本科也有地方自學＆討論
登入次數：712 次
註冊於2022年11月28日
  發表了 400 篇貼文
  新增了 1,179 則留言
  貼文共 619,652 次瀏覽
近期系列文章
查看全部系列文章
近期留言
查看全部留言

關於 laravel 多語系 model 的小研究

在研究 TwillCMS 的時候 發現他的多語系 model 功能很好用 比方說 `posts` 的資料表 可以建立 `post_translations` 資料表 然後多語系資料存裡面 就能用一般存取 eloquent attribute 的方式取得翻譯 這是怎麼做到的呢？ ...

0個讚   0留言 524瀏覽

試玩 Twill CMS 的 Block Editor 功能

回頭看之前跳過的教材 https://twillcms.com/guides/page-builder-with-blade/configuring-the-page-module.html 我先跳過圖片設定的段落，直接在 PageController 加入以下內容 試試看會不會壞...

0個讚   0留言 481瀏覽

在 Twill CMS 建立模組之間的關聯

繼續研究比較進階的功能吧 假設客戶是一間設計顧問公司好了 在台北、台中、高雄都有辦公室，存在 offices 模組 然後官網有許多 pages 要展示，每個 page 是由不同的辦公室設計 要如何建立這種關聯呢？又該如何在前台存取關聯模組呢？操作起來就跟 laravel 原生...

0個讚   0留言 471瀏覽

建立多個 Twill CMS 模組，並且整理後台導覽列

再來新增一個模組試試看，假設官網要顯示各地辦公室的資訊 來建立辦公室模組，這次選「不用支援多語」 ``` php artisan twill:make:module offices ``` 其餘參數都按照教材輸入 https://twillcms.com/guides/p...

0個讚   0留言 495瀏覽

在 Twill CMS 模組內，新增自訂欄位

已經可以在後台管理資料、也可以在前台顯示頁面了 接下來我想知道：如何替模組新增欄位呢？這是 CMS 的核心功能 目前的 pages 模組，編輯的後台有 title 與 description 兩個欄位（都是用 `<input type="text" />` 管理） 在 `resou...

0個讚   0留言 782瀏覽

使用 Twill CMS 模組建立前台頁面

已經在後台建立資料了，我想要立刻做出前台頁面看看 所以官方教材我跳到 https://twillcms.com/guides/page-builder-with-blade/building-a-front-end.html 建立前台控制器 ``` php artisan mak...

0個讚   0留言 707瀏覽

首次嘗試新增 Twill CMS 模組

繼續跑官方教材 https://twillcms.com/guides/page-builder-with-blade/creating-the-page-module.html 執行指令 ``` php artisan twill:make:module pages ``` ...

0個讚   0留言 549瀏覽

首次嘗試安裝 Twill CMS

在開始研究模組之前 先來安裝 twill 官方有一份簡易教材 https://twillcms.com/guides/page-builder-with-blade/index.html 安裝 twill 可以分成三步驟： - 安裝 laravel - 安裝 twill ...

1個讚   0留言 609瀏覽

Twill CMS 火力展示與資料模型

首先 來看一下這款 CMS 的現成應用 以及資料模型 Pentagram 真正的官網前台 https://www.pentagram.com/ 以及 CMD 的示範後台 https://demo.twill.io/ --- 稍微逛一下 會看到前台導覽列有 `work` `ab...

1個讚   0留言 1,009瀏覽

我想研究、介紹一下 Twill CMS

最近需要設計系統，想研究看看有沒有架構漂亮的 CMS 找到這款 https://twillcms.com/ 稍微看了一下，覺得非常喜歡 首先 官網很漂亮 稍微看一下 repo 連檔案名稱那些 都很漂亮 再來 創作團隊「AREA 17」看起來是一間接案公司 官網展示的客戶名單 ...

1個讚   0留言 3,361瀏覽

為什麼會有系列功能？何時適合使用？

站長最近要寫一些筆記、技術文章 單篇單篇發佈的話，會有點混亂 因此需要找方法整理在一起 於是就開發了系列設定功能 歡迎大家使用！

1個讚   2留言 424瀏覽

如何使用系列文章功能？

在發佈貼文的介面，會看到一個「系列設定」的按鈕 按下按鈕，就可以設定系列文章名稱！ 也可以把舊有的文章，整理成系列！

1個讚   0留言 488瀏覽

CodeLove 系列文章寫作功能，上線囉

這幾天站長開發了一個新功能 就是系列文章寫作功能 我來首先創作一個系列文章，作為示範

0個讚   0留言 819瀏覽

把主機上的 mysql 資料庫複製到本地的 shell 腳本分享

最近因為換新筆電 要裝開發環境 想把主機上的多個資料庫 複製到本機 寫了一個可以重複使用的腳本 會直接讀取 `.env` 檔案 把主機的 mysql db 複製到本機 laradock 內的 mysql `clone_production_database.sh` ...

2個讚   0留言 382瀏覽

購買新 macbook 開發環境遷移筆記

舊的 macbook pro 2020 有點小問題 入手了新的 macbook air M3 來用 開發環境遷移，花了兩個下午，簡單記錄一下 --- ## iCloud 首先，我有許多重要的商業文件，放在 `Desktop`＆`Documents` 非常慶幸，有 ...

1個讚   0留言 498瀏覽

歡迎串 Part.17 👋👋👋

歡迎最近新註冊的用戶 @gbwhatsapp12 @alienmarsxdev @snaptubeapp7 @Yacinetv092 @linxiying1204 @dongdongyang @freedolm @HDStreamz1 @pikashowapp3 @abei0614 @char...

1個讚   2留言 895瀏覽

關於 x86、x64、amd64、arm64 的簡單說明

最近買了一台 macbook air 使用 m3 晶片 使用 docker 以及 npm 裝套件、裝 image 時，會出現各種警告 x86、x64、amd64、arm64 到底是怎樣？ 簡單研究，結論如下： --- - x86 是 32 位元的，因為初始產品線命名都是...

2個讚   0留言 17,362瀏覽

新主機 php + laravel + nginx 設定筆記

租了一台新的主機 跑 laravel app 預設的參數 很容易出現 nginx request payload too large 錯誤 調整之後 又會遇到超過 php.ini 的 post body limit 錯誤 筆記一下，必調的參數 --- ## nginx ...

0個讚   0留言 467瀏覽

Linode 各區域主機速度測試

最近要做一個小網站，主要目標市場為北美的用戶 網站同時會有繁體中文版，所以台灣的用戶也要可以使用、速度不能太慢 為了挑選適合的主機區域，使用 Linode Speed Test https://www.linode.com/speed-test/ 來記錄一下測試結果，測試時間...

1個讚   0留言 598瀏覽

為什麼站長的教材，看起來是教 Vue 2，不是教 Vue 3？

站長收到學員來信詢問，寫篇文章簡單回答如下 --- 在你翻閱「自學網頁の嬰兒教材：JavaScript」教學系列時，應該會發現七、八、九的內容，好像都在用舊版語法？ 為什麼站長的教材，看起來是教 Vue 2，不是教 Vue 3？ 學過時的東西，不是浪費時間嗎？為什麼不教大家最...

4個讚   0留言 599瀏覽

自由工作者生涯：關於「免費」幫人做網站的幾點看法

我在論壇上看到有人發問：免費提供網頁 對方賺得網站 我賺得經驗 這套流程可行嗎？ https://codelove.tw/@JsLover0018/post/n3VdEq 我認為很多年輕的工程師可能都曾有過類似念頭 今天分享幾點個人看法 --- 先講結論，我認為這是一個...

9個讚   3留言 1,123瀏覽

Promise vs async/await 有趣的辯論

這篇作者強烈偏好 promise 並排斥寫 async/await https://uniqname.medium.com/why-i-avoid-async-await-7be98014b73e 留言區有清楚的相反論點 不用對這議題有特定立場，但就是要知道注意事項： **即...

1個讚   0留言 514瀏覽

歡迎串 Part.16 👋👋👋

歡迎最近新註冊的用戶 @id3p6688 @katiewilson8210 @linejkf552 @tws9666 @8945689 @swotoutty @leemotseng @bear645 @jf76501 @assdee @kk00336 @Adjutle @imxp978 @je...

0個讚   0留言 703瀏覽

2024 春節全站免費活動，告一段落囉！

之前推出的春節全面鼓勵自學活動，今天告一段落囉！ https://codelove.tw/@howtomakeaturn/post/rqED0a 希望有幫助到一些朋友，認識到 web 開發的樂趣！ 也歡迎還沒寫完的朋友，把一些沒寫完的組合包，購買起來、繼續寫完！ 祝大家新年一...

2個讚   0留言 440瀏覽

【乾貨】免費 AI 技術觀念課程分享

收到 FreeCodeCamp 電子報 大吃一驚 豐富內容 而且免費 ## Learn Generative AI in 30 Hours https://www.freecodecamp.org/news/learn-generative-ai-in/ ## Goog...

3個讚   0留言 538瀏覽

拜登政府：為了資訊安全，請多用 Rust 程式語言

這文章很有趣 https://mp.weixin.qq.com/s/vL5NSp3W-974Szn32uhvsA C++ 社群遭點名不安全，社群也出面辯解

1個讚   3留言 629瀏覽

某工程師被 Netlify 索取一萬美元的故事

今天在 reddit 看到一則貼文 https://www.reddit.com/r/webdev/comments/1b14bty/netlify_just_sent_me_a_104k_bill_for_a_simple/ 某工程師做了一個小網站放在 Netlify 收到帳單 ...

1個讚   1留言 488瀏覽

發現兩個ＡＩ資源整理網站

https://www.futurepedia.io/ https://theresanaiforthat.com/ 這兩個網站 分類整理大量ＡＩ工具 對ＡＩ有興趣的話可以慢慢逛 看看目前ＡＩ走到哪裡了

2個讚   1留言 1,250瀏覽

UI 設計小技巧！乾貨！可以學一下

簡易的指南 很有幫助 https://drive.google.com/file/d/1_grQXLHV_SQUmGMdi6dacBZI7seMCzcL/view 可以學一下

4個讚   1留言 580瀏覽

最近太多人交作業啦！你們可以單獨整理成作業文嗎？

最近太多人交作業啦 站長留言通知爆炸，沒空一個一個 review 你們可以單獨發一篇作業文嗎？ 參考以下連結： https://codelove.tw/search?q=%E4%BD%9C%E6%A5%AD%E5%88%86%E4%BA%AB 一來方便自己日後翻找 ...

1個讚   0留言 578瀏覽

各位新年快樂 😁

所謂年後離職潮，應該很多人年後會換工作吧 祝各位跳槽順利 😁 然後很多新人應該工作不到一年，這次是以工程師身份第一次放年假 歡迎分享菜鳥工程師工作心得 😁 祝各位新年快樂 😁😁

2個讚   0留言 884瀏覽

歡迎串 Part.15 👋👋👋

歡迎最近新註冊的用戶 @skytsai3321 @eriksun0310 @luumii694 @ertclee @aelgy @FlameOfDeepSea @Berlin @alan880227 @apingbping @yu11 @YouKlike @balduran @joyho @I...

1個讚   6留言 960瀏覽

【限時免費】過年沒事，來寫 JavaScript 作業吧！總共 63 個小專案，可以寫到爆！

過年快到了！相信很多人會趁著過年的空檔，用力自學、進修、變強！ 站長來給大家發放一些練習包！ 即日起～2/24（元宵節），共三週，免費開放全站所有付費內容！ 大量練習包在此 -> https://codelove.tw/courses/frontend-beginner 大家...

5個讚   1留言 1,544瀏覽

vitest 在 bitbucket pipeline 運行，踩雷筆記

使用 macbook 開發，用 vitest 寫元件測試 在 CI 環境不能跑，出現以下訊息： ``` Error: Cannot find module @rollup/rollup-linux-x64-gnu. npm has a bug related to optional d...

0個讚   0留言 534瀏覽

webpack 快被 vite 幹掉了～

查了一下，看到一張圖表 https://npmtrends.com/vite-vs-webpack webpack 快被 vite 幹掉了～ 花時間學 vite 一定值得～

1個讚   0留言 610瀏覽

站長推一個新的教練服務：1對1聊聊看，學習上遇到什麼問題

老話一句，站長還是覺得花10幾萬去補習班，風險很高，因為有進度跟不上、老師課太多、過勞的問題 但是完全自學又有點沒方向，還是要有業界人士幫忙、能討論比較好 新的一年，站長決定推出一個新的教練服務 https://codelove.tw/coaching 大家參考看看

1個讚   3留言 649瀏覽

工程師對建立自己的小產品有興趣？來逛這幾個連結

我應該在許多地方說過 我會在業餘時間 不斷開發一些 side project 有些是有小獲利的 當然這相當困難，應該說是非常非常困難，有機會再多跟大家聊聊 --- 這邊分享幾個國外社群，裡面都是由工程師獨立開發小產品的一些故事分享 - https://www.produ...

1個讚   2留言 1,309瀏覽

這個 UI 設計軟體最近是不是很紅呀？誰有用過 Framer？

看到國外在討論 https://www.framer.com/ 這款做 UI 設計是不是不錯呀？ 台灣有流行嗎？

1個讚   1留言 574瀏覽

寫給年輕單身男性軟體工程師：一些感情＆自我成長建議

最近我留意到一件事，在我們工程師閒聊群組 https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g 常常會出現感情方面的困擾＆討論，令我非常吃驚，因為這是討論 coding 的群組 但是這個話題出現的頻率相當高，我發現...

5個讚   2留言 3,819瀏覽

功能更新：支援 Github 登入

2024 年 鼓勵更多工程師加入論壇討論 現在支援 Github 登入 歡迎邀請工程師朋友一起來加入～

0個讚   0留言 446瀏覽

用 Vue + Pinia + Cypress 寫 component test 元件測試，踩雷分享

正在寫元件測試 很多個元件有用到 pinia 測試的時候，我是希望能提供 initial state、然後可以用 cypress.intercept 替換掉 ajax 回應 根據官方文件，我使用 ``` createTestingPinia({ stubActio...

0個讚   0留言 524瀏覽

Facebook 關於工程師做 side project 的 FB Login 權限要求，到底在寫什麼東西？誰看得懂？

承接前面幾篇 > 開發人員平台現在需要商家驗證才能取得進階存取權限 https://developers.facebook.com/blog/post/2023/02/01/developer-platform-requiring-business-verification-for-ad...

1個讚   0留言 2,034瀏覽

我被 FB 這公司惡搞一頓：為了保留我 side project 的「 FB 登入」功能，每年要多虧8萬元

承接上一篇，FB 對待合作開發人員，立場越踩越硬 https://codelove.tw/@howtomakeaturn/post/NxNy0q 畢竟我們工程師串 FB API 沒在付錢，如果像詐騙集團他們有持續付 FB 廣告費 那 FB 就很樂意持續幫忙投放詐騙廣告，這是台灣用戶...

2個讚   1留言 1,959瀏覽

血淚心得：工程師做 side project 請避免使用「FB 登入」功能

大概從 2012 年開始，幾乎大大小小的網站、APP 都會有「FB 登入」功能吧 就是去 FB 後台 註冊 申請一下即可 一堆資工系大學生、工程師業餘 side project 幾乎都玩過 但是相關政策一直在改變 就在今年 2023 改成 一定要有註冊公司 才能使用 http...

4個讚   0留言 2,952瀏覽

中英文夾雜出現的文章處理工具

看到一篇滿好的文章 https://jiongks.name/blog/introducing-zhlint 作者親自寫了一個工具 值得學習

0個讚   0留言 490瀏覽

教小朋友寫程式，賺外快

看到一則廣告 https://sites.google.com/view/202201kittencoding-teacher/main 有人去試過嗎 需要賺外快的朋友們可以參考看看喔！

0個讚   0留言 744瀏覽

踩到一個 laravel 的地雷，inRandomOrder 在大 table 跑起來超慢

我有一個資料表 大概 15 萬筆資料 其實也沒很多 before ``` $posts = Post::inRandomOrder() ->limit(1000) ->get(); ``` 這樣寫，結果跑起來超慢，...

0個讚   0留言 502瀏覽

踩到了一個 Laravel 的地雷，chunk() 不能跟 limit() 一起使用

處理大量資料，會去用 chunk 如果先用 limit 限制數量，再用 chunk 結果 limit 好像會無作用 https://github.com/laravel/ideas/issues/103 https://github.com/laravel/framework...

0個讚   0留言 484瀏覽

自學課程，模組內容調整

轉職前端系列，我發現完成系列一～九就差不多了，後面非必要 為避免誤解，我乾脆把原本的十、十一移到現役前端系列 並且改名為 `後端 JS 訓練（一）` 與 `後端 JS 訓練（二）` 另外，因為現役前端系列，目前內容不多 我就先把現役前端系列的內容，都先設為免費 以上更新...

4個讚   0留言 914瀏覽

嘗試 storj 幣挖礦的筆記

家裡有一台 2018 年的 asus 舊筆電 硬碟大概有 100GB 的閒置空間 剛好最近家裡 中華電信網路升級，想說來用出租硬碟 挖挖看 storj 幣 --- https://www.storj.io/host-a-node 跟著步驟跑 在 `Generate...

2個讚   3留言 959瀏覽
熱門搜尋： __ 網站 JS LA 開發 Javas ui AWS 分享 jav GIT AI wEB 學習 專案 github 伺服器 java 使用 Ai the Node javascript id app node ci COM Re 作為 Ml Html 測試 bi for ar Javascript Line git 開源 ＣＳＳ Git Ts 圖片 Java 清單 前端 user Type JAVA 效率 go 工作 api 資料庫 ul API ai 架構 搜尋 軟體 基礎 url %' 系列 HTML 部落格 vs 網頁 json javasc 課程 CD 作業 work py aws 公司 html 嗎？ 語言 Github Css 結構 編輯 post 框架 vue 主題 REACT 後端 Vue map 套件 Can https AR 查詢 this npm
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。