Frontend Alchemist: 2015

2015年10月21日星期三

前端開發必備外掛 - Emmet (Sublime Plugin)

無法查看此摘要。請按這裡查看文章。

2015年10月4日星期日

第一次做迷宮就上手！

中秋節剩下好多月餅盒怎麼辦？

（你知道你把月餅都吃光光了好胖胖嗎ＱＱ）

利用盒子變身成迷宮吧！

1. 準備材料：吸管、保利龍膠、彈珠、鉛筆、麥克筆、剪刀。

2. 裁一塊跟月餅盒大小一樣的厚紙板，

用厚紙板的話你可以設計好幾個迷宮，

方便置換。

（或者你要直接在月餅盒子底部直接製作迷宮也可以）

3. 設計迷宮路線。

首先用鉛筆畫出正確的起點到終點的路線，

再加上死路的路線，

設計好後在路線旁邊加上牆壁（粗麥克筆畫的粗線）

用保利龍膠塗在粗線上，

粘上吸管。

4. 製作起點、終點凹洞。

用美工刀割兩個小圓（不要割到底割表面就好）

割好後按下去（有一種按可樂杯蓋的快感XD）

就完成半凹洞了，

玻璃彈珠可以穩穩的坐在洞裡。

5. 放到盒子裡，大功告成！

2015年8月31日星期一

Sublimerge

跟不同人不得已改同一支檔案如何合併檔案呢？

在 Windows 可能會使用 WinMerge

在 Mac 可以在 Sublime 裝 Sublimerge 這個外掛用看看

安裝完後重開，比對檔案時只要使用上下左右鍵就可以輕鬆合併檔案囉！

官網 http://www.sublimerge.com/

Installation

Install the Package Control (if you haven't already)
Open Command Palette ([ctrl]+[shift]+[p] on Windows and Linux, [cmd]+[shift]+[p] on Mac)
Choose Package Control: Install Package
Search for Sublimerge Pro and hit [Enter]
Restart Sublime Text to complete the installation

Comparing local files

Please remember that if you want to compare two files, you can also select them in Side Bar and then use Sublimerge > Compare Selected Files command.

In files diff view

[/] - display Differences Navigator
[down] - select the next change (only single selection is possible)
[up] - select the previous change (only single selection is possible)
[left] - merge selected change(s) from right to left
[right] - merge selected change(s) from left to right
[shift]+[left] - merge all changes from right to left
[shift]+[right] - merge all changes from left to right
[ctrl]+[enter] - toggle edit mode (if available)

Enter Edit Mode

Leave Edit Mode

2015年7月9日星期四

chrome cast 錯誤

問題：嵌入 YouTube 影片網址，console 出現錯誤！

GET chrome-extension://eojlgccfgnjlphjnlopmadngcgmmdgpk/cast_sender.js net::ERR_FAILED

原因：沒裝 chrome cast 外掛。

解決方法：裝 google cast 外掛。

不裝就跑錯誤給你看也是蠻厲害的！

chrome cast 介紹：http://www.techbang.com/posts/14642-chromecast-evaluation
chrome cast 官網：https://www.google.com.tw/chrome/devices/chromecast/learn.html

2015年6月28日星期日

如何留住人才

發現工程師流動率蠻高的

如果以正面思考的角度來看

可以建議公司做這樣的轉變～

1.公司資訊透明、公開、不保留，彼此站在同一陣線，知道為何而戰。

2.不加班文化，完善的福利制度，支持生活與工作平衡。

3.公司制度完備且運作順暢。

4.多看多聽多說並且知無不言，即便是激烈討論也是在溝通。

5.建立知識庫，讓同事間可以互相激勵、扶持、成長。

6.開放、活潑的辦公環境。

7.建立信用，不開芭樂票。

8.讓新人一起融入公司文化產生歸屬感。

9.薪資合理，公司夠霸氣人才敢開敢給，訂定 KPI 定期調整合理薪資。

2015年5月28日星期四

前端工程師心得筆記

正式成為前端工程師滿一年，還記得從 UI 設計師轉換為 F2E，工作強度一下增強了好幾倍，每天下班回家躺在沙發上就睡著，而且到了下午很容易肚子餓。雖然每天都好忙好忙，但是過得非常充實，回顧這一年非常幸運有饅頭能適時提點，改變工作方式提升效率，不然很容易卡關卡很久＋瞎忙一通。

最近開始跑步來紓解一下壓力，不過對陽光過敏實的我在非常討厭戶外運動，所以買了跑步機訓練一下耐力，目前跟前端算是偶爾撞個牆的撞牆期，每當問題解開一切就海闊天空的感覺還不錯，希望未來可以在這一條不歸路上一直堅持下去。

雖然一天工作有 8 個小時，預估工作時數時一天 6 小時就差不多了，有些人可能會是 5 小時或更少，一定要抓個緩衝時間，不然一個卡關很容易就GG了！

工作方式的改進方式：

預估時間 -（先了解不熟悉的技術，評估執行困難度）把學習時間加進去。
多看書
多分享

學習新技術的步驟：

找尋你的饅頭
對這個技術產生興趣
實作一些簡單的小程式。主要有兩個目的：一來可以瞭解這個技術實際運作的方式，二來可以明白這個技術的優缺點在哪裡。
分享技術 - 撰寫部落格文章、在公司舉辦內部教育訓練。
只有不斷向前，你才能在這個環境中生存下去！

2015年3月13日星期五

根據與後端合作串接 API 經驗，通常 API 文件定好，著手刻版面後但 API 還不一定會做好怎麼辦?
如果可以用 NodeJS 自己起一個簡單的 data push server 做簡單的 API，只要確保回傳資料格式正確，就可以專心串接 API 啦!

從安裝環境到 Hello World 我花了一天的時間 GG
安裝環境文章很多，Google 一下就有囉!
本篇是實作簡易 API 時的重點筆記。

基本的 Server API 實作重點