Web 2019 新鮮人前端工程師面試全紀錄 / 一段關於剛被我大國軍摧殘完的找工作辛酸血淚史，找的是我的第一份全職工作，從 2018 年 6 月參加了 Yourator 辦的快速面試，然後口試、畢業、入伍、退伍再花 30 天面試了 11 個職缺後拿到滿意的 offer 準備過年。 由於面試期間受惠於 ptt 及各式部落格面試心得文，因此決定也來寫一篇順便做個紀錄。 背景 職缺選擇 期望薪資 面試清單 面試準備 面試問題彙整 結論
如何將 GitHub Pages 套上個人網域及 Cloudflare SSL 前言 其實在一天以前，我沒買過網域，沒設定過 SSL，更別說深入了解什麼是 DNS (現在也還是不了解呢)。但反正我成功買了網域套在 GitHub Pages 上並使用 Cloudflare 讓他有綠綠的鎖，所以就順便紀錄、分享一下吧。 是說一切的起因都來自學長的一張 Gandi .tw 網域一年免費優惠序號。 事前準備 建立 GitHub Pages 購買網域 (這邊以 Gandi 為例) 註冊 Cloudflare
GitHub Student Developer Pack 申請 前言 GitHub 身爲全球最大男性交友平臺，你可能會在上面放許多大大小小專案讓其他人認識你，這些都是公開在整個網路上的，而有時候僱主並不希望程式碼公開，或是自己的一些邪惡計劃怕被查水錶，則可以將 Repository 設定爲 Private，不過這時候 GitHub 就要跟你收 $$ 了，如果你還是學生的話，別怕，快啓用 Student Developer Pack，無限個 Privete Repository 任你開。此外，也有許多合作廠商提供給學生免費的開發工具授權，通通透過 Student Developer
Experience Sharing KKStream SQA Intern 心得分享 在 KKStream 實習了半年左右（2017/07~2018/02），分享一下半年下來的心得及想法，回想當初真的是很意外的緣分。 這篇不會有太多的技術成分，主要是分享一下半年來學到的網頁自動化測試及心得，可能文章會有點長，我寫完自己也很感動⋯⋯ 文章內使用 Ruby code 代表用 Ruby 寫的舊自動化測試系統， Webdriver.io 代表用webdriver.io 開發的新自動化測試系統。 實習過程記錄 簡而言之我在這半年的實習中做了兩件事情，一件是維護前一位實習生 Frank 寫的自動化測試（Ruby
macOS 製作 Live USB 升級或重灌 macOS 前言 許多人再升級或是重灌 macOS 的時候，都會花費許多的時間等候從網路上邊下載 image 檔案，一邊安裝，而往往也因為學術網路關係而耽擱了許多時間。 本文將會介紹分享如何製作 macOS Live USB 及透過分享 image 檔案方式來進行安裝或更新系統。 下載作業系統 不論是製作 Live USB 或是分享 image 方式，第一件事都得先下載好作業系統（附圖部分是已經先下載好的），如果是在學術網路環境之下，建議使用 VPN 可省下不少下載時間。 找出該檔案位置
Python Python general crawler writeup 這篇文章是紀錄我第一個爬蟲任務的 writeup。在之前我只能說自己對爬蟲有點概念，但開始做這個比較 general crawling 的任務之後，對於學習爬蟲的過程有了一點脈絡。這次被要求的爬蟲內容為取得上千個網站中的所有圖片、影片與文件，但為了減少我們儲存資料的容量，我們設計成圖片與影片只抓取其來源，而文件因功能需求抓取完整檔案。
ghost Ghost 加入 Syntax highlight 前言 聽說 Ghost 已經 1.2 了，預設主題 Casper 就滿厲害的了，不僅有 RWD 還有進度條顯示閱讀進度，當初還想自己寫一個主題呢。 不過依照過往經驗，原預設主題沒有 code syntax highlight，就得自己手動加入了～ 在本文章採用 Prism.js（by Lea Verou）的 library 引入使用。 Prism.
在 Ubuntu 16.04 存取暨南大學的 CC Server 在暨南大學只要是教職員生，都會有一個 CCServer 帳號，若你的系統不是 Windows，或常常需要在校外環境存取 CCServer 的東西，這篇文章可以參考看看有沒有幫助。 參考資料：FTP 存取 CCServer 網路資料夾之相關使用說明 1. 安裝 FTP client 首先叫你的軟體中心出來（圖中右邊的圖案） 在軟體中心的搜尋列（下圖上方）搜尋 FileZilla 然後按下右邊的 install 在 Ubuntu 只要是安裝或移除程式通常都需要輸入密碼哦。
就是要看通靈少女 前言 最近在公共電視播出的通靈少女非常的紅，雖然學校宿舍仍有電視但對於菸酒生來說還是非常不方便的，多半選擇網路來源來進行觀賞。 但是！！ 竟然有賞味期限為 4/9，只好來解析一下是否在過期之後繼續觀賞影片的方式。 分析一下 身為一個網頁開發者，不免俗得還是要打開開發者工具來瞧瞧 由於它的連結中已經有做過一些處理，並無法直接打開連結網頁，只好選擇登入了公視 +7 了。 在登入之後，點擊影片的 icon 之後便會跳出一播放器來進行播放，就可以很開心的用 Console 來 document.getElementsByTagName('video') 取得 video 的來源。
SITCON 2017 SITCON Review 攤位 今年的 SITCON 我反而沒有花那麼多時間去聽演講, 因為 NCNU X MOLi X OSSPlanet 今年變成贊助商攤販了！ 身為潛水成員, 平常都只在 Telegram 出現, 這種時候總該要出來露個臉 NCNU X MOLi X OSS Planet 攤位照 MOLi (Maker's Open Lab for Innovation) 創新自造者開放實驗室
data 資料分析入門：具有影響力的文章關鍵字 這次的分享主要是針對入門的文本分析步驟，雖然沒有太多技術細節，但至少可以讓沒有接觸過這一塊的人了解可能的作法與需要的工具 資料分析可以簡單的分為三大步驟： 收集資料 過濾資料 顯示資料 收集資料 爬蟲（Crawling）是一種收集資料的手段，針對網站可以分析 html 架構之後再透過相關 http client 的 library 撰寫程式取得資料，像是 python 的 requests 與 BeautifulSoup 的搭配使用 另外如果該網站或是該服務有提供 API，那我們只要透過 API
nis 在 Ubuntu 的 NIS 環境底下設定 iptables 不論是實體機器或是 VPS (Virtual Private Server)，當手上需要管理的 server 愈來愈多的時候，我們都不希望逐一在 server 上面做設定，於是就有了中央管理的服務出現，NIS (Network Information Service) 就是其中一種。 NIS 的安全性 NIS 比起其他中央管理帳號的服務，安裝與設定是相對簡單，但是安全性來說是相當低的。 Anyone who can get access to the
Ubuntu Ubuntu 16.04 的嘸蝦米輸入法（使用 Fcitx） Fcitx 輸入法一般來說應該不會使用到，但是如果您/您的朋友需要用到嘸蝦米輸入法的時候，也許也可以考慮來研究一下。 參考資料：Ubuntu與嘸蝦米 在這篇文章裡面 BlueT 大大有介紹使用 gcin 的方式，如果不喜歡 Fcitx 的話可以過去看一下。不過 16.04 的 im-switch 好像消失了，請改用 BlueT 大大文中提到的圖形化界面操作方式： 使用圖形化界面切換輸入法 按下 Ubuntu 右上角的小齒輪， 選擇系統設定 (System
VPN 用 Ubuntu Linux (64bit) 環境使用 Juniper SSL VPN（免裝 32bit Java） Juniper SSL VPN 常被用在各種地方，包括台灣各國立大學也都有由 TWAREN 所提供的服務。 因為它對於 64bit Linux 的支援問題，要在 Ubuntu (Linux) 64bit 上使用並不容易。 如果你不希望只為了用它而得多裝一套肥大的 32bit Java，這篇就是你要的教學文。 If you want English HOWTO, check English version HERE or HERE. 概要 # 安裝函式庫 $ sudo apt-get install libc6:i386 zlib1g:i386 libgtk2-perl libwww-perl # 取得檔案 $ wget
C C 語言為什麼是 int main() { ... } 當我們在學 C 語言的時候，都會自然地將 main() 的 return 型別宣告為 int，但是為什麼是這個樣子呢？ 讓我們來看看： C 語言當中關於 main() 的規範與說明 在 C 的標準文件裡面有一段話是這樣， 5.1.2.2.1 Program startup The function called at program
routing 前後端 Routing 比較 這次改一下寫文章的方式，把碎碎念的部份放到最後，直接先紀錄一下這篇想整理的東西 做網站的時候，除非是單頁靜態網頁，像是在 github.io 上放單頁履歷以外，大部份都有點擊某個連結然後更換顯示內容的需求，而這邊對於新手來說，第一關應該就是 routing Routing 如果有找過關於 NodeJS 資料的人應該對於 express 不陌生，在關於 express 的範例程式中，當你看完 http 模組之後緊接著就會是 routing 的教學 var express = require('express'); // 引入 express var app = express(); // 在 '/' 路徑底下要做的事情 app.get('/',
API 災害示警公開資料串接甘苦談(? 雖然說是甘苦談，但是好像也沒有這麼甘苦，大概總耗時只有 48 小時，不過中間踩了蠻多雷的。 這次主要的目標是要讓 MOLi Bot 跟政府的災害示警公開資料平台做介接，這樣以後就不用一直去按 F5 刷停班停課網頁，MOLi Bot 會直接告訴我們 XDDDD。 以目前來說，災害示警公開資料平台上，提供兩種串接方式：第一種是一般 Open API，利用 JSON 格式的資料，讓使用者或是機器自己定時去抓取新資料，而這種方式是不需要註冊的，直接 call
HelloWorld 新手與牠們的產地 楔子 說來有點小丟臉，都畢業了還在新手村。 現在人在中研院當研發替代役，從開始工作到現在兩個多月以來，其實常常很後悔大學時期沒學好，不務正業到處做其他事情，所以乾脆藉這個機會記錄一下，在外面工作可能會遇到的雷（當然不是指遇到慣老闆的那種）（那種的私下聊）。 先稍微紀錄一下目前碰過的東西。 第一個月 - MIS 一個實驗室想當然爾會有很多 server，想當然而會有很多 user，想當然爾會有人用 Windows / macOS / Linux，想當然爾會有專門跑運算的跟專門存資料的 server，想當然爾會有 public / private network 的問題，想當然爾還會有很多開發環境的問題。 所以我花了一個月稍微研究了： NIS（集中控管使用者帳號的系統） Samba（跨系統溝通的軟體） LAMP（Linux + Apache 2 + MySQL + PHP） R studio
