每週二 YT 直播 Q&A（可 Discord Call-in）
YT：https://www.youtube.com/@codelove_tw
DC：https://discord.gg/fvCF2whZ9D

⭐️ Shopify 接案服務（給品牌）
https://job.turn.tw/shopify-services

⭐️ Shopify 技術教練（給工程師）
https://job.turn.tw/developer-coaching

⭐️ 台灣 Shopify 開發者 LINE 群（非官方）
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
登入次數：963 次
註冊於2022年11月28日
  發表了 517 篇貼文
  新增了 1,247 則留言
  貼文共 993,500 次瀏覽
全部留言
語音版的 threads? learn language & social?

拉空間 放 adsense 廣告 沒登入就會看到廣告 一天收入約1.5美元 呵呵

Harness 工程：不是新詞，而是 Agent 工程終於被講明白了

猛的

Harness 工程：不是新詞，而是 Agent 工程終於被講明白了

乾貨

我居然累積三個專案都被抄襲XD (先簡單紀錄

good job

90% 的程式碼將由 AI 生成──那我們到底還能做什麼？

AI 衝擊！大家一起找解決辦法！

測試2

? 是在測試小龍蝦？

正在評估幫 shopify 客戶 客製化一個 theme

# Shopify Theme 命名簡短指引（mc- 使用版） ## 一句話結論 👉 檔名不用 mc- 👉 前端 namespace 才用 mc- --- ## 不用 mc- 的地方（保持語意清楚） ### 檔名 hero.liquid faq-list.liquid product-showcase.liquid ### snippet 名 button-primary.liquid product-card.liquid ### template 名 product.json page.about.json ### Liquid 變數 product_title faq_items --- ## 應該用 mc- 的地方（避免衝突） ### CSS class（最推薦） mc-hero mc-hero__title mc-faq mc-button ### JS 綁定用 selector / data data-mc-tab data-mc-modal data-mc-drawer ### JS namespace / event window.mcTheme mc:cart-open mc:variant-change ### CSS variables --mc-color-primary --mc-container-width ### id / utility class id="mc-modal" .mc-hidden --- ## 可用可不用 ### asset 檔名 theme-custom.css（建議） mc-theme.css（也可） ### body class mc-theme（推薦） --- ## 最短實務規則 檔名 → 不用 mc- DOM / CSS / JS → 用 mc- 👉 這樣最乾淨、最穩、最好維護

正在評估幫 shopify 客戶 客製化一個 theme

Shopify Dawn（Figma 高還原）開發流程 SOP 適用情境 * 工程師主導 * 單客戶客製 * Figma pixel-perfect 還原 * 約 1 個月交付 核心原則 把 Dawn 當 runtime，不當 UI 基底 Section 完全照 Figma 拆 CSS 主導，Liquid 配合 Theme editor 只開必要設定 一、專案初始化 1. clone + 重建 git git clone [https://github.com/Shopify/dawn.git](https://github.com/Shopify/dawn.git) my-theme cd my-theme rm -rf .git git init 2. 刪首頁 demo sections 可刪 announcement-bar.liquid collage.liquid collapsible-content.liquid collection-list.liquid custom-liquid.liquid email-signup-banner.liquid featured-blog.liquid featured-collection.liquid featured-product.liquid image-banner.liquid image-with-text.liquid multicolumn.liquid multirow.liquid newsletter.liquid rich-text.liquid slideshow.liquid video.liquid 不要刪 main-product.liquid main-cart-items.liquid main-cart-footer.liquid cart-drawer.liquid header.liquid footer.liquid apps.liquid predictive-search.liquid pickup-availability.liquid main-page.liquid main-search.liquid main-collection-product-grid.liquid main-collection-banner.liquid 3. 建立自己的 CSS / JS 入口 assets/ theme-custom.css theme-custom.js 在 layout/theme.liquid 引入 {{ 'theme-custom.css' | asset_url | stylesheet_tag }} {{ 'theme-custom.js' | asset_url | script_tag }} 二、Figma 拆解策略（最重要） 不照 Dawn 拆 完全照 Figma 區塊拆 範例 首頁 hero logo-cloud feature-grid product-showcase testimonial-list faq-list final-cta 建立 sections/ hero.liquid logo-cloud.liquid feature-grid.liquid product-showcase.liquid testimonial-list.liquid faq-list.liquid final-cta.liquid 三、首頁 index.json 結構建議 sections: hero feature-grid product-showcase faq-list final-cta order: hero feature-grid product-showcase faq-list final-cta 四、開發順序（強烈建議） Phase 1 全站骨架 header footer container system spacing system typography button style Phase 2 首頁 hero 主賣點區 商品亮點區 testimonial faq cta Phase 3 Product / Collection product page collection page cart drawer cart page Phase 4 RWD + polish desktop → tablet → mobile 五、CSS 策略 命名建議 .hero .hero__title .hero__image .faq .faq__item 不要 .section .block .module layout system（建議自己做） .container .section .grid .grid--2 .grid--3 六、Theme Editor 策略 只開 image text button label 避免 spacing 控制 layout switch 過多 toggle 七、圖片與效能 圖片 {{ image | image_url: width: 1200 }} lazy load loading="lazy" 八、JS策略 集中 assets/theme-custom.js 九、section 命名規則 不用前綴（不要 mc-） 用語意命名 hero.liquid logo-cloud.liquid feature-grid.liquid product-showcase.liquid faq-list.liquid final-cta.liquid 十、One-Month Sprint 節奏 Week 1 清 Dawn layout header/footer homepage skeleton Week 2 homepage完成 product page Week 3 collection cart search Week 4 RWD animation bugfix QA 最重要一句 不要過度整理 Dawn 直接開始刻 Figma

正在設計一種 shopify theme 主題開發報價範本

sample 1 ``` # Shopify Theme 客製開發專案 專案總價：NT$150,000 ### 2026-03-xx **合約開始｜支付訂金 3 萬** > 訂金支付後即開始排程與製作 --- ### 2026-04-30 **交付可正式上線版｜支付中期款 6 萬** - 達到可正式上線之品質與使用標準 - 與 Figma 主要版型與結構一致 - RWD 正常（桌機／平板／手機） - 無阻礙使用之重大錯誤 > 達上述標準即視為本階段完成 --- ### 2026-05-31 **優化與保固階段｜支付尾款 6 萬** - 複雜動畫補強 - 進階互動優化 - 上線後發現的 bug 修正 > 優化範圍以本案既定設計為限 ```

AI 付費聊天機器人

https://zhuanlan.zhihu.com/p/1931348396406452703

AI 付費聊天機器人

https://letschuhai.com/dc53f0e3

我對 ai 的看法每6個月就大改變一次

good job!

Pattern Note #15：簡單示範 OpenAI Vision API

在重新思考職涯規劃 https://codelove.tw/@howtomakeaturn/post/anNNGa

設計實戰 laravel 教材

同意 LLM 可以算是有史以來 最大規模的 自動剽竊行為 音樂 圖像 文字 ...etc 都躲不過 白領階級 還有多少技能有意義 需要深思

用 ai 翻譯部落格，嘗試接國外的案子

更新： 大多數文章 連索引都沒有 更不可能帶來自然流量 ![](https://i.imgur.com/EOAikMR.png) ![](https://i.imgur.com/gfs8myN.png) 他媽的！事情果然沒那麼簡單 想想也是 現在是 AI 時代 除非已確認有流量 或者有很好的反向連結 否則 根本連索引都不願意

MST 測速：5 秒測完網速，不用再等轉圈圈

我通常都是用 http://fast.com/ 我是覺得夠用

成語群英傳

![](https://i.imgur.com/U90BH1n.jpeg) ![](https://i.imgur.com/7RnEPxn.jpeg) ![](https://i.imgur.com/Ytwl3hV.jpeg) ![](https://i.imgur.com/L1g4wcR.jpeg) ![](https://i.imgur.com/PCIa0ig.jpeg)

成語猜猜

![](https://i.imgur.com/MmUdHes.jpeg) ![](https://i.imgur.com/qQN6Zai.jpeg) ![](https://i.imgur.com/M4avcHT.jpeg) ![](https://i.imgur.com/whVyXSR.jpeg) ![](https://i.imgur.com/ByEkYw6.jpeg) ![](https://i.imgur.com/D03PWPW.jpeg) ![](https://i.imgur.com/rC4jPaY.jpeg) ![](https://i.imgur.com/015T1qF.jpeg)

成語填填字：成語接龍文字遊戲，學成語好幫手

![](https://i.imgur.com/BDfaUT7.jpeg) ![](https://i.imgur.com/gwa9ySP.jpeg) ![](https://i.imgur.com/5559Zv6.jpeg) ![](https://i.imgur.com/K6JeTov.jpeg) ![](https://i.imgur.com/cdqRHZg.jpeg) ![](https://i.imgur.com/8nIPEJ1.jpeg)

成語填填看 - 單字測驗、單字和文字遊戲、大腦訓練和現實遊戲

![](https://i.imgur.com/zdWi0NF.jpeg) ![](https://i.imgur.com/1cBnm6V.jpeg) ![](https://i.imgur.com/tobuHRO.jpeg) ![](https://i.imgur.com/hSXjXh1.jpeg) ![](https://i.imgur.com/xHSjs4J.jpeg)

成語填填看 - 單字測驗、單字和文字遊戲、大腦訓練和現實遊戲

![](https://i.imgur.com/sRYF9Dr.jpeg) ![](https://i.imgur.com/NUlAKr4.jpeg) ![](https://i.imgur.com/rDjnoGT.jpeg)

成語填填看 - 單字測驗、單字和文字遊戲、大腦訓練和現實遊戲

![](https://i.imgur.com/lTuC6DJ.jpeg) ![](https://i.imgur.com/bvixi3o.jpeg) ![](https://i.imgur.com/K28FLnH.jpeg) ![](https://i.imgur.com/sYfdwnN.jpeg) ![](https://i.imgur.com/vfLjwmi.jpeg)

想做個成語小遊戲

https://idiomgame-2b9rnjpd.manus.space/

裁員為什麼先裁技術人員？網友一針見血

agree

Nano Banana Pro 很強，但你要學會寫提示詞才能為所欲為

乾貨

身為資深前端開發人員，我是如何實際使用人工智慧代理的（而且不會破壞生產環境）

agree

開發者與人工智慧：我們正在從程式設計師變成人工智慧管理者嗎？

agree

居然有美國廠商 CTO 詢問我 shopify 任務

補充： 背後技術使用到 https://nango.dev/docs/getting-started/quickstart/embed-in-your-app

創業路上你會開始遇到傻逼，因為其實傻逼早就在你身邊！

不要挑戰人性 不要輕易展現成果 讓身邊的人徒增挫折感 創業路上基本不會有半點掌聲 花時間跟客戶溝通 花時間找資源就好了

實驗一下非嵌入式 shopify app 的串接流程

找 AI 寫的最簡單串接 不確定流程是否為 best practice ``` <?php namespace App\Http\Controllers; use Illuminate\Http\Request; use Illuminate\Support\Facades\Http; class ShopifyController extends Controller { public function index(Request $request) { // Shopify 必定傳入 shop=xxxxx.myshopify.com $shop = $request->query('shop'); if (!$shop) { return 'Missing ?shop=xxxxx.myshopify.com'; } // 從 DB 找現有 token （POC 用 session 模擬） $token = session("token_{$shop}"); // 已安裝 → 直接進入 app 面板 if ($token) { return "已安裝 App，商店 {$shop} 的 Token 是：<br>".$token; } // 尚未安裝 → 跳 OAuth Flow $clientId = '6b7001530576df226f1e8d6773eea438'; $scopes = 'read_products'; // $redirectUri = route('shopify.redirect'); $redirectUri = 'https://demo-connect.turn.tw/redirect'; $authorizeUrl = "https://{$shop}/admin/oauth/authorize?".http_build_query([ 'client_id' => $clientId, 'scope' => $scopes, 'redirect_uri' => $redirectUri, ]); return redirect($authorizeUrl); } public function redirect(Request $request) { $shop = $request->get('shop'); $code = $request->get('code'); if (!$shop || !$code) { return 'Missing shop or code.'; } $clientId = '6b7001530576df226f1e8d6773eea438'; $clientSecret = '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'; // 呼叫 Shopify 換永久 access token $response = Http::post("https://{$shop}/admin/oauth/access_token", [ 'client_id' => $clientId, 'client_secret' => $clientSecret, 'code' => $code, ]); if ($response->failed()) { return 'Token exchange failed: '.$response->body(); } $accessToken = $response->json('access_token'); // POC → 先存在 Session session(["token_{$shop}" => $accessToken]); return redirect('/?shop='.$shop); } } ```

shopify 突然宣布 2026 將不再允許新增 custom app，這也太倉促了吧

一下 client id + client secret 一下 api key + api secret 是在哭？ 答案其實很簡單： 🧨 Shopify 內部團隊 → 不同部門搞兩種說法 1️⃣ Developer Dashboard（Platform 團隊） 負責 App 資料、App 建立流程 → 他們遵循 OAuth 2.0 標準用語 → 就叫 Client ID / Client Secret 這是「平台管理後台」那邊的人在開發。 2️⃣ App SDK / API（Shopify API 團隊） 負責 Node / Remix / Ruby / PHP SDK → 早期從 2016 就用 API key / API secret → 文件 & SDK 也都是這樣稱呼 → 如果硬改會： 破壞所有舊專案 破壞所有 NPM package 破壞所有教學內容 破壞所有 sample apps 所以 SDK 團隊堅持 繼續用 apiKey / apiSecretKey。

工程師大腦崩潰的瞬間：複雜性、認知負荷與運算成本的機制

神文！ **軟體的極限並不是計算資源，而是人類的認知資源。** 很有啟發性！

別吹了！AI first? 說的好像永遠比做得好聽

一起加油

在被 google 封殺的情況下創業

短時間上傳太多圖片 被 pinterest ban 了 ![](https://i.imgur.com/OgVQDu6.png) 幹 ![](https://i.imgur.com/rOG3S2C.png) 明天繼續試試看 不會真的到處被封殺吧幹

讓時間變成你的朋友，你需要建立一個系統！

目前我手上幾個系統的收入都很低～ 開課的話 會變很浮誇～ 有機會再跟大家多聊～

繼續嘗試挽救我被 google 封鎖的網站

看到一篇文章 提到各種案例 https://www.semrush.com/blog/google-penalties-expert-tips/ 耗時數個月、數年都有

結果大家都不付錢，哈哈

更新：有一個人付款了！ ![](https://i.imgur.com/vQdGjvn.png) 這真的是非常有成就感的一件事 目前4人只有1人老實付款 沒關係我不會追究 也不會撤銷 token 當作感謝他們幫忙測試流程

為什麽台灣沒有軟體產業？

要在國外待上幾年 觀點才會比較多 只是幾天幾週的旅遊 或是幾個月的留學 其實接收的文化衝擊 還不夠多 現在網路時代 多逛 reddit 或者 tiktok 多看外國內容 會有些幫助

[好文分享] 為什麼 Imgur 之後，我推薦支援批量上傳的「圖鴨上床 duk」？

imgur 自己都快撐不住流量與硬碟費用了 這個服務打算如何長久經營呢？

Discord 會亂調整我 macbook 的音量呀，還會調整我 OBS 鏡頭解析度

影片編輯 有點太花時間 我近期沒時間學 我開播主要想練口才 + 臨場反應 或許鼓勵觀眾直接拿我素材去剪片 開放版權 或者我花錢找人剪片 貼我頻道 總之最近有點忙 還在思考怎麼做ＹＴ

Discord 會亂調整我 macbook 的音量呀，還會調整我 OBS 鏡頭解析度

應該說 DC 跟 OBS 都有麥克風權限 + 鏡頭權限 可以調音量 可以調解析度 所以是開啟順序的問題 後開的軟體 會去搞到先開的軟體

歷時 10 天+，速度提升 20 倍，新文件正式上線！ uView Pro 開源元件庫體驗再升級！

我還沒學 n8n make 那些的 我是寫 cronjob 跑爬蟲 接 gpt api 自動翻譯 最後由我本人當總編輯 決定上架哪些文章

[免費資源] 圖片上傳卡關？三大 Imgur 替代圖床評測！

imgur 地區 ban 的原因 https://codelove.tw/@howtomakeaturn/post/qzD6d3

考慮提供一種 shopify 專家服務：阿川網站水電行，專修 Shopify

wordpress 接案難免會碰到 要會全端 php shopify 台灣很少用 但其實比 wordpress 容易維護

接案報價小技巧：親朋好友的案子

好我評估一下

這是一個幫助你使用狄卡西斯版，受歡迎的影音圖網 lurl 的小工具。

good job!

自學網頁の嬰兒教材：JavaScript（九）—— 不想教你 Vue，只想讓你做酷炫元件 作業分享

good job! good sharing!

Cursor 評測的完整 CheatSheet

謝謝分享 真的是有夠多要研究！

我做了一個友善時光的查詢頁 (歡迎使用)

good job

突然想做一個嘗試，把我的網站外銷到 8 個國家🚀🚀🚀

努力為台灣工程師/台灣軟體企業 嘗試開闢一條可能性 持續挑戰中

熱門搜尋： https AR youtube Ai 開發 COM 使用 ＳＳ 框架 ar javascript 技術 id __ ai 程式 AI 作為 go the Javas AWS JS Re type git github v_ -- AM log 前端 ui 專案 json user amazon LA js error web com app 學習 code 分享 \m Git post for jav ci 作業 javasc la api ul 架構 Ts CD Java ... Github 公司 API 第一 /m HTML 工作 am 設計 網站 結構 查詢 今天 map 基礎 遊戲 with 軟體 嗎？ 測試 提示 npm 效率 清單 平台 ＣＳＳ bi 服器 後端 GIT rag 分析 搜尋 ＣＳ 個人 JavaSCript react Ml
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。