站長阿川

站長阿川

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

用 Singleton Pattern 改善 SEO 與 SMO 相關程式碼

在寫 SEO/SMO 相關程式碼的時候，我發現很多使用 laravel/php 的開發者會在 layout 相關檔案這樣寫： ``` @if (isset($product)) <title>{{ $product->name }}產品資訊</title> <meta n...

0個讚   0留言 372瀏覽

Global Functions 還是非常好用，沒必要完全不寫

近幾年跟不同團隊合作，我發現大家似乎都不再使用 global functions 了。 前人的經驗告訴我們，濫用 global functions 會讓程式碼變得很難維護。 大家有改過 wordpress 的 source code 嗎？ 滿滿的 global functions。...

0個讚   0留言 440瀏覽

關於 PR (Pull Request) 的改善提案

前陣子寫了一則簡單的 PR 改善提案，給合作的其中一個技術團隊。 順手分享一下，或許會有幫助。 ## 當前問題 現在發出 PR 之後，幾乎只有 author 跟 reviewer 會互相討論，然後就 merge 了。 其他人可能也對各種 PR 有興趣，但是沒辦法參與討論。因為...

0個讚   0留言 453瀏覽

問你要不要一起創業，等於是，問你要不要一起結婚

身為一個年輕熱血又有一些專業技能的你，在找新案子的時候，遇到了一個好像很厲害的商務人士前輩。 這個前輩感覺資源很多、人脈很廣、很會談判，他對你說：「我很看好你，要不要一起創業？你薪水拿一點就好，股權給你多一點。」 你心動了，但又覺得好像哪裡怪怪的。 其實，這等於是你跟陌生網友約碰面...

2個讚   1留言 1,145瀏覽

接案工作者心態：可以把「飲料販賣機」當成榜樣

在我的接案生涯當中，曾經試著尋找類似「榜樣」或說「態度」的東西。 如果有個長期目標、或說工作信條的話，只要長期朝它邁進，就會越來越好，那該是什麼呢？ # 提供客戶最好的服務、最高的CP值、讓客戶最滿意，如何？ 首先我直覺上想到這樣的標語。 對於接案來說，實務上卻相當不可行。這...

1個讚   1留言 1,250瀏覽

如果你正要接案：一個關於時薪的簡單評估方法

接案有很多種報價方法，不管哪種都需要評估自己收費的「時薪」。 我之前介紹的「週薪式兼職」報價，會需要評估時薪。 或是常見的「固定價格式」報價，也是以時薪乘上預計工時來報價。 那麼這個時薪該如何決定呢？今天跟大家簡單聊聊。 # 上班族的時薪 假設你是一個月薪 40,000...

1個讚   1留言 7,955瀏覽

軟體工程接案技巧：「週薪式兼職」報價

接網站開發的案子，特別是新創團隊的案子，用週工時的兼職方式報價，比報固定價格的傳統接案方式好很多。 報價方式會像這樣： - 接案者每週工作 N ~ M 個小時 - 每週收費為新台幣 X 元 - 預估案件大概 Y 週會做完 - 每 Z 週結帳一次 N、M、X、Y、Z 的原理如下...

2個讚   1留言 3,482瀏覽

如果有工程師朋友，最近要去 conference 演講，可以考慮這篇

source: [Manny YH Li 整理](https://www.facebook.com/mannyyhl/posts/pfbid02JeA1fPuVbQev6Eii9VKodAhuUxBVnaSMU5SkWs8kD3VMdSa1APy3jSC42R1UyWc7l) --- h...

3個讚   0留言 590瀏覽

又一間台灣公司決定逃離 FB 集團的掌握

![](https://i.imgur.com/eGGGKJl.png) 再次呼籲 各位同行 避免串接臉書ＡＰＩ登入 很悲劇

1個讚   4留言 1,835瀏覽

業界觀點：關於 2FA 兩階段驗證的幾點看法

看到有人在討論 2FA 以及疑惑必要性，簡單分享一些看法 先講結論：**請假設你在網路上、APP 上的所有密碼都已經外洩了** 用這種態度來使用各種網路服務！ 你註冊過的一些不重要的網站、你根本沒打算再去用的網站，這些沒有關係 但是牽涉到金錢、金融、個資、重要基礎服務的網站、...

2個讚   1留言 713瀏覽

在 Laravel 社群比較厲害的 5 款 CMS

研究了一下，有兩款看起來很新潮、漂亮 ## Best - https://github.com/statamic - https://github.com/area17/twill 另外有幾款比較老牌的，感覺生態系、各種功能也滿成熟的 ## Others - http...

3個讚   0留言 565瀏覽

關於一對一教練服務

前陣子比較忙，關閉了一陣 最近有些人私下在詢問我 所以重新開啟教練服務頁面 有需要的朋友可以參考 https://codelove.tw/coaching

2個讚   0留言 548瀏覽

強烈建議不要再串接 FB 登入功能😏

強烈建議不要再串接 FB 登入功能😏 我也會建議未來所有客戶避免使用 FB 登入功能😏 --- 大家最近應該也有發現，越來越多手遊、ＡＰＰ、網站，開始拿掉「FB 登入」功能😏 因為 FB 越來越強勢，串接登入功能要有「公司營登證明」並提供「隱私權政策網址」😏😏 附上「A...

3個讚   0留言 1,156瀏覽

關於 ubuntu 跑指令 du -sh 的小發現

剛剛在優化主機硬碟使用 使用 `du -sh` 檢查多個專案資料夾 發現在 php 跑這指令時 有些資料夾沒有設定好 `write` permission 結果算出來的硬碟使用大小 跟直接 ssh root 進去跑指令 會完全不同 上網查了一下 都是提到 execute 指令...

0個讚   0留言 411瀏覽

關於 laravel 多語系 model 的小研究

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

0個讚   0留言 588瀏覽

試玩 Twill CMS 的 Block Editor 功能

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

0個讚   0留言 571瀏覽

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

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

0個讚   0留言 558瀏覽

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

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

0個讚   0留言 588瀏覽

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

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

0個讚   0留言 878瀏覽

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

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

0個讚   0留言 776瀏覽

首次嘗試新增 Twill CMS 模組

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

0個讚   0留言 640瀏覽

首次嘗試安裝 Twill CMS

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

1個讚   0留言 660瀏覽

Twill CMS 火力展示與資料模型

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

1個讚   0留言 1,095瀏覽

我想研究、介紹一下 Twill CMS

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

1個讚   0留言 3,440瀏覽

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

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

1個讚   2留言 474瀏覽

如何使用系列文章功能？

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

1個讚   0留言 526瀏覽

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

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

0個讚   0留言 888瀏覽

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

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

2個讚   0留言 430瀏覽

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

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

1個讚   0留言 582瀏覽

歡迎串 Part.17 👋👋👋

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

1個讚   2留言 991瀏覽

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

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

2個讚   0留言 21,775瀏覽

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

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

0個讚   0留言 546瀏覽

Linode 各區域主機速度測試

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

1個讚   0留言 724瀏覽

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

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

4個讚   0留言 691瀏覽

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

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

9個讚   3留言 1,205瀏覽

Promise vs async/await 有趣的辯論

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

1個讚   0留言 576瀏覽

歡迎串 Part.16 👋👋👋

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

0個讚   0留言 786瀏覽

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

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

2個讚   0留言 514瀏覽

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

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

3個讚   0留言 642瀏覽

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

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

1個讚   3留言 698瀏覽

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

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

1個讚   1留言 536瀏覽

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

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

2個讚   1留言 1,351瀏覽

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

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

4個讚   1留言 634瀏覽

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

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

1個讚   0留言 666瀏覽

各位新年快樂 😁

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

2個讚   0留言 987瀏覽

歡迎串 Part.15 👋👋👋

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

1個讚   6留言 1,019瀏覽

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

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

5個讚   1留言 1,637瀏覽

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留言 629瀏覽

webpack 快被 vite 幹掉了～

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

1個讚   0留言 686瀏覽

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

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

1個讚   3留言 737瀏覽
熱門搜尋： __ https ar with 開發 Ai github GIT AI AR HTML Re javas 使用 JAVA id AM the re ai type LA url am JS js node.js 平台 ul 語言 javasc Can la REACT next %' ui cn Line Ts Javascript console.log( `) json linux Github javascript GitHub Vue log COM ROS user Typescript '; Python web 媒體 component API AWS for wEB Js java app imgur 學習 CD JavaSCript console.log Openai Response Type 工作 分享 jav 設計 .net work EOF 架構 Node api 面試 開源 react 作業 git Git chatgpt rust vs code tailwind rag 後端 CLI com Ml Java
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。