跳到主要內容

文章

目前顯示的是 五月, 2015的文章

[簡報] 從失敗中學習打造技術團隊 - Webconf 2015, modernweb.tw

從失敗中學習打造技術團隊從失敗中學習打造技術團隊 from Caesar Chi 從資淺到資深,透過不同時空背景,透過經歷不同開發流程中,經歷許多不同失敗經驗的累積,打造出團隊共同經驗,以及團隊建構出開發環境與流程。相信大家都有走過一段又一段,艱辛刻苦的日子,web 開發這條路上大家並不孤單。我想成功的案例大家已經聽了許多,也許採用反面的方式,我們來看看是否能夠找到更多可能性。程式開發是一種很有趣的議題,也是一種很有趣的事情,對於自己這也會是一輩子的事情。一個人到一群人可是從一個人開發,到一群人開發是完全不一樣的兩件事情,從一個人開發,我們可以很隨意很灑脫,反正髒髒寫,髒髒做,可以執行就好。可是當這件事情轉移到『一群人』的時候,其實就沒有這麼輕鬆,有許多需求規格就要明確,有許多前置作業需要說明,有許多開發流程需要定義。(只是要開發搞這麼麻煩幹嘛!)其實就希望一群人,跟一個人寫出來的程式都可以完全一樣,不論經過多少手。這件事情,很難也很不簡單,可是要做到這件事情,其實是有難度,而且需要持續學習,並且適當的學習,如何放手相信自己的夥伴每個夥伴都有不同特長,都有不同的特性,有人謹慎有人粗心,有人天生就有領導風格。在團隊下每個人都會有不同面相及不同特質或者是潛值。如果能夠挖出對方的特質,特長,相信就可以讓團隊朝向另外一種層次的提昇,讓整體體質都向上成長。對於網站開發一個人開發,很爽。
一群人開發很煩,但是也可以很爽。取決於主事者要怎麼決定,主事要要怎麼執行,產品本來就會有責任,就會有歸屬,也會有每個人的分工執行步驟要訂定。很多時候我們覺得自己只是在寫簡單的腳本語言,簡單的程式語言,可是透過團隊力量,透過產品的誕生,之後,這將是眾人的結晶,眾人的晶華,大家可以發現另外一種工程藝術,以及工程之美。

CSS4 next generation of CSS

CSS 一直以來都並不是很被看好,也被視為是一種很簡單的裝飾性,腳本式裝飾語法(連語言都稱不上),但是對於前端開發人員來說 CSS 一直都是一門很博大精深,且需要經歷數個專案以上才有辦法體會的學問。

CSS3 從發展到目前為止,已經被許多瀏覽器應用於實務上,很多廠商也開始支援,大家盡量避免不使用 CSS3 語法,有時候僅止於需要適用於舊型瀏覽器(就是在說你,對 IE)。而到了現在使用者漸漸朝向 mobile ,因此我們可以不重視跨瀏覽器一致性問題,而可以做到跨瀏覽器,跨裝置兼容性問題的處理。

許多人會開始使用 SASS, LESS, Stylus 等基礎於 CSS 之上的語言開始展開。主要是根據 CSS 無法使用變數,調整上無法如動態語言般容易使用,容易擴展。

這也是為什麼要講到今天的主題 CSS4

W3C 目前已經將 CSS4 進入草案階段,裡面也有很多根據不同發展語言所調適出來的範圍進行修正,例如 Variable,Mixin ,condition 等這些大家最常使用到的部分,讓原生 CSS 開發就儼然成為另外一種程式腳本。

CSS4 更多的是模組化的觀念,將許多原本延伸 CSS 語言的特性歸納近來,開發起來更接近模組化的程度,提供了很高的客製化。
CSSNexthttps://github.com/cssnext/cssnext CSSNext 就如同 ES6to5 一般,屬於讓現在讓現在你就開始體會到 CSS4 的優點,直接使用 CSS4 的語法開始進行開發。

除了最棒的效能成果之外,另外也提供了 postCSS 這類相關的 js plugin 可以使用在自己原有的 front end compile 設定中。

後記 當然這一切都還只是草案,不過非常值得關注的是以這 W3C Spec 為基礎開發出來的相關性模組,就如同 ES6 的轉換一般,CSS4 的推動肯定也會引發許多延伸性模組及框架。

當然對於長期開發 CSS 的前端人員來說是一大福音,大家可以多多討論關於 CSS4, postCSS 相關的使用方式,讓原有的開發流程可以無縫銜接到下一個世代。

修正 文中所提到 CSS4 事實上此名詞並不存在,主要在於 CSS3 + CSS future (支援變數, condition, mixin 等)及 CSS Selectors Level  4 新功…

MacOS 編輯器快捷建設定, short key of editor

本文主要針對 Mac 使用者,身為一個開發者總是會使用過 Mac (這不一定正確就是了),總之本文就是基礎於開發者需求,讓大家可以帥氣的開發。
針對自己有在使用的編輯器進行介紹,
AtomAtom 安裝後就可以直接再 iterm ,切換到希望使用的專案資料夾,
cd $PATH atom ./ Sublime Text 2 / 3Sublime Text 到 iterm 之後,輸入以下指令,
ln -s "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl" ~/bin/subl 如果是 sublime text 3
ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/subl 接下來就可以直接使用
cd $PATH subl ./ Visual Studio CodeVisual Studio Code 設定方式,編輯 .bashrc (取決於自己用什麼樣的 shell)
code () { if [[ $# = 0 ]] then open -a "Visual Studio Code" else [[ $1 = /* ]] && F="$1" || F="$PWD/${1#./}" open -a "Visual Studio Code" --args "$F" fi } 接下來就可以直接使用
cd $PATH code ./ 是不是很方便愉快了,直接切到資料夾中,就可以開始進入編輯模式,透過指令可以做快速切換,真正人生一大樂事,這也是我們為什麼喜歡使用 Mac 的原因了。
RefOS X Command LineSetting up Visual Studio Code