鬍子Jack - Mustache Jack

07/08/2025

Claude Code教學 - 與Cursor優缺點比較？安裝，使用教學及心得

Claude Code是Anthropic出的AI 編程Agent。
今天，我會與你分享，它與Cursor的優缺點比較，申請，安裝，使用教學及心得！

完整版教學，可以到我們的YouTube「鬍子Jack 」去觀看！

#編程教學 #軟件開發

19/04/2024

如果你試過與chatGPT，或是類似的AI Bot對話，你不難發現，它就好像真人一樣，可以回答問題，可以創作，可以寫Code，就好像真的有智慧一樣。

然而，你有沒有想個，這個「智慧」是從哪來的？背後的技術是什麼？究竟是什麼的技術突破，突然讓各式各樣的AI應用，如雨後春筍般出現？

今天，我將與你一一解答這些問題，用淺白的解說，與你剖析人工智能背後的技術，包括Generative AI，Large Language Model，Transformer Neural Network等等。

我們也會一起看看，這些AI Model (Llama 2)背後的原代碼。原來它只是一個900多行代碼，37kb的檔案。

究竟，這小小的檔案，背後有什麼魔法，竟可生成人類的智慧呢？

立即到我的YouTube Channel「鬍子Jack」收看最新影片 - 「 揭秘AI智慧：它如何在不到1000行代碼中，模擬人類思維？！」

https://www.youtube.com/watch?v=iMFjDYmC36U

#人工智能

網頁設計教學～http://mtache.com/

30/08/2021

不要只顧看教學！

在學習編程時，新手很容易掉到一個叫「Tutorial Hell」的境地。

什麼是Tutorial Hell？

就是當你看網上Tutorial，跟著做時好像沒有什麼問題。

然而，自己真的做時，卻發現很難，做不了。

原來，學習編程，你不能只看教學。

你必須自己做練習，實戰，才能把知識鞏固！

就像學習踏單車，你不能只是學習理論。你必須真的去踏，才會學得懂！

#設計 #網頁設計 #網頁開發 #網頁前端 #網頁製作 #網頁設計師 #設計圖 #香港設計 #網頁編程 #網頁編寫員還安好嗎 #教學 #幻想與現實

13/08/2021

.
在學習編程時, 初次看通常會覺得很難, 會有一種「嘔心」的感覺。

不用怕! 這是正常, 一定會發生的。

多看/做數次, 再回頭看, 你就會慢慢學會。這個嘔心的感覺就會沒有了。

#設計 #網頁設計 #網頁開發 #網頁前端 #網頁製作 #網頁設計師 #設計圖 #廣告設計 #香港設計 #網頁編程 #網頁編寫員還安好嗎

06/08/2021

.
設計要訣5 - 顏色

我們也可注意顏色的運用。不同的顏色，帶給人不一樣的感覺。

主色
通常，網站有一個主色。這個主色通常是Logo的主要顏色。比方說，Airbnb的這個網站，它的Logo主色是粉紅色。因此，網站的主色便是粉紅色。

輔助色
除了主色外，我們還使用輔助色，讓網站看起來更豐富。輔助色以1-3種便足夠，過多的輔助色反讓網站感覺混亂。

然而，你應該如何選擇輔助色呢？
第一個方法，我們可借助color wheel這個網站。當你選擇了base color後，便可點擊左方的triad, complementary, Analogous等，便可尋找輔助色。

另外一個方法，當然是看看好的設計師使用怎樣的顏色配搭，然後再作參考！你可以在google搜尋color palette best ，也可以找到不同網站的顏色配搭。

#設計 #網頁設計 #網頁開發 #網頁前端 #網頁製作 #網店教學 #網頁設計師 #設計圖 #廣告設計 #香港設計 #顏色

03/08/2021

.
上次基本介紹了前台(Frontend) 和後台(Backend)。

這次會透過網上購物的例子再詳細解釋前台和後台的運作資訊。

假設你到一家網店買東西，看見一個漂亮的主頁。
在主頁中，你看見一件T Shirt，於是按了那T Shirt一下。現在你處於T Shirt這頁。

到目前為止，你已經看到了兩個layout，分別是Home及T Shirt。這兩個不同的layout，就是前台（Frontend)了！

然而，當你由Home到T Shirt時，中間其實會經過一台Server（伺服器）。
在這台Server（伺服器）上，會有一些Program運行。而這些Program，是有Logic的。

後台（Backend)除了有Program外，還會有Database（數據庫）。Database主要負責儲存數據，例如用戶的登入電郵，密碼等等。

#設計 #網頁設計 #網頁開發 #網頁前端 #網頁製作 #網店教學 #網頁設計師 #設計圖 #廣告設計 #香港設計 #前台 #後台

30/07/2021

設計要訣4 - 空間

新手很容易忽略空間的重要性，因此你要注意每一個section與每一個section保持空間。絕不要害怕過多的空間，放膽地加多點空間吧！這樣讀者看起來更舒適！

專注閱讀: 空間感可以讓人更專注於內文，不會因為過長而不願閱讀（too long didn’t read)。

網頁優美: 空間感除了讓人專注閱讀外，也可以令網頁變得更elegant。

當我沒有足夠的內容，希望用家專注單一的內文，例如是：新聞的詳細頁面，我便把網頁左右的空間拉大。這樣，整個網頁會看起來更優美，讀者看也會更專注呢！

23/07/2021

要編寫一個網頁，原來可以分為前台（Frontend)及後台（Backend)。

前台（Frontend）就是網頁的外觀。例如你看到的文字，圖片，美麗的排版等等，通通都是前台（Frontend）。

後台（Backend）就是網頁的功能。例如網站可以讓你註冊，提交數據等等，就是後台（Backend）。

23/07/2021

設計要訣3 - 對齊

「對齊」也是一個非常重要的概念，讓你的文章看來連貫、一置。

試試幻想，網頁上有兩條隱形的直線。你的內容通常會整齊地放在線內。

線內的內文通常可以置左，置中，置右，或justify，但一定要注意全文保持一置性！