議程

歡迎加入我們的 Facebook粉絲頁，或是 follow 我們的 Twitter 帳號 :)
(講師、議程及演講主題更動以主辦單位公布為主；TBA = To Be Announced)

Day1 (1/12)

上午 第一會議室 國際會議廳 第二會議室
09:00 - 09:30 報到
09:30 - 09:40 開場
09:40 - 10:30

李智樺 (Ruddy Lee)

投影片
Making it big in web. (開發 web 的遠大前程)
  • 談工程師如何適應日新月異的技術變遷。
  • 談軟體的專案開發：敏捷理論可行嗎？我需要 Scrum 嗎？
  • 談 Curation Web 的大未來。
  • 結論：如何把 Web 作大。
10:30 - 10:50 休息
10:50 - 11:20

劉詩雁 (Sean Liu)

我愛浮華玩意，所以來聊聊 WebGL 我將用 30 分鐘時間帶大家從電腦圖學基礎到 Hardcore 寫 WebGL API，然後使用 Three.js 製作簡單的資料視覺化以及簡介 WebGL Base的遊戲引擎 Turbulenz

Ben

投影片
node.js production site architecture
  • About me
  • Super brief intro to node.js
  • Run node.js as a service
  • What if it crashes?
  • Monit VS Forever
  • Nginx or not?
  • Production environment setup
  • Cloud service
  • Different scale site production setup
  • Some tips
  • Q & A

Muki

投影片
Wordpress x Design thinking 設計是很主觀的, 沒有絕對的美與醜, 但我們可以透過思考與實作, 找出較好的設計體驗。

我的設計不是百分之百完美, 但我很開心能跟大家分享交流。如何做出好設計, 我也還在學習, 我們ㄧ起學習！
11:20 - 12:00

Joey Chen (91)

投影片
BDD in .NET -
TDD 在實務上的最後一塊拼圖 TDD 的概念不難，難的是在各個角色之間如何達成共識。

TDD 的技巧不難，難的是怎麼寫出既符合使用者需求，又可以幫助開發人員 TDD 的測試案例。

這次將介紹在實務開發流程中，如何透過 BDD 來滿足使用者、測試人員與開發人員，如何透過 BDD 來產生既符合使用者需求，且大家都看的懂，還可以轉換成測試程式的測試案例。

Ant + Legist

投影片
面向網站經營者及網站用戶的個資法衝擊 新修定的個人資料保護法施行在即，我們都必須了解個資法的框架及內容，身為經營者的你可以避免侵害用戶的個資，身為用戶的你也可以保障權益、舉證個資外洩。本講題將介紹個資法對網站經營者及用戶重要的規範，並將就幾個與會者可能有興趣的爭點進行討論。

Adam Wang (阿當)

投影片
那些 Mockup 沒告訴你的事 大公司小前端的經驗分享，前端工程師如何看 mockup，設計師應該怎麼與前端工程師合作。
12:00 - 13:00 午餐
13:00 - 13:30

大澤木小鐵 (Jace Ju)

投影片
磚業也要專業 -
如何成為更好的 PHPer PHP 很簡單？或許大家認為它就像拌水泥上磚頭一樣，不需要用到很專業的技術。但是多數人用 PHP 蓋出的只是一道高高的牆，而缺乏了蓋出好房子的知識。

究竟要如何真正發揮 PHP 真正的潛力呢？要如何才能成為一個比現在更出色的 PHP 開發者呢？這場演講可能沒有辦法給你完整的答案，但是希望各位能從中得到一些啟發。

Weithenn

投影片
無廢話 DRBD + Heartbeat 實戰 在 30 分鐘內快速了解 DRBD + Heartbeat 的 Active/Standby 高可用性機制，以及如何建置於 實體/虛擬化 平台上。

hlb

投影片
Maintainable CSS with Sass and Compass
13:30 - 14:10

OOO

投影片
Develop Tools in Modern Browsers 近幾年 Web Application 崛起、次世代的網路標準如 HTML5, CSS3, XHR2 等也不斷的快速發展，把整個網路體驗帶到一個完全不同的層次，而在這次的網路變革之中，有一個很關鍵的角色提供了 極為龐大的貢獻，但卻容易被人忽略，那就是各個瀏覽器所提供的開發工具，例如 Firefox 的 Firebug、Opera 的 Dragonfly、Chrome 和 Safari 的 開發人員工具等，有這些工具的存在，才能夠讓 Web App 開發人員能更有效率的進行開發，本 Talk 要介紹這些最新的開發工具，讓聽眾了解如何使用這些 開發工具，這些開發工具有哪些特殊功能。

翁浩正 (Allen Own)

投影片
你們都誤解了，網路是很安全的！ 大家都說網路很危險，駭客很猖獗，這是真的嗎？我的網站一直被入侵，到底為什麼？電影裡面常見的駭客又是真的還是電影效果？

我要告訴你們，這一切都是誤解！網路其實是很安全的，入侵什麼的其實是電影特效啦！

吳逸文 (Even Wu)

投影片
2012 年網頁技術濃縮咖啡 濃縮在 2012 年所採用的設計工具、技巧總覽，有如何應付 Responsive design 的文字排版問題、如何聰明的支援 Retina display... 以及，如何當一個懶人。
14:10 - 14:20 休息
14:20 - 15:10

蔡明哲 (Richard)

投影片
借力使力的乾坤挪移大法 - 以使用者為中心的設計決策奧妙 網站開發設計最常遇到的問題是需求無法早期釐清，團隊共識不易凝聚，對於什麼是好網站缺少客觀衡量標準。

應用 User-Centered Design的觀念跟方法，在網站開發設計的前後期，可以取得比較正確的設計決策，獲得專案利害關係人與使用者的肯定。

Richard會在這個主題分享工作經案上的實際案例，介紹如何採用比較客觀科學的規劃與溝通方式，來設計出好網站。
15:10 - 15:40 休息/茶點時間
15:40 - 16:10

閃光洽 (Hina)

投影片
Media Query 123 從 CSS Media Query 的角度來看適用性網頁設計，以及實際應用技巧，還有界面設計上的悲劇經驗分享。

BobChao

投影片
網站分析？我小的時候覺得自己會 網站分析似乎是大家都能說上一說的東西。作為技術人的我們按照文件埋了追蹤碼，然後把那些曲線當成網站的心電圖；有起伏就一切正常，某個衝高的數值就能讓心情十分愉快。不過，這種「大家都會的東西」，還是會有很多人用錯的。

這三十分鐘心得分享，來自一個「以為自己會」了兩三年才真正開始學的人。我們將以 Google Analytics 為例，討論幾個重要數值的意義與計算方式，並快速介紹一些被丟在角落遺忘，但你應該注意的重要功能。

阿修 (Justin Lee/lis186)

投影片
用原型驅動設計 原型是網站或App開發過程當中，不可或缺的一項實用技巧。原型能夠讓我們用更少的成本、更短的時間，驗證某項設計的可行性，進而提高最終產品的品質。也能夠促進不同職能團隊成員間的溝通，避免想像與成果間的落差。本議程將介紹基本的原型設計工具與其應用時機。
16:10 - 16:50

馮旭平 (Fillano)

投影片
用Javascript與HTML5打造協同作業應用

TonyQ

投影片
網站效能調整－網站系統篇 網站效能調整除了硬體、Clustering 以外，網站系統程式碼、資料庫與前端效能部份也有許多值得探討的部份，本議程將與大家分享部份網站上的 bad smell，並介紹常見的 solution 。

張芷芸 (花水木/hanamizuki)

投影片
獎金獵人 - Gamification vs. UX 獎金獵人是一個比賽資訊網。創辦之初我們幻想著遊戲夢，把遊戲元素融入平台，並建立遊戲感十足的頁面。但上線之後，我們一邊討厭著那些光鮮亮麗簡單易懂的介面設計，一邊卻不斷朝那靠攏。矛盾和妥協衝擊我們。這個主題主要介紹遊戲化(Gamification)與介面易用(UX)的愛恨情仇。
16:50 - 17:00 休息
17:00 - 17:40 微議程 Lightning Talk

特別感謝

Day2 (1/13)

上午 第一會議室 國際會議廳 第二會議室
09:00 - 09:30 報到
09:30 - 09:40 開場
09:40 - 10:30

雲惟彬 (Alvin)

投影片
錯失過的機會 分享創業過程中曾經做錯的事，以及聊聊噗浪和創意工場接下來的發展。
10:30 - 10:50 休息
10:50 - 11:20

Kuro Hsu

投影片
HTML5 on Mobile Web 隨著行動裝置的普遍，行動網站的使用率出現了爆炸性的成長。

在此場分享中，講者將為大家分享 HTML5 在行動裝置上的使用，以及利用 HTML5 開發 Mobile Web 的技巧與心得。

張文鈿 (ihower)

投影片
A brief introduction to SPDY - 邁向 HTTP/2.0 HTTP 通訊協定是 Web 運作的基礎，HTTP/1.1 (RFC 2616) 自 1999 年發佈後，已經14年沒有改進了。Google 在 2009 年開始實驗新一代的 SPDY 協定，並推出 Apache mod_spdy 模組，號稱可以改進網頁載入速度 50%。今日你用 Chrome, Firefox 瀏覽 Google 或 Twitter，底層就已是 SPDY。2012年底，基於 SPDY 協定的 HTTP/2.0 draft 發佈了，宣告 SPDY 的勝利，包括 Jetty Web Server, Nginx, Facebook, Akamai, Wordpress 都陸續宣布(將)支援 SPDY。

本議程將介紹什麼是 SPDY，以及它會帶給我們 Web 開發者和使用者有什麼影響。

奶綠茶 (Milkmidi)

投影片
你不知道的 Flash 雖然在平版的世界摔了一跤，但你不知道 Flash 能做的事比你想像的還多。

寫行動裝置的 APP，做互動裝置的 Content，轉成 HTML5 動畫，即將推出的多執行序功能，3D 硬體加速遊戲開發...這些都是目前其他 Web 技術無法取代的。
11:20 - 12:00

慕凡 (Ryudo)

投影片
在家也能架出好網站 -
非典型精實網站維運方式分享 近年雲端大夯，幾乎所有人都要雲端架站，然而雲端就等於 Best Practice 嗎？ 講者以自身經驗分享如何在家也能省錢的架出良好運轉的網站服務架構。

林佑安 (c9s)

投影片
建置 PHP 應用程式的秘密配方
(Secret sauce of building PHP applications) PHP 程式語言雖然在設計上有一些問題，但卻是世界上於最多伺服器中執行的程式語言。

隨著世界上最大社群網站 Facebook 採用 PHP 開發， Framework Interop Group 訂立 PSR 等共同規範，各種改善 PHP 編譯、執行環境的工具陸續被開發出來。

隨著 PHP 的演進，PHP 應用程式的開發，也隨時時代在改善，各種相關工具也不斷的在演變，本議題主要介紹各種現代 PHP 相關開發工具及應用。

葉俊麟 (Michael)

投影片
中文網路字型的現況與挑戰 相信有許多人知道英文 web fonts 服務，知名的有 Google web fonts 和 typekit 等，但中文字型如何應用於網頁上，如何解決字型檔太大以及字數過多的問題，justfont 服務推出後對於使用者以及字型產業的影響，作為第一家中文 web font 服務，將分享目前的情況與所遇到的挑戰
12:00 - 13:00 午餐
13:00 - 13:30

吳政斌 (Chris Wu)

投影片
新一代 Drupal 版型引擎 Twig
What? Why? How? 前端/版型開發者面對越來越多的展示層程式，越來越複雜的資料結構，設計師再也受不了而吶喊，而累積已久的憤怒終於得以宣洩。

Twig 將取代使用 3 代的 PHPTemplate 成為新一代的 Drupal 8 版型引擎，帶來更好的前端開發者的使用經驗。從許許多多激烈討論的過程慢慢抽絲剝繭，瞭解憤怒哪裡來？為何選擇 Twig？未來版型開發將有什麼不同？

Keith Yang (keitheis)

投影片
敏捷 Web 開發之 Python 工具菜單 利用 Python 來做敏捷 Web 開發，讓開發更輕鬆、測試更容易、佈署更簡單、監控更方便、分析更順手，以及生活更美妙。

楊喆淇 (Hitomi)

投影片
溝通的藝術：
設計與開發如何真心合作？ 為什麼一個案子溝通過了之後，卻又重新翻盤再來一遍；為什麼討論過的東西總是無限迴圈的需要再討論一遍；為什麼以為已經講好的東西，做出來卻是另外一個樣子！到底哪裡出了問題？怎樣才能讓戰火消弭？讓我們，繼續，看下去...
13:30 - 14:10

clkao

投影片
g0v 黑客松 - 寫程式改造社會 政策瞎，官員混，立委貪，政府爛，總統笨.....除了生氣翻桌，到底還能做什麼？

g0v 黑客松是一個軟體開發與社會運動的混搭活動，讓與會者盡一己之力運用科技參與社會。我們將介紹台灣零時政府在 2012/12/01 舉辦的「第零次動員戡亂黑客松」的許多有趣的專案，主題包含：增加政府透明度、資訊視覺化等。同時號召大家參加即將登場的「第壹次公地放領黑客松」。

黃保翕 (Will 保哥)

投影片
TypeScript 開發實戰：
開發即時互動的 HTML5 WebSocket 聊天室應用程式 微軟最新程式語言 TypeScript 是一個可以編譯成 JavaScript 的中繼語言，不過 TypeScript 同時也是 JavaScript 的超集合 (Superset)，基於現有 JavaScript 程式語言之上擴充強型別特性、支援編譯時期型別檢查、支援更完整的物件導向特性如介面 (interface)、類別 (class)、模組 (module) 等。本次講題除了帶各位快速上手 TypeScript 與相關工具外，也會在現場利用 Visual Studio 2012 與 TypeScript 開發出一套 HTML5 WebSockets 即時聊天室。

劉信雄 (David Liu)

投影片
Why and How Small Company Run UX
14:10 - 14:20 休息
14:20 - 15:00

林慶忠 (Rack Lin 阿土伯)

投影片
Web 開發者也可以寫出跨平台的 Desktop App
  • 跨平台 Desktop Apps 解決方案介紹
  • HTML5 當道， 如何利用 HTML5 開發應用程式
  • 如何利用 XULRunner 更快速開發出更好的應用程式－擴充及昇級
  • xulapp-starterkit 介紹
  • 硬派作風－不嘴炮、Live Demo

李致緯 (Richard Lee)

投影片
打造愛料理開發及營運團隊 《愛料理》是以食譜為主題的社群網站，擁有由使用者所分享的數萬篇食譜。每個月有超過 200 萬人次使用《愛料理》尋找、收藏食譜，其中超過一半的流量是來自行動平台。

一個產品上線一年多、不到 10 人的工程團隊，我們遇到了流量成長、平台的擴充以及團隊合作等內外不同的挑戰。在本次的講題當中，會分別以開發流程、網站營運以及行動整合三個面向，分享我們團隊如何持續提高服務的穩定度、追求高可用度的經驗。

廖英翔 (Clay Liao)

投影片
超理性使用者介面設計 - Data-driven A/B Test Web 介面設計並非憑空蹦出來的，頁面上的每一個連結、按鈕、位置甚至色碼都有其意義。除了眼球追蹤、焦點群體法外，其實我們還可以讓數字說話，利用海量數據引導介面設計。有效的 Data-driven A/B Test 需要團隊合作無間才能完成：PM 設計實驗並解讀報表、Desinger 設計介面、 Engineer 打造產品與產生報表。
15:00 - 15:30 休息/茶點時間
15:30 - 16:00

Eric Chuang

投影片
Mojito 開發 Mobile Web 實戰經驗談 Mojito 是 Yahoo！ 推出的 JavaScript MVC Framework, 本主題將分享實際用 Mojito 開發行動網站的甘苦秘辛

Irvin

投影片
火狐又老又舊又不夠潮，誰還在用啊 Mozilla Firefox 瀏覽器邁入八歲，是否年老色衰、吸引力不再？讓我們從 Mozilla 2013 在行動市場的大戰略中，來分析為何 Firefox 日漸重要。

黃怡靜 (Janet Huang/janetyc)

投影片
Designing physical and digital experience in social web
16:00 - 16:40

戚務漢 (Caesar Chi)

投影片
JavaScript from Backend 後端 JavaScript

蔡政達 (ORANGE)

投影片
(Hacker's) Best Practice - The Upload 對於 Server Side 來說很常需要的功能就是使用者上傳檔案，到底這個功能，程式開發者是用什麼樣的想法去實現它呢？而駭客又是用甚麼樣的眼光去看待它呢？請讓我們看下去！

吳宗德 (Aidan)

投影片
為什麼做設計要熬夜！
劇本、動畫、英雄來幫你 為什麼一個網站設計，死了都要改；為什麼一堆人測完，還要移動到別的城市，繼續找人測。設計網站 -- 所有跨部門的戰火，也許都可追朔至一個源頭，就是「使用者介面」！俗稱的 UI。UI 啊 UI 唉，榮登近年專案開發無窮回圈的 Top 戰犯之一，而幫兇就是你、我，還有他。我們需要一點催化劑，加速脫離專案迴圈，做出來，上市場，有回饋，才是王道。讓劇本、動畫、英雄來幫你！
16:40 - 16:50 休息
16:50 - 17:30 微議程 Lightning Talk
17:30 - 17:40 閉幕

特別感謝