高見龍

iOS app/Ruby/Rails Developer & Instructor, 喜愛非主流的新玩具 :)

關於WebConf

image

話說,自從去年跟pct一起辦了第一屆的PHPConf Taiwan之後,我們就開始在肖想是不是也許可以再把範圍更擴大一些,讓主題不僅是 PHP,而是可以讓更多對 Web 開發、建置相關主題有興趣的朋友也可以一起來參與,認識更多的朋友。

於是,我們今年就斗膽的要來籌備一個 Web 開發、建置相關的研討會,人數約為 500~600 人左右。

不過我們最近在宣傳的時候,發現當我們跟大家提到 WebConf的時候,得到的反應大多是"這是個什麼樣的活動?“、"這跟其它的研討會有什麼不同?"、"什麼時候可以報名?”

總不能用最近很紅的那句"一切都在加速進行中"一句話帶過去。

“WebConf” 顧名思義,就是一個跟 “Web” 開發建置有關的 “Conference",大概會有以下幾項比較特別的地方:

  1. 不限定程式語言。各家程式語言都有各自實作的方法、框架,各有巧妙不同,一起來大亂鬥的好處是可以看看一樣的東西看看別人是怎麼做。

  2. 不限自由軟體或商業軟體。 我們都同意自由軟體很棒,但同時我們也不覺得商業軟體有什麼不好。我們相信只要能抓到的老鼠的貓都是好貓,只要能把任務完成的,就是好軟體。所以,我們也期望這個聚會不會只限制 open source 的自由軟體,商業軟體相關的議題也歡迎。但也因為加入了商業軟體,我們會更特別仔細的挑選、篩選議題,避免變得太商業化而失焦。

  3. 不限定程式設計相關的主題。Web 的開發建置已經不是件單純的事了,從美術設計到後端程式設計、資料庫、資訊安全、資訊法律..等議題牽涉非常廣泛。 所以,這回我們除了技術相關的議題外,也會可以邀請例如像是美術設計、互動設計、UI/UX 設計等方面的專家來跟我們分享的相關議題。

  4. 兩天三軌議程同時進行。我們的三軌議程中,Designer 會有獨立的一軌,Developer 則會有二軌。在 Developer track 的部份,也許不是每位朋友都只想聽入門等級或是都聽得懂進階議題,所以會再依內容難度分為一般模式與進階模式;同時也儘量將相關的議程排在同一軌,不要讓大家一直轉檯、換場。

  5. 歡迎工商服務。因為剛好也辦在過年前,也許有些朋友剛好想要在年後要換單位,或是公司想要找人,這也是我們想要的重點之一。

目的?

我們的出發點很簡單,就是"技術交流“、”交朋友“、”找人才、找工作“。希望可以透過這樣的場合,把同樣都是從事 Web 開發相關工作的朋友拉在一起。我們相信,出發點單純的話,應該就不用太複雜的手法了。

費用?

門票費用將依實際成本而定(學生另有優惠)。門票所得扣除場地費及其它支出後若有盈餘,將做為下一屆籌辦的基金,或是贊助其它國內相關性質的研討會。

報名時間?

預定會在 12 月下旬開放報名,屆時還請大家多多捧場。

將於 2012 年 12 月 12 日 12 時 12 分開放報名

Call for Volunteer

當然,這樣大型的研討會,光是靠 pct 跟我兩個人是不可能搞定的。如果您也願意加入我們,歡迎您來信至 contact@webconf.tw ,待確認我們所需的人力之後會立即與您聯繫。

資訊

初次嘗試舉辦大型研討會,如履薄冰,若有不完備之處,還請諸位先進、前輩不吝指教 :)

爽爽快快學Vim(3) - Vim Plugins

這一集我來分享一下我自己常在用的 Plugin

內嵌進來的影片可能有點小、有點不清楚,建議直接到Youtube並切換至 HD 畫質觀看。另外也傳了一份到 Vimeo 以及 youku

Plugins

vim-pathogen

好用的 Vim 的套件管理工具。通常 plugin 下載回來之後開一個資料夾整個丟進去就行了,一個 plugin 就放一個資料夾,如果不要的時候就該資料砍掉就行了

vim-powerline

華麗的狀態列

SelectColors

c9s 大大寫的方便小工具 只要執行:SelectColors即可呼叫出快速切換 color scheme 的小分割視窗

snipmate

只要只幾個字母再按下 tab 就可以快速產生 snippets,如果覺得不夠或是有自己慣用的 snippets 也可以自己加

vim-css-color

直接在 Vim 裡顯示 CSS 色碼所代表的顏色

surround

文字編輯的好幫手!

  • 進到visual mode並選取文字後 S 把選取文字加上雙引號
  • cs = 把週圍的雙引號換成單引號
  • cs]) = 把週圍的方括號換成小括號
  • ds = 刪除週圍的雙引號
  • cst = 刪除週圍的tag
  • yss = 把整行加上雙引號
  • yss( = 把整行加上小括號,但小括號與內容會有空格存在
  • yss) = 同上,但不會有空格
  • yss{ = 把整行加上大括號,但大括號與內容會有空格存在
  • yss} = 同上,但不會有空格

vim-indent-object

如果你寫的程式語言是用大括號把程式碼包起來的,你只要按vi{就可以把大括號裡的東西全部選起來。但如果遇到像ruby或python這種不需要大括號的,就可以用得上它。

  • vii 選取相同縮排層級的文字
  • vai 同上,但會連帶上一層級也一併選取

vim-matchit

% 不只可以配對基本的語法,連html的tag也可以比對

vim-ragtag

  • CtrlxEnter = 產生對應的tag,而且中間會加上斷行
  • CtrlxSpace = 同上,但不會加上斷行

NERDtree

樹狀目錄結構列表,讓你可以在檔案跟資料夾中切換

ctrlp

快速找到檔案的好幫手

  • Ctrlp 啟動
  • Ctrlg 關閉
  • 在啟動中按Ctrlf 可換切搜尋模式(共有 File、Buffer 以及 MRU 三種)

vim-wiki

用 Vim 來寫筆記(wiki)

小結

以上,所有的 plugin 在我的 github 上的 vimrc 設定裡應該都找得到。其實我用的 plugin 並不多,使用上大多還是以 Vim 內建的基本操作為主。如果有哪邊有錯的再請前輩、先進不吝指教

預告

眼尖的人可能會發現上面列的都沒有 Ruby 或 Rails 相關的 plugin。是的這些相關的 plugin 都會留到下一集,所以下一集會來分享一下怎麼利用 Vim 在 Ruby/Rails 裡做開發的,還請稍稍期待一下 :)

Happy Programming with Coffeescript

不得不說 JSDC 的主辦單位超用心,還有幫講者加中文字幕:

這是我自己用電腦螢幕錄的:

這是今天我在台灣第一屆的 JavaScript 開發者大會JSDC上用到的投影片。雖然主題跟在去年的 PHPConf Taiwan 的一樣,但因為這回的聽眾可都是熟悉 JavaScript 的,依舊沒辦法用同一招繼續騙吃騙喝(同一招不能對聖鬥士用兩次),加上時間也只有 30 分鐘,所以投影片又幾乎整個敲掉重做。 image View on Speaker Deck | View on Slideshare | Download PDF

原以為 30 分鐘講一百多張投影片會講不完結果就一直衝,衝到最後發現我竟然 20 分鐘就講完了,希望大家還喜歡,有什麼問題,也歡迎諸位前輩先進不吝給予建議,感謝!

爽爽快快學Vim(2)

建議直接到 Youtube 並切換至 HD 畫質觀看。另外也傳了一份到 Vimeo 以及 youku

Vim plugin for other Apps

檔案開啟

vi -o a.rb b.rb 以水平分割視窗同時開啟檔案。

vi -O a.rb b.rb 以垂直分割視窗同時開啟檔案。

vi -p a.rb b.rb 以 tab 視窗同時開啟檔案。

vi http://www.eddie.com.tw 可直接開啟網址並將網頁原始碼讀進 Vim 編輯器。

編輯

部份在 shell 指令在 insert mode也適用,例如CtrlwCtrlu

r 取代目前游標所在字元,R 連續取代。

J 組合游標所在的這行與下一行, 3J 將連續3行都組合起來。

Ctrlv 進入 visual block 模式。

視窗

:new 新增一個水平分割視窗, :vnew 新增一個垂直分割視窗。

Ctrlw hjkl 可在分割視窗間切換。

:bp 上一個已經開啟的檔案,:bn 下一個已經開啟的檔案。

:ls 查看目前 buffer 裡有哪些檔案。

:bd 關閉一個已經開啟的 buffer。

:b3 切換至在 buffer 裡編號為 3 號的檔案。

:b test.rb 切換至在 buffer 裡檔名為 test.rb 的檔案。

:tab ba 可將開啟的 buffer 轉以 tab 展開。

小結

咬字跟口條還是像在含魯蛋,有待加強。下一集將會跟大家分享一些我自己工作上有在用的 vim plugin,以及簡單的說明 vimrc 裡的一些設定。另外,如果內容有哪邊講錯的,還請先進、前輩們不吝指導 :)