最新消息

關於五倍還有更多你可以發掘的,都在這邊說給你知!

Jun 29 2019

PM ( Project Manager ) 總是被大大小小繁雜的事情追著跑,如果你的事情總是覺得多到不行、做都做不完,可能得重新審視一下自己的時間規劃囉! 最近看了「私、定時で帰ります」這部日劇,覺得劇情中提到的工作方式特別受用啊!尤其是女主角高效率的工作時間分配和管理,和我真的不謀而合呢(?) 這邊就來分享兩個屬於 PM 管理專案及釐清思緒的部分吧! To Do リストを作成する! 製作 Todo List! 在影片中,吉高由里子所飾演的女主角,總是準時下班的最主要原因,就是...

Jun 22 2019

reCAPTCHA 是 Google 在 2009年收購一家叫 CAPTCHA 的公司,其服務的目的是為了辨認機器人與防止廣告垃圾訊息氾濫。 reCAPTCHA 問題的所需的文字圖片,首先會由 reCAPTCHA 計畫網站利用 Javascript API 取得,在終端使用者回答問題後,伺服器再連回 reCAPTCHA 計畫的主機驗證使用者的輸入是否正確 - wiki。 reCAPTCHA 大致分為 3 種: v2 Checkbox:「我不是機器人」核取方塊,網站上最常看到的一...

Jun 15 2019

在這裡淺談幾項 PM 路途中會用上的技能,希望能帶給要邁向 PM 之路的你一點共鳴。 專案管理聽起來是個很陌生的名詞,但其實生活上很容易遇到, 人生也可以譬喻成一個放大版的專案管理, 首先列出目標優先順序,訂定每一個項目的細節,再來分配資源,一個一個完成目標,遇到困難時要解決掉,解決不掉的問題要去問有經驗的人,這樣一看,還真有 87% 相似。 此篇會提到下述幾個軟技能: 筆記的重要性 釐清眼前的一片霧霾,把思緒整理清楚,列出要記下的重點。 隨手筆記 沒有整理過的筆記,時間...

Jun 1 2019

大家好,一年(其實是 16 個月)一度的 RubyConf Taiwan 2019 即將在兩個月後的 7.26 - 27 日於張榮發國際會議中心召開,作為活動的主辦人與議程委員,在此想跟大家介紹一下本次大會的主題。 Keynote: 今年一共有 4 場 Keynote,講者分別是 Matz (@yukihiro_matz):未定 Aaron Patterson (@tenderlove):The View Is Clear from Here 繼 2015 再次來台的 @tenderlove...

May 25 2019

大家好,今天要跟大家介紹我的瀏覽器會圖片辨識,一個瀏覽器套件(Chrome Extension)與圖片辨識(OCR API)結合的故事。OCR 是 Optical Character Recognition 的簡稱,簡單說就是圖片辨識的技術,主要目標是可以辨識圖片上的文字,我們的目標是瀏覽器會圖片辨識,讓我們可以將當前畫面上的文字複製出來,這邊的想像是,瀏覽器打開圖片後點選瀏覽器套件,接著圖片上的文字出現在我們的套件上,就可以將文字複製到別的地方了,所以做一個 Chrome Extension...

May 18 2019

「我不是本科生,適合寫程式嗎?」這樣的討論,是每個轉職工程師的人心中,一定曾冒出來的問題。 其實像這樣非黑即白、非敵即友、非 true 即 false 的二分法命題很容易討論,也很容易討戰,特別是文人相輕,自古皆然,誰也不想自己學的專業被批得一文不值,所以只要立場不一樣很快就能戰起來。戰起來倒也不是壞事,只是到最後可能容易淪為戰文而失焦… 啊,扯遠了。 很多學生,或是在網路上很多人會敲我,問我說「現在還適合轉職工程師嗎?會不會太晚?我適合嗎?」坦白說,這些回應都應該要「個案回答」,但成...

May 6 2019

接觸過設計或前端開發的人對 Hex Color Codes 應該都不陌生,只是大家更熟悉的名稱是 十六進位色碼標示法,例如 #ffffff 代表白色、#333 則是深灰色。但你知道如何把 #333 變成更淺的灰色嗎?Pantone 2019 年度代表色 Living Coral 的 #FF6F61 是怎麼來的?十六進位與六位數的色碼又是什麼關係? 「複製貼上就好了啊!Photoshop 檢色器打開點一點就有了,像是 HSL Color Picker 的工具在網路上也有很多,為什麼要了解那...

May 4 2019

台灣又即將進入選舉的時節,看著政治人物不做正事忙著在跑選舉行程,大家是否也跟我一樣有很強烈的亡國感呢?不過沒有關係,不要讓負面情緒影響我們的心態,今天就讓我們用 Redis 搭配 ActionCable 來做一個即時計票顯示吧! Why Redis? Redis 是一個 in-memory 的 key-value database,時常被使用在需要快取的場合,以減輕後端資料庫的壓力。在選舉計票的時候,統計數據更新的頻率會相當頻繁,因此 Redis 便成為一個非常好的資料庫選項。

Apr 27 2019

使用 VuePress 來做個俄羅斯方塊攻略 大家好,我是卡米哥。今天要教大家怎麼用 VuePress 來做這個俄羅斯方塊攻略網站:https://etrex.tw/Vuepress-Demo/。 本篇文章架構如下: VuePress 簡介 Markdown 簡介 VuePress 安裝 VuePress 試用 Markdown-It 簡介 Markdown-It-Plugin 簡介 Markdown-It-Tetris 在 VuePress 安裝 Markdown-It-Tetris

Apr 20 2019

圖片作者:Julius Silver, 圖片來源連結 如果你曾經看過 Docker 相關的文章,對 Docker 有點認識但又不是太熟,需要找個主題來實作看看,那這篇文章就是為你準備的!我們將透過 Docker 部署一個 Rails 應用到 DigitalOcean 平台上,本文會一步一步介紹部署的過程。 目錄 Docker 基本介紹 Docker 三大元素 設定檔 常用指令 實戰演練 步驟0: 簡單開一個 Rails 專案 步驟1: 開始加入 Docker 步驟2...

Apr 6 2019

我覺得取密碼已經是現在網路時代很讓人困擾的事情之一,特別是現在各種不同網站對密碼的要求不一樣(其實我很希望各網站不只是設新密碼的時候會顯示要符合的密碼規則,登入的時候可以也顯示一下嗎QQ)或者是要求使用者要定期換密碼最後常常造成防堵了密碼被盜也防堵了使用者登入自己的帳戶。 為了好記而取簡單的密碼讓人不放心( ex.# ji32k7au4a83 ) ,但是就算我取了強度夠的密碼如果網站的安全性不夠密碼根本沒幫我加密好像也只是增加我輸入密碼的時間,比方說曾經收過某知名英文學習網站直接把密碼明...

Mar 30 2019

相信大家平常都有在寫測試吧?咦沒有嗎?!俗話說有寫有保祐,如果還不知道怎麼入門的話,可以參考同事寫的這篇《為你自己學 Ruby on Rails:寫測試讓你更有信心》。不過呢,今天要業配的不是書中範例使用的 RSpec,而是華文圈較少有人著墨的 minitest。 Minitest, Test Unit 傻傻分不清楚? 會混淆也是理所當然的!以大部分人熟悉的 Rails 來說,在不做任何設定修改的預設狀態下,執行 generator,會看到類似以下的結果: https://imgur...

Mar 23 2019

當使用者進到自家網站時,想知道使用者是點擊哪個商品按鈕?或是讓使用者透過按鈕去分享,該如何知道分享按鈕是被點擊幾次呢?電商網站最常見的就是加入購物車、收藏清單、註冊會員、FB登入等等行為,可以藉由 Google Analytics 去分析網站的訪客行為,這些按鍵點擊我們稱為「事件」,一起來透過 GTM 將這些「事件」傳送到 GA 分析吧! 追蹤網頁按鈕點擊 GTM 實戰教學 直接登入 GTM 開始吧 ! GO https://tagmanager.google.com/?hl=zh-tw

Mar 16 2019

最近很火紅的第一人稱射擊吃雞類型遊戲「Apex Legends」上市8小時內同時在線玩家人數突破100萬人(筆者也是其中之一),這款遊戲和 Ruby 能擦出什麼樣的火花呢?在本文中我們將嘗試使用 Ruby 搭配玩家間熱門的語音通訊社群軟體 Discord 製作聊天機器人再透過 API 獲取玩家於遊戲中的相關戰績資訊。該透過哪些步驟快速製作我們的聊天機器人呢?讓我們接下去看看吧! 前置作業 假設你已經安裝好了程式語言 Ruby(如果沒有安裝的請到官方網站根據自己所使用的 OS 安裝 Ruby

Mar 3 2019

在三大主流前端框架中,最年輕的 Vue 無疑是個爆發力最強的一個,尤其是容易上手且中文資源多,對於很多人來說 Vue 是踏入前端框架的首選。Rails 自 3.1 版使用 jQuery 並且搭配 Asset pipeline 來打包前端資源已經好一段時間,在這個前端爆炸的年代這個組合已經略顯不足,直到 Rails 5.1 開始引入了 webpack 並且可搭配 yarn 做前端套件管理後,大大的提升 Rails 對現代前端框架支援的友善度! 本篇將會以一個搞不懂前端生態(誤) 的 Rails...