五倍直播間

Blogs - Sidebar

五倍紅寶石專業程式教育機構講師團隊的專業師資 - Amos Lee（李建杭），一開始從事平面設計，後來轉職成網頁設計師，這陣子更是出了一本暢銷的技術書籍 - [金魚都能懂的CSS必學屬性：網頁設計必備寶典](https://www.tenlong.com.tw/products/9789864348824)，解決了許多新手或 CSS 苦手的使用困擾。雖然 CSS 看似簡單，其中卻有很多技術上的「眉角」，很多屬性之間會互相影響而產生各種意想不到的效果，特別是新手學習 CSS 初期若用死背的，在版面需要進階變化時就會出現 Bug，而不同的瀏覽器可能會有不同的細節和眉角要注意，但 CSS 真的如大家所說那麼難學嗎？

若你有這樣的困擾，不如閱讀以下這篇直播活動的紀錄文，讓 Amos 跟你分享更多 CSS 突飛猛進的訣竅和方法。

## 是什麼原因讓 Amos 想要再度出 CSS 的相關書籍
隨著技術圈的發展，網頁設計資訊量非常龐大，但每個人的學習時間是有限的，但新手苦於無法判斷哪些東西需要優先學習，因此，這本書篩出最重要且新手必需要知道的基本觀念，以及九成以上的開發者必需要知道的基本屬性！新手可以藉由這本書掌握最基本的技術；除此之外，使用者也可以將這本書當作百科全書來用，當你看到不熟的屬性，就可以翻閱該書再次確認屬性的原理和使用方式。

## 什麼樣的人適合讀這本書？
無論是新手入門網頁設計，又或是初學者在做網頁設計時會遇到的狀況，都可以靠這本書來解惑。
當然網頁設計學習者也可以把這本書當成字典來查詢，當你看到某個語法想學習或確認，都可以透過翻閱這本書來找到屬性的原理和定義。

## 覺得 CSS 最難懂，最多人卡關的地方？
Amos 老師提到，很多人在寫 CSS 的時候，會碰到定位的問題或尺寸計算錯誤，導致畫面跑版，而這些畫面不如預期的效果，往往跟基本觀念不夠扎實穩固有關係。

老師更建議大家，切版是一件很活的事情，但並不能學，唯有打穩基礎，完全的理解原理，這樣才能快速開發。

## Tailwind CSS 是一個值得學的工具嗎？
在技術快速發展的現在，每個工具的發明都是為了解決開發者的問題，因此 Amos 老師建議大家要懷抱的開放的心態去擁抱新技術，了解每個工具的適用性和和開發情境，只要用對了，那這就是一個好工具。

> 👉 課務小幫手：如果你想了解 Tailwind CSS，可以了解五倍紅寶石的短期課程 - [升級前端技術從 Tailwind CSS 開始](https://5xruby.tw/courses/tailwindcss)

![Tailwind CSS](//images.ctfassets.net/8er52l3j5u76/1d35AsSk65MdhXVQnUyYPf/93071c6b78838ddbe321e7c88fdcb84e/tailwindcss.jpeg)

## 如果想找一群夥伴共讀，會建議如何共通讀這本書

這本書其實對很多人來說就像本活字典，遇到問題去翻閱就會找到對應的原理和範例。老師非常鼓勵三五好友揪團開讀書會，大家可以藉由共讀的方式，聊聊自己的使用經驗和分享自己與書上不同的寫法，藉著彼此交流相互成長。若是未來想要邀請老師一起加入讀書會，老師也很樂意參與，除了可以和大家經驗交流，也可以以作者的角度分享一些心法和祕技。

## 新手常常覺得懂了原理，但碰上實戰就很卡

很多人在碰到問題時，會在網路上搜尋對應的資源，找到語法後也只是套用並沒有真的透徹理解，建議所有新手在學的時候，理解其原理，後續的進階應用才會更有效率。

Amos 老師也提到，常碰到新手跟他說：「因為自己有些不熟的地方，所以覺得要多寫才會記住。」老師認為大量練習是有效的，但是新手很容易會落入一個迷思，只要一直寫就會進步，如果你只是學會複製貼上，那麼就算是大量的練習，你也不會有明顯的進步，大量練習的目的除了熟能生巧之外，重要核心精神是要正確練習，並且要理解為何這麼寫。

而老師在 code review 的時候，常會反問學習者為什麼要這麼寫，但對方常會誤解，認為這樣的舉動是在找麻煩，其實這些反問的過程，都是要讓學習者去思考這樣寫的邏輯以及原因，去判斷是不是真的理解，並適時補充，這樣的輸出才能有真實的效益。

上課時，老師常發現學生會同步抄寫老師講解的 code，其實 Amos 和五倍紅寶石專業程式教育機構創辦人 - 龍哥都認為這不是個好方式。因為這些跟著敲打的瞬間，你會以為自己做出效果了並且學會了，但這其實是`進步的假象`，兩位老師建議大家最好的學習方式，是要能夠在第一時間聽懂原理，接著再實際演練自己聽懂的語法。

## 有考慮出電子書嗎？

Amos 老師表示，目前自己的著作並沒有電子版本的計畫，除了老師比較喜歡紙本的溫度之外，老師也很擔心資訊被剽竊，畢竟每一本著作都是作者的心血，更重要的是翻閱紙本時，會有些記憶效應，在翻到某個章節時，會寫起曾經記下的一些重點，那是電子版本所難以達到的效果。

## Amos 老師有遇過有學生怎麼講都聽不懂的情況嗎
其實 Amos 老師在上課前會希望能知道這個班級的性別和年齡組成，又或是每位同學來自什麼背景，當同學卡關的時候，老師就會試著用跟學習者領域相仿或相關的知識去做類比，讓大腦產生關聯性。

倘若學習有時限的壓力或是馬上要提交給客戶的設計稿，但怎麼樣都想不通其原理，老師會請你先用背的記下來，雖然這不是一個好的方法，但是學習就跟拼圖一樣，哪裡有洞就補哪裡，這個地方卡關，先休息或換拼別的地方。有時候當你轉個彎，或先做別的事，隔一小段時間再回頭看，你會意外發現自己卡關的地方竟然開竅了。

## 要如何保持顛峰，維持學習狀態

Amos 提到維持學習狀態最好的方式就是對技術保持熱情，而五倍紅寶石專業程式教育機構創辦人 - 龍哥也認同，畢竟不同的工具會解決不一樣的問題，抱持著開放的心態去學習，除了學到技能本身，也會認識其生態圈和更多與原本領域不同的文化。

## 一般 104 上的網頁設計師的職缺需求能力要到什麼程度

網路上的職缺大概簡單來說可以分成三大類，一個是純設計但不切版，另外一種則是會設計和切版，也會知道怎麼使用套件，最後一種則是前端工程師，設計的部分相對少了，除了切版之外，還會搭配 JavaScript 和串 API 等技術，而薪資當然會隨著你的技能多寡而有所不同。

## 要如何看到版面，馬上就知道怎麼切？

其實這些都跟經驗有很大的關係，當你做過的作品越多，練習過的版面越多，你會越來越知道某個畫面可以很快用什麼方法切出來，其實要可以快速切版，和你對原理的熟悉程度有很大的關係，而成功地不二法門，唯有大量且正確的練習！

看完這些直播活動的精彩紀錄，有沒有受益良多的感覺呢？趕快回放再次觀看當天的直播活動- [CSS 真的這麼難學嗎？Amos 老師指點你學習捷徑！](https://www.youtube.com/watch?v=d6SjTcTPzQY)

> 👉課務小幫手：如果聽完這場活動想要了解更多關於網頁設計的開發課程，也歡迎報名[網頁前端設計女性專班](https://5xruby.tw/courses/code-for-girl)，讓我們陪妳從零基礎前進網頁設計師之路。

![Code for Girl](//images.ctfassets.net/8er52l3j5u76/2Foib3Khc7YRkRIQX8kgZJ/6605e33ebf5aaf785da9844095aea910/amos-girl-power.jpeg)

CSS 真的這麼難學嗎？Amos 老師指點你學習捷徑！

在技術圈打滾多年的我，當初讀書時接觸 ASP.Net WebForm，藉著這個技能在業界磨練了多年，但，任誰也沒想到近年來的前端技術大噴發，讓我頓感自己是否還適合這個圈子，以及是不是要去認識一些新東西，一開始我先嘗試 Angular，摸索了一陣子發現入門門檻實在有點高，心想老闆要的不是追求強壯的坦克，而是能到達目的地的跑車，於是便將焦點移到了 Vue.js 身上。

畢竟要馬上應用到職場上，選擇了中文官方文件多的 Vue.js，以便查找資料時可以更快找到方向，為了用最短的時間就能學好 Vue.js 的核心開發實務，便決定報名了五倍紅寶石的 [Vue.js 與 Vuex 前端開發實戰課程](https://5xruby.tw/courses/vue-js)

其實我是個不容易舉一反三的人，很多新知識要反覆練習才能真的理解和融會貫通，上課之前我也曾擔心學習狀況不如預期，意外的是，我非常喜歡 Kuro 老師的教學節奏和口條，他的節奏雖不是很慢，但配合著他的教學口條，卻讓我沉浸在他的授課內容中而慢慢變強卻不自知。**講師能力強的人很多，但會教的並不多，非常感謝五倍開了這堂課，讓我可以在業界多待個幾年。**

## 老師的課間經營法寶

老師在課堂上，除了會分享很多開發相關的好書之外，甚至會自掏腰包根據我們的需求送書或是舉辦有獎徵答，可謂佛心無敵！感覺得出來，他有在意每位學習者的學習感受和狀況，這樣子的課室經營，讓班上的互動率大幅提升，大家都很投入和享受上課的氛圍，而課堂上會搭配大量的實例引導，每個小段落也都會有重點抽問，讓我們可以階段性地檢視自己的學習狀況，每個段落的規劃都感覺是有設計巧思的，我相信班上的同學也都能深刻感覺到老師的用心。

### 不只教 "武器用法"，也給你內功心法

在課間，老師會從一般入門寫法慢慢修改成業界較專業的方式，不僅讓你了解怎樣優化，更讓你知道為什麼要優化。

例如元件化開發是 Vue 的重要功能與觀念，但老師並不會直接就以元件思維來授課，而是實作出傳統寫法，透過這樣的方式讓學員先了解目的，才開始針對頁面區塊進行元件化改良，學員從無到有，到元件化的過程是透徹理解的，在職場上的專案開發會更知道怎麼拿捏細節和元件化設計！

## 課後服務，終身保固

課堂結束後，當然就要真正運用在戰場上，還好五倍針對課程都會開設一個 LINE 群組，Kuro 老師、五倍的課務夥伴們和所有同學都在裡面，很多關鍵性的問題都可以透過這個群組發問而得到解答，除此外，五倍每個禮拜二晚上都會對外開放教室，辦理[默默會活動](https://www.facebook.com/rubymokumokukai/)，讓大家有機會彼此分享與解惑並交交朋友。我記得有次我寫滿了密密麻麻的問題要問Kuro老師，而老師也二話不說在默默當天來到五倍，非常有耐性的一項一項把我的腦洞打開!

就連已經結訓一年多，我在職場上碰到問題，只要在群組上詢問，快則半天，遲則一天，無論如何都會等到老師的建議。我時常在想自己真的很幸運，遇到一個很棒的老師，就像在技術領域認識到一個很棒的前輩，無論何時都可以從他身上學到很多！

謝謝老師打開了我的技術視野，讓我在一開始的學習就有好的起點！
**我想只要我待在這個產業的一天，應該就離不開 Vue.js 了。**

>👩‍🏫 課務小幫手：
>✨ 想掌握 Vue.js 觀念和原理嗎？
>我們有開設 [Vue.js 與 Vuex 前端開發實戰 ](https://5xruby.tw/courses/vue-js)課程唷 ❤️️


Vue and Javascript

學 Vue.js 與 Vuex 前端開發實戰

[Free Stock photos by Vecteezy](https://www.vecteezy.com/free-photos "Free Stock photos by Vecteezy")

## 網頁前端設計女性專班的緣起
「五倍紅寶石專業程式教育機構」是由台灣的 Ruby 程式語言開發者和愛好者所創立，我們希望透過各種形式的程式與社群活動，讓大家都有機會體驗有趣的程式學習。

開課幾年下來，發現技術市場的性別比例十分失衡，表示不少人依然存有只有男生才可以學習程式的刻板印象，但是工程師這個職業，真的是只有男生才可以勝任嗎？我們都知道答案不是肯定的，於是五倍決定開設網頁前端設計的女性專班課程，讓女孩們也能有機會自在的學習網頁開發。

## 妳知道嗎？其實第一位工程師就是女生
其實歷史上第一位工程師就是女生！ 
Ada Lovelace 是19 世紀英國的數學家，她也是史上第一位程式設計師。當時 Ada 的母親希望她順著興趣學習，堅持讓她從小開始學習邏輯、科學和數學，而 Ada 也因為對於數理的熱情，最後成為歷史上第一位女性工程師。 
當興趣慢慢走向專業，重要的是有沒有熱情而非性別，歷史上第一位的女性程式設計師就是很好的例子。五倍願意用最誠懇的心，陪女孩們裝上自己夢想的翅膀，讓妳們能無懼眼光自在飛翔！

## 一個人，走得快；一群人，走得遠
這個社會，一定有一群女孩們懷抱著成為工程師的夢，我們想邀請妳們來到五倍，一起重新定義自我價值。在這裡，會有一群志同道合的夥伴彼此陪伴，就算碰到問題也不再是孤軍奮戰，大家擁有同樣信念，力量就擁有加乘的效果，一起實現深埋心中的小小夢想 - 網頁前端設計師。

![two-friends-smiley-enjoying-working-together-in-a-coffee-shop](//images.ctfassets.net/8er52l3j5u76/1fU9u7HfgiE7VeCQj0F536/629fae77cebf49f9ff38fe778723b774/3146191-two-friends-smiley-enjoying-working-together-in-a-coffee-shop.jpeg)

[Stock photos by Vecteezy](https://www.vecteezy.com/photo/3146191-two-friends-smiley-enjoying-working-together-in-a-coffee-shop "Two friends smiley enjoying working together in a coffee shop. Stock photos by Vecteezy")

## 網頁前端設計課程 - 為妳而生
「當妳真心想完成某件事情，全宇宙都會聯合起來幫妳。」在這門課裡面，所有的女孩都沒有寫過程式的相關經驗，也沒有畏懼去嘗試接觸，大家都把對方視為夥伴，一同學習、一同探索、一同互相幫助，因為她們深信，努力會有所收穫。

在職場前進的路途中，我們不求自己是個完美的人，不強求讓所有人喜歡，更期許自己面對未來無所畏懼。因為秉持著這樣的信念，五倍紅寶石為女孩們量身打造了女性網頁設計專班，來帶領女孩們一步一步的完成夢想。

## 三大課程特色

__(1)全女性環境__ 
在彼此身旁都是女性的環境裡，女孩們一起交流討論，不再因為「男生才會寫程式」的想法而害怕與同學交流。

__(2)上課節奏與學生吸收程度同步__ 
以活潑有趣的方式一步步耐心指導，穩紮穩打，不用擔心來不及吸收。用心肯學習，程式定會在妳心中留下好印象！

__(3)課後讀書會 & 線上社群__ 
課後將不定期舉辦讀書會，並有 Line 群組，幫助學員聯絡感情與持續交流，成為學習階段的重要夥伴。

## 為自己的職涯和興趣勇敢一戰
五倍永遠把妳們在意的事情擺在心上，盡全力提供給女孩們安心的空間，好發揮最大的自我價值，去顛覆市場的想像，找回學習的成就。

五倍更不吝展現對細節的專注，無論妳們在程式學習路途所遇的各種挑戰，五倍紅寶石總能提供支持力量，陪伴大家深入面對，在這條學習的路上，女孩們絕不孤單！

別害怕！五倍讓刻板的程式碼生動化，帶妳解構學習步驟再重組，鍛鍊屬於妳的程式教育最強模組，手把手帶妳製作出自己的專屬網頁。相信做好準備的妳們，會吸收所有的專業知識並內化成展翅高飛的力量。

追夢，讓妳的世界無限放大！ 
五倍紅寶石陪女孩們追求自我，一一克服學習上的障礙和難關，五倍專屬課程和社群陪妳們從零基礎開始直至踏上網頁設計師之路，總有一天也能在職場上閃閃發亮！

![3666767-two-beautiful-women-talking-everything-together-at-coffee-shop-cafe](//images.ctfassets.net/8er52l3j5u76/xU62nsykf5BbM8J7bWoai/e7be2a7738cbdfac3cb77789e0ff5096/3666767-two-beautiful-women-talking-everything-together-at-coffee-shop-cafe.jpeg)

[Stock photos by Vecteezy](https://www.vecteezy.com/photo/3666767-two-beautiful-women-talking-everything-together-at-coffee-shop-cafe)

---

### 推薦課程

> 👩‍🏫 課務小幫手：
>
> ✨ 想了解更多 HTML / CSS 知識和技巧嗎？
> 也歡迎報名課程 👉 [網頁前端設計女性專班](https://5xruby.tw/courses/code-for-girl)

news-打破性別刻板印象，女生也可以學程式

打破性別刻板印象，女生也可以學程式

圖片來源：[freepik.com](https://www.freepik.com/free-photo/one-one-meeting-two-young-business-women-sitting-table-cafe-girl-shows-colleague-information-laptop-screen-girl-using-smartphone-blogging-teamwork-business-meeting-freelancers-working_1489343.htm#page=1&query=girls%20computer&position=49&from_view=search)

許多對於網頁開發有興趣的人，不難發現 Facebook 或是 Slack 都有很多的交流社團，甚至有些免費的講座或是付費的工作坊，讓新手學習者也有機會和網頁工程師們互動和經驗交流。

但妳知道嗎？坊間也有很多專屬女孩們或是新手友善的社群，都是希望提供一個全女生的環境，讓女孩們可以安心學習，筆者打算介紹幾個社群，讓女生們有機會可以藉由參與社群活動來開闊技術視野。

## [Girls in Tech - Taiwan](https://taiwan.girlsintech.org/?fbclid=IwAR2G0YUvtlDg8g9JavF6Mf0hmYQzioSMh8agC4n5VeyKjzD2VA39DeVX6IE)
Adriana Gascoigne 發現女孩們在技術圈發展的窘境，於是在 2007 的時候於舊金山創立非營利組織 - Girls in Tech。台灣的分會則在 2015 年的時候由 Jane 引進，秉持著一樣的信念，透過辦理講座和活動，致力讓女孩們有機會踏進科技領域，重新定義自己的市場價值。

🔸 每週五固定會舉辦工作坊 - **Happy Hour for Remarkable You**，很希望能讓大家有個舒服自在的環境來聊聊自己最近在忙什麼、做了什麼！每一件女孩們做得事情都是 remarkable！

## [JS Girls Taiwan](https://www.facebook.com/groups/770941932952823/)
這是由一群喜歡 JavaScript 的女生所創立的，不論任何職業或是任何程度，只要想了解更多 JavaScript 的奧妙，都歡迎女孩們加入，社群成員互動關係緊密，想要找尋志同道合的夥伴們，在這個社群都可以感受到濃厚的支持力量。

🔸 沒有辦理常態活動，臉書社團會分享各類跟 JavaScript 相關的工作坊和學習資訊。

## [Prototype 女性科技社群](https://www.facebook.com/groups/prototype.tw)
這個社群希望透過「學習程式語言」和「職涯分享」來帶大家探索女性在科技的發展，更相信女性不畏懼的精神，會是職場軟實力的關鍵力量，鼓勵女孩們在未來職涯上可以多方發展，社群也會不定期舉辦技術課程，讓大家有機會從社團中增能並且得到支持的力量。

🔸 不定期分享職涯講座訊息以及開課活動。

## [Rails Girls Taiwan](https://www.facebook.com/railsgirlstw/)
Linda Liukas 在 2010 年創辦 Rails Girl，鼓勵女生們不要因為對程式感到害怕而否決自己的能力，因此創辦兩天的免費工作坊，透過教練帶領的方式，讓女生們可以體驗到程式快速上手的樂趣！而台灣也傳承了這樣的精神，舉辦 Rails Girls Taiwan 活動，幫助女孩們進入 Ruby 以及 Rails 的世界，讓女孩們有能力實現自己的點子與理想。

🔸 定期舉辦 Rails Gril Taiwan 工作坊。

🔸 目前稍作停擺，歡迎關注粉絲團隨時取得最新消息。

## [默默會](https://www.facebook.com/rubymokumokukai/)
默默會開立的原意，是希望來到默默會不講話也不會有人嫌妳奇怪，如果女孩們想交流，想場會有很多寫程式多年的工程師朋友，或是還在自學的新手，都可以透過彼此互動獲得很多收穫，當然如果妳想結交更多在網頁開發的朋友開闊自己的人脈，都歡迎參加默默會一起同樂。

🔸 辦理常態活動：每週二晚上 7:00 ~ 10:00 辦理。

🔸 因疫情關係暫停辦理，歡迎關注粉絲團隨時取得最新消息。

![默默會 - 妳也可以加入的技術社群✨](//images.ctfassets.net/8er52l3j5u76/4x8sNMOFhi4Ng52IkCl7GJ/a3f6ead293ce0653356461fdfc13082c/_______2021-12-10_______12.18.55.png)

## 乘著技術的力量，女孩們可以飛得更遠

提供以上技術社群給女孩們參考，技術日新月異變化多端，妳們在學習的路上難免總會遇到挫折，唯有找到相同目標的夥伴，彼此才能走得更堅定和長遠！

五倍也很樂意成為大家夢想起飛的加速器，陪女孩們追求自我，一一克服學習上的障礙和難關，陪妳們從零基礎開始直至踏上網頁設計師之路，總有一天也能在職場上閃閃發亮！

![妳也可以加入的技術社群✨](//images.ctfassets.net/8er52l3j5u76/1yXX5rxfY2aJ63VFAcznkO/d0df7eee0d5ce0f2e010bde95da9ea0b/___2021-12-10___12.20.28.png)
圖片來源：[freepik.com
](https://www.freepik.com/free-photo/business-asian-lesbian-lgbtq-women-couple-account-home_5503736.htm#page=1&query=girls%20computer&position=42&from_view=search)

---

### 推薦課程

> 👩‍🏫 課務小幫手：
>
> 如果妳是新手，想了解更多網頁開發的知識和技巧嗎？ 也歡迎報名課程 👉 [網頁前端設計女性專班](https://5xruby.tw/courses/code-for-girl)

news-妳也可以加入的技術社群✨

妳也可以加入的技術社群 ✨

五倍做的是教育，學員的學習我們一向都鼓勵趕早不趕晚，有人買了課程，如果該課程有相關配套的先修課程、電子書或是其他優質的網路學習資源，我們都盡量會在開課前就給予，讓學員可以更快速地進入狀況，這次我們一看到政府擬發五倍券的消息，我們就開始思考這件事！ 

本來想要等政府確認後，我們再一起公布，不過秉持著「__趕早不趕晚__」的習慣，我們知道在疫情期間許多人的轉職或提升職場技能的需求，變得更加強烈，因此 __我們決定今天就先提前發放五倍券，提早發放、提早使用、提早進入職涯的另一個階段__ ！

詳情請見下方領取與兌換規則！👇👇

## 🎓 五倍的五倍券應用範圍

- 實體短期課程 ＆ 線上課程：使用五倍卷購課，送等額課程折扣券，金額無上限。
- ASTRO Camp：使用五倍卷購課，最多送一萬元課程抵扣券。

## 📝 領取與兌換規則

- 使用 5,000 五倍券購買課程，則 __送 5,000 元五倍課程抵扣券__ ，可於下堂課程使用。

##### __應用範例__
- 如果使用 5,000 元五倍券，購買 [網頁前端設計女性專班](https://5xruby.tw/courses/code-for-girl) 就送 __NT 5,000 元__ 課程折扣卷。
- 若使用折扣卷加碼報名 [I’m coding it! 微痛轉職工程師](https://iamcoding.tw/) 只需 __NT 9,599 元__ <s>(原價 NT 14,599)</s> 優惠報名課程。

##### 線上課程也可以用五倍券嗎？🤔

五倍券可用在我們的線上課程，只要你在上述的五倍券優惠時間內用現金 5,000 購買線上課，我們一樣送你課程抵扣券！

下單前右下角客服詢問確認即可！

 

> 💡 如有不清楚的地方，歡迎於網頁右下角的 __臉書私訊__ 詢問。

 

<a href="https://m.me/5xruby" target="_blank" rel="noopener">
 <img src="//images.contentful.com/8er52l3j5u76/1E8jhIsTI2Vj3WunFvNJCH/9f478f1438e7a0e9a2feaf8731b53576/____________.jpg">
</a>

 

---

### 注意事項

1. 如五倍券的發放數額大於 5,000 元，則五倍紅寶石的五倍券活動的使用沒有上限。
2. 如五倍紅寶石位於政府的產業排除名單中，我們承諾的課程抵扣券將不受此影響。
3. 課程抵用券不找零，無法兌換成現金。
4. 課程抵用券有一年的有效期限。
5. 五倍紅寶石保有一切五倍券活動的解釋權利。

五倍券 Banner

五倍超越五倍 - 五倍的五倍券提前發放！不只五倍，我要給你十倍！

開始寫程式之前，電腦的配備該如何選？寫程式電腦需要很高階嗎？

對於電腦不熟悉的使用者，寫程式最重要的就是電腦的記憶體大小

電腦 4G 記憶體雖然可以動，但是上課會開到瀏覽器以及其他應用程式，很容易不夠用，會變得很慢，容易影響到上課進度。

建議選擇 8G 記憶體起步，並且安裝 64 位元的 Windows 系統，選擇一般電腦作業系統至少 windows 7 或 window 10 以上！

你的電腦是 Mac 電腦的話，記憶體至少 8G 以上型號都可以！

### Windows or Mac？

如果你想要的是「不透過任何虛擬機或網路，在本機直接執行 (Ruby) 的話」，那麼 Windows 的確不是個好的選擇，雖然 Ruby 語言的確有原生 Windows 的版本，甚至也有熱心人士製作的 [Ruby Installer 懶人包](https://rubyinstaller.org/)，但由於很多 RubyGem 往往都無法正確或是簡單的安裝在 Windows 平台上，因此仍然不推薦直接使用 Windows 版 Ruby 做開發。

另一方面，雖然從 2016 年 10 月 Windows 10 推出 [Windows Subsystem for Linux](https://docs.microsoft.com/en-us/windows/wsl/install-win10) (簡稱 WSL) 以來，我們已經可以在安裝過 WSL 的 Windows 10 電腦上直接安裝 Linux 版的 Ruby，但仍然存在相容性以及執行速度上的問題，因此也不是個適合的工具。

不過由於 Cloud IDE 的迅速發展，使得我們可以在幾乎不需要任何設定的情況下用瀏覽器存取個人專屬完整的 Linux 開發環境，因此我們會推薦新手直接使用如 [Cloud 9](https://c9.io) 之類的 Cloud IDE 來進行學習，甚至是實際的開發工作。

但是如果想要為了學習程式而購買新電腦的話，Mac 仍然會是一個較佳的選擇，因為它具有原生的 Unix-Like 環境以及完整的開發者生態系統，也可以執行大部份 Windows PC 可以執行的工作如文書處理、繪圖等等，加上相對較高的二手保值性與（大部份）Windows PC 所不具備的全球保固，因此我們還是會推薦您 Mac 電腦，但它不是必需。

### 以下為給新手學程式語言挑選電腦規格及需求建議

寫程式 Windows 電腦規格推薦：

- 系統：windows 7、windows 10 以上
- 處理器 CPU：皆可
- 記憶體 RAM： 8G 以上
- 顯示卡：皆可

寫程式 Mac 電腦規格推薦：

- 記憶體：8G 以上
- 處理器 CPU：皆可
- 顯示卡 RAM：皆可

## 如何買到（相對）便宜的 Mac？

- 新品

	以蘋果的線上商店來看，現在還能買到的新品中最便宜的是 2017 年款的 Macbook Air，在本文撰寫時的官網售價是 8G / 128G 31,900 元

- 整新機

	Apple 線上商店有 **[認證整修品區](https://www.apple.com/tw/shop/refurbished)** ，PCHOME 或優仕、Studio A 等半官方單位的線上商店有時也會出現類似的分區，這類機構推出的整新機通常都會有完整的保固，也可以購買 Apple Care 延伸保固，價格可能是新品的 9 ~ 7.5 折左右。

- 二手

	對於想要省錢上手 Mac 的人來說，二手無疑是最佳的選擇，用「二手 Macbook 」搜尋的話會出現不少賣家或建議，要購買的話可以注意下列項目：

  1. **是否還有官方保固期：**
    通常還有原廠保固的話會是優先考慮的對象，有些有維修能力的專業賣家會提供非官方的保固。
  2. **專業或是個人賣家：**
    專業賣家或店家由於有維修能力，所以從這些來源購買的二手機通常會是有被保養過的，相對個人賣家會比較好一些。

## Mac 的選擇：新款還是舊款？

### 不論二手或全新， Mac 主要的世代大概分成下面幾種：

1. 2016 年以後的 Macbook Pro 與 2018 年款的 Macbook Air
由於都具備最新的 Thunderbolt 3（相容 USB-C ）介面，因此被歸在同一類，要注意的是 2018 的 Touchbar 版 Macbook Pro 比 16、17 的多出兩個 CPU 實體核心，其中 15 吋版本甚至可以客製 32G Ram，是追求高效能者的最佳選擇。

2. 2015 ~ 17 的 Macbook
只有一個 USB-C 孔的 12 吋 Macbook，CPU 效能雖低但是 Ram 有 8G 所以對於 Web 開發是足夠的，注意的是 17 年版本有客製 16G Ram 的選項。

3. 2012 ~ 15 年的 Macbook Pro Retina
有 13 與 15 吋兩種選擇，目前已無生產新機，只能在二手市場買到，因為 Ram 無法升級，因此會建議以購買 16G Ram 的機種優先。

4. 2015、17 的 Macbook Air 13
2017 款是目前唯一還在生產的的非 USB-C 機種，和 15 年款是同樣世代的 CPU 因此被我歸在同一類，Ram 一律是 8G 不可客製升級，不過 SSD 有第三方廠商的可以升級。

5. 2011 ~ 2012 的非 Retina Macbook Pro
硬碟與 Ram 都可以改裝，是最可以用低成本升級 16G Ram 與 SSD 的機種，大部份專業賣家都會把此類舊機改裝整理後陳列販售，絕大部份都在 2 萬元以下，是節約預算的最佳選擇。

6. 2015 以前的 Macbook Air 13 與 11
由於預設的 Ram 只有 4G 甚至 2G，少數客制機 8G，不建議購買。

7. 2011 以前的所有 Macbook 與 Macbook Pro
無法用正常方式安裝 OSX 10.14 或以後的 OS，完全不建議購買。

---

## 快速瞭解自己的電腦的作業系統

### 如何查看 Windows 電腦配備和作業系統？

Step 1：
選取 [ 開始 ] 按鈕，然後選取 [ 設定 ] -> [ 系統 ] -> [ 關於 ]

![windows 配備 作業系統](//images.ctfassets.net/8er52l3j5u76/01KmfHOqOz5Dj9FRrqDf0F/9b89547d83291e4a3bdbca3982b3690e/win-setting-1.jpg)

Step 2：
在系統頁面中，就可以看到電腦的配備以及 Windows 版本系統資訊

![windows 配備 作業系統](//images.ctfassets.net/8er52l3j5u76/3YsdgOTOVXYZIJZdB59f6g/d51be025fa88a3a18a81cad1acbb1275/win-setting-2.jpg)

---

### 如何查看 Mac 電腦配備和作業系統？

Step 1：
從螢幕左上角的「蘋果」符號選單選擇「關於這台 Mac」

![mac 配備 作業系統](//images.ctfassets.net/8er52l3j5u76/20ue4ib9wvMEBCnUVIcYG0/a5f3014c90f3f7c779f87d84cb18605c/mac-setting-1.jpg)

Step 2 :
「關於這台 Mac」會顯示您 Mac 的概要資訊，包括作業系統名稱和版本、機型名稱和序號

![mac 配備 作業系統](//images.ctfassets.net/8er52l3j5u76/4Myepjn3k8Xo5c77vDrkeD/a92a8a0668244cc308aa21395c86a4d5/mac-setting-2.jpg)

---

準備好對的工具，讓你在轉職學習路上能快速進入狀況：）
想瞭解更進階的電腦配置或規劃？
想知道業界都使用什麼工具及開發環境？

歡迎來五倍紅寶石・程式教育培育中心
我們教的是實務經驗和跟企業結合
相信我們，栽培你成為企業裡的高水準工程師
在學習路上不會是孤單一人，讓專業團隊陪伴你走更遠

[ASTRO 全端工程師實戰訓練營 (點我參加說明會)](https://astro.5xruby.tw/)

- 專業講師群，給你最貼近業界的實戰訓練
- 線上補課優勢，彈性安排時間與反覆練習
- 提供面試媒合，幫你找到海內、外理想職缺

news-【 ASTRO 全端工程師實戰訓練營】新手入門學程式，電腦配備怎麼挑？

【 ASTRO Camp 全端工程師實戰訓練營】新手入門學程式，電腦配備怎麼挑？


這兩個月有點奇幻、有些驚嚇（？），在真正上台之前不斷碎念著自己難以言述的成長，畢竟我在做的事和五倍大多數人在做的不太一樣。

雖然依舊和兩個月前的我一樣不確定未來、有點悶、很難約，但確實可以感受到自己的不同 ─ 抓到輪廓、動手執行。

###「實習」之於我
在真正的心得開始前，想先釐清這次去實習的想法及目的。

就和大多數人一樣，在大三下學期瘋狂地找實習，剛開學各大外商銀行、管顧公司開始招募時，我便陷入無比地焦慮……

到底是自己想找實習，還是被環境逼著去實習
同時，實習的意義、我想從中獲得什麼、我又有什麼是可以帶給公司的，這些無限的問題從腳底冒到頭頂，盤旋不去。

最後的思考得到以下結論：

1. 實習的意義在於：確認產學落差、要如何繼續進化自己，同時確認自己之後想要的工作類型

2. 我想得到什麼：這一年之中想要探詢有興趣的行業別和工作

3. 我的價值：有行銷上的學理概念、學習力

其實在確認這些價值之時，我已經收到大把大把的拒絕信了。

### 初入坑口：從做研究開始
在五倍行銷的範疇主要在程式課程的部分，對於這個領域不算太熟，但也不是陌生。程式嘛，之前有碰過一些，不專精但至少知道在做什麼；課程嘛，一直都有在上，所以也大概知道教學的型態。當這兩樣相加成為商品，要用適合的方式將資訊送到需要的人面前，這件事突然變得有些困難、沒有頭緒。

於是第一個月除了透過庶務了解整體課程運行的方式、內容，更重要的一環是研究。針對行銷管道和競品做了一些研究，觀察競爭對手的商品設計、行銷手法，和在學校行銷管理所學蠻接近的。做的當下心中其實抱持著疑問，不確定這些觀察、資料會用在哪裡又要怎麼用，但在之後開始實際操作廣告後才漸漸體會到事前功課的幫助。

### 在坑裡打滾：廣告操作
第二個月便直接進入了廣告操作。基本的 Facebook 、 Google Ads 、電子報，近期開始嘗試的 LINE@ 試圖用不同的方法去接觸潛在消費者。

一開始對於平台使用、怎麼寫文案完全一問三不知。從觀察其他品牌寫文案的方式、自己練習、實際投放、觀察流量，開始漸漸建立起自己對於寫文案、素材選用的概念；關鍵字的挑選、廣告寫法也透過數據的觀察開始摸索輪廓，逐步修正。

在觀察和修正的過程中，過去看似無用的研究資料便發揮了一些功用，對於修正和操作模式提供一些想法也能更容易找出五倍和其他品牌不同的部分。

### 還在滾著
在人人都能投廣告的時代，猶豫廣告、文案要怎麼製作，最快的果然還是直接下去嘗試。從廣告反應出的數字反思自己下的廣告、行銷手法是否哪個環節可以再進步，嘗試改進後是否真的有所成效，這一連串的觀察和行動是我這兩個月收穫最多的部分。

### 後話
五倍的環境真的很好，同事們都超友善，有任何事都可以直接問直接反應。感謝老闆願意信任我，讓我直接第一線操作廣告（手抖）；謝謝每位被我騷擾過的夥伴可以不厭其煩回答我的問題。

雖然過了兩個月我依然還是廢廢的小小行銷，只有愛貓的心與日俱增（喂），但會朝著不這麼廢的目標奔馳的！

![news-五倍紅寶石出礦坑：小小行銷實習](//images.ctfassets.net/8er52l3j5u76/2LPlbXvcX2VS9g8inVaTje/d5142d317a5f13a98212db3f126130d3/1_VntTVp_QogYerlhsDju5XQ.jpeg)
雖然我只有半個頭……但我還是在喔！


news-五倍紅寶石出礦坑：小小行銷實習

五倍紅寶石出礦坑：小小行銷實習


> 採礦 ─ 從地下開採有經濟價值的礦物或其他物質的活動

過往擔任平面、網頁設計師時，有股疑惑總是揮之不去，不停質問自己，「除了為商品服務外，設計到底還能做什麼？」與世界溝通？是的；與人群對話？當然。以上皆是正解，但在這之外，是不是還能再多做一點什麼？

在一次的新聞報導中，得知一個來自臺灣、創立於紐約的團隊，負責協助建置第三世界國家分配救援物資時所使用的資訊系統，當下突然意識到一種可能、一種可能可以回答我的疑問的可能：或許有些「真正」的問題，可以透過設計思考及技術能力解決。

於是靠著那一點點──真的只是一點點──設計與邏輯天份，首次開始有系統地自學前端設計相關技術，包含 HTML、CSS 與 JavaScript，另外是框架 Bootstrap 與 Vue.js，痛並快樂著（嗯？）；在今年盛夏時節，以設計實習採礦員身份，小心翼翼爬進五倍紅寶石礦坑，動手開採。

![post-五倍紅寶石出礦坑：小小行銷實習](//images.ctfassets.net/8er52l3j5u76/2LPlbXvcX2VS9g8inVaTje/d5142d317a5f13a98212db3f126130d3/1_VntTVp_QogYerlhsDju5XQ.jpeg)

### 5 x Training・設計教案
這期實習首次採行培育計畫，從設計階段的網站改版討論、手繪草稿、wireframe、sketch，到開發階段使用 middleman 建置，每個過程皆有 mentor 參與，比照正式專案討論與修正。透過這樣的流程，明確知道自己的足與不足，以及可繼續進修努力的方向。感謝我的 mentor IRENE 以及隱藏 mentor RINGO，在繁忙的正式工作中還特地撥出時間給我許多建議☻

### 5 x Project・專案參與
參與正式專案的使用者測試，可能因為初生之犢較不畏虎（嗯？），提出許多建議，但專案各夥伴們，非但沒有想解決提出問題的人，反而抱著認可的態度肯定這項踰越之舉，感謝各位的包容。另外更見識到何謂專業合作，PM 精準協調、工程師們高效咻咻咻解票（解 issue 的俗稱），團隊各成員們各司其職推進專案。

開採期間，透過雙手親自觸摸各式礦石，而即使實習結束，礦脈中、岩頁裡仍蘊藏著無限可能。Keep mining, still on the way.

五倍紅寶石・專業程式教育機構

ASTRO Camp

線上課程

短期課程

技術文章

五倍消息

五倍消息

CSS 真的這麼難學嗎？Amos 老師指點你學習捷徑！

學 Vue.js 與 Vuex 前端開發實戰

打破性別刻板印象，女生也可以學程式

妳也可以加入的技術社群 ✨

五倍超越五倍 - 五倍的五倍券提前發放！不只五倍，我要給你十倍！

【 ASTRO Camp 全端工程師實戰訓練營】新手入門學程式，電腦配備怎麼挑？

五倍紅寶石出礦坑：小小行銷實習

5xRuby 五倍紅寶石・採礦的各種可能

訂閱文章

電話 | (02) 2331-5247

信箱 | [email protected]

地址 | 10046 台北市中正區衡陽路 7 號 5 樓

專業課程

ASTRO Camp

線上課程

短期課程

關於我們

關於五倍紅寶石

聯絡我們

媒體報導

加入我們

部落格

技術文章

五倍消息

幫助與政策

常見問題

隱私權政策

服務條款