合作案例 – 第一名膜

Posted on December 27, 2011 by 6yeah
Posted in 作品集(Portfolio) | Leave a comment

合作案例 – 粉樂購

Posted on December 27, 2011 by 6yeah
Posted in 作品集(Portfolio) | Leave a comment

合作案例 – 宬世環宇媒體集團

Posted on December 27, 2011 by 6yeah
Posted in 作品集(Portfolio) | Leave a comment

合作案例 – Elle行動版網站案例

Posted on December 27, 2011 by 6yeah
Posted in 作品集(Portfolio) | Leave a comment

合作案例 – 快樂麗康美髮集團

Posted on December 8, 2011 by 6yeah

快樂麗康美髮集團

 

 

Posted in 作品集(Portfolio), 入口型網站 | Leave a comment

來了！YouMeb的One more thing – 斯巴達專案(Project Spartan)

Posted on September 30, 2011 by 6yeah

昨晚看Twitter時看見了一個消息，那就是Facebook即將在下週二發佈其醞釀許久的斯巴達專案，因為Facebook很奸巧的一個不小心將文件暴露在Facebook的開發者專區上，頁面上有許多螢幕截圖今天立即被許多Twitter還有科技部落格廣泛流傳，總的來說，網路界算是正式證實了此專案的存在。

斯巴達專案是什麼？他 是Facebook在極機密狀態下開發了好幾個月的行動裝置應用程式平台，採用W3C標準網路應用開發技術HTML5做為基礎，他將讓行動裝置上的 Facebook也可以有如同桌面版Facebook網站上的應用程式市集，使用者可在手機上安裝HTML5網路應用程式，而開發者可以善用Facebook提供的社交機制去擴展與使用者的接觸面，但是根據Techcrunch文章內的報導，該平台其實已經建構完成好一陣子了，只是他在等待一個時機，而其間有不少的政治因素存在 著。

跟據報導目前兩個最有可能的時機點分別是下週一Facebook自己的Facebook iPad App / Startan Project Event(10/3)以及下週二(10/4)的Apple iPhone5 Release Event，雖然據說Facebook偏好前者，但目前仍在與Apple密切商談中，因為Apple希望能在其iPhone5的發表會上透過斯巴達專案做 HTML5的火力展現，不過總的來說，整個專案的面世就是在下禮拜了。

預 計為了配合斯巴達專案，Facebook的行動版網站將有一次大規模的升級，使用者將可以在Facebook的行動版網站上直接使用第三方的HTML5 Mobile Web App，並透過簡單的Two-Tap Login(Authenticated Referrals)認證方式去進行應用程式權限的授予。

對 於開發者而言，SDK與API並沒有太大的改變，開發者需要做的將只有應用程式前端視覺與介面的重新設計，後端的程式預計將不會有太多需要翻新的地方，但 是那些使用Flash技術所開發出的複雜應用鐵定是必須轉換成HTML5的版本，雖然目前Facebook仍密切的與好幾位重量級開發者在進行協商，看要 如何讓這轉換的過程更流暢，但總的來說HTML5對Facebook來說已是一條不可逆的方向了。

儘管現在對HTML5行動應用的普及仍有諸多限制因素存在，像是開發者技術的轉換、行動裝置的支援性、HTML5規範的成熟性等等，但是Facebook如果真的想要在行動應用上創造出一條新的收益流，這一步似乎也是不得以之舉，畢竟Facebook並不擁有行動裝置的作業系統與硬體，在來就是目前Facebook跟Native Mobile App間的關係僅僅是為其提供了一個社交層，能收費的都是Mobile App所上架的應用程式商店，像是App Store還有Androif Market，Facebook若想要自行動應用上賺到錢的話，他勢必得佈署自己的平台，讓其桌面應用程式的生態系蔓延到行動的領域上。

據稱目前有八十多家重量級的Facebook應用開發商正密切的在斯巴達專案上進行開發，像是Zynga與Huffington，而且初期重點會放在iOS的裝置上。

就我自身而言，斯巴達專案的及時釋出對於YouMeb來說，總算是等到了我最期待的One more thing，接下來，就看下週Facebook的消息了，希望一切如我所預料般的順利。

Posted in Uncategorized | Tagged | Leave a comment

Inside appWorks – appWorks Happy Hour的價值？

Posted on September 24, 2011 by 6yeah

Inside appWorks系列文章(一)

在appWorks裡， 每個禮拜五的下午六點都會舉辦Happy Hour Event，這算是除了週一的Weekly Report、星期二早晨的案例研討外加星期三早晨的專題演講之外另一個官方的活動，每週由一組進駐團隊輪流來主持、準備食材飲料，在4000元的預算下 努力讓所有的團隊吃得滿意喝得開心。

今天(2011-09-23)是輪到五四愛情學苑舉辦，也很巧的剛好是其團隊成員鄭晴峰的生日

雖然每週都有舉辦Happy Hour，但是不知怎麼的就是特別想記錄下今天這一場，也許是因為在這裡的六個月即將邁入尾聲，也或許是因為今天大家喝酒喝的比較High，但我想就讓我從今天這一場Happy Hour來展開一系列Inside appWorks文章吧！

Happy Hour在我們進駐appWorks的初期辦演著破冰的角色，在Welcome Day之後，其實團隊間都還很生疏，回想起當時一堆人坐在五樓的開放空間辦公室裡，都緊盯著桌上的螢幕假裝在精實，而且團隊間交流很妙的都是發生在 Facebook上，很多人很熱絡的在臉書上喇賽了一個星期後在辦公室見面卻都還不知道誰是誰，不過這也難免，因為一堆人死都不放自己的頭圖(對！就是 你！搶截王)，我那時都感覺我在明敵在暗的被窺伺著。

但是經歷過幾場Happy Hour之後，團隊間也就漸漸熱絡起來了，彼此間也開始發現商業模式與技術上互補的部分

除 了新進團隊間的破冰之外，團隊世代間的鍵結也是Happy Hour的一個重要目的，每一場Happy Hour都會有前兩屆的團隊回來參加，這些團隊的先進已經開始於商業戰場的前線開始奮勇廝殺，他們身上所能學習與分享到的談判與營運實務是極度難能可貴 的，這我個人認為是appWorks最核心的價值之所在！像是昨晚華奢網的Aj Chen就分享了不少在台灣經營電子商務光鮮的表像背後所必須付出的高昂運籌成本以及與廠商談判時面對到的種種困難，我實在不知道台灣有哪個地方可以像appWorks這裡這樣有一群未來的台灣網站前100大候選人來跟你坐下來倒杯Macallan然後暢談到晚上十點然後對談間還夾雜了無數次的”暗陰羊”與”暗暗暗”。

在這裡，從我申請進入appWorks一直到現在，我始終認為appWorks有沒有投資”資金”進入你的團隊根本就不是整件事情的重點， 應該是說，從你進入appWorks的第一天起，甚至是面談的那一天起，appWorks就已經投資了你，創辦人的時間、創投機構間的週旋、整體形象的營造、社群活動的舉辦、每週三的Bar Night還有每週五的Happy Hour林林種種，在我的眼裡，這全部都是投資，因為這所有的動作與操作都可以換算成人類間價值交換的計價單位，也就是貨幣。

那來這裡能獲得最重要的價值是什麼？如果問我的話，我會回答是革命情感的繫結，因為從這裡出去的團隊們非常有可能會是五年後台灣網路業界的重要結構甚至是骨幹，在這裡每個團隊都是業界菁英的組成而且都是賭上自己的身家與青春，他們對成功的渴望強烈到非常人能想像，儘管可能不會有團隊在這一輪就風生水起然後一路風調雨順的走向 IPO與全球佈局，但是用個Buzz Word，每個團隊都會在一次又一次的Pivot去找到成功的方式，就算現在做的產品失敗了又怎樣！難道有公司就只靠一個原初的產品策略走向下一個三年 嗎？所以我很高興與榮幸在這裡與愛創業壞小孩們一起打拼，想像一下，在這裡你身邊坐滿了許多位未來的百大網路企業執行長，而且將來你可以連預約都不用預約就可以提一手啤酒長驅直入執行長辦公室翹起腿來跟他們”喬”事情(to ezTable的老大Alex Chen，我應該可以這樣吧，別叫警衛把我轟出去呀…)，這不是很他馬的酷嗎？

所以，如果有正在申請第四屆appWorks育成的朋友不小心讀到這篇文章，我強烈強烈的建議，只要帶著熱情與決心來就好，把爾虞我詐與猜忌放下，因為 appWorks的投資根本就不是整項計畫的重點，難道你們的野心就是那區區幾百萬嗎？現在是產業與技術洗牌的時刻，加油！送給所有的appWorks團 隊與正要加入的團隊們！

Hack Everything！

Posted in appWorks | Leave a comment

YouMeb – 從iOS5來看Mobile Web的下一步

Posted on September 9, 2011 by 6yeah

http://jquerymobile.com/wp-content/uploads/2011/09/jQM_beta3.png

今天jQuery Mobile釋出了Beta 3，如往常的我都會將他的Release Note讀一遍，這一次的Note裡面有一個章節特別吸引我注意，那就是iOS5：Dramatically improved page transitions and true fixed toolbars，內容主要是說明開發團隊認知到，在開發Mobile Web時，除非行動瀏覽器真正的釋出原生API去支援，否則硬是用javascript去模擬將只是事倍功半的舉措，這主要是指overflow:scroll以及position:fixed這兩個問題。

簡 單的說明一下，在桌面版瀏覽器中，如果你要呈現在頁面上的資訊內容超過容器(例如：div)的寬度與高度時，瀏覽器會自動為該區塊加上捲軸，讓使用者可以 用滑鼠上下左右拖曳來閱讀，但是，在行動版瀏覽器裡，這樣的設定是完全沒有任何效果的，瀏覽器不會自動產生捲軸的UI，因此超過容器的內容將完全被遮蔽。

因此有許多開發者嚐試用Javascript去模擬在智慧型手機與平板上那捲軸的物理效應，像是著名的iScroll、以及由前Facebook的iPhone App開發者joehewitt離開Facebook後所開發出的scrollability等等，但是jQuery Mobile的開發團隊在經歷上百小時的實驗後做出一個結論，那就是這種硬用JavaScript去模擬的方法對客戶端瀏覽器來說實在是太過的笨重了。

原文是：

The team has spent a ton of time working on trying to improve transitions and fixed toolbars because we know these are important features to developers. After spending hundreds of hours working on refinements, we now believe that the path to substantial, cross-platform improvements in these areas can only happen when mobile platforms start supporting overflow properties natively. JavaScript-based momentum scroller scripts are too heavy, unresponsive and narrowly compatible to be a way forward.

因此當Apple宣布在即將釋出的iOS5中將會為overflow:scroll以及position:fixed還有-webkit-overflow-scrolling:touch提供原生的支援時，開發者可說是一片鼓舞，除了Apple之外，根據jQuery Mobile開發團隊的測試指出其實Android 3.0 Honeycomb以及Blackberry Playbook的行動瀏覽器都已經有支援overflow:scroll了，雖然實際測試效果不甚理想。

在 可見的未來，iScroll以及scrollability這樣的工具將會漸漸成為一個過渡時期的Graceful Degradation方案，原生應用與Mobile Web在視覺上最顯著的差異將因上述新增的CSS Rules而漸漸消昵，這對網路應用開發者來說，著實是相當振奮的一件事，就像iScroll專案的開發者Matteo Spinelli在文章中寫道：iOS5將會是第一個真正的網路應用開發平台！

相關連結：

Posted in jQuery Mobile | Leave a comment

【YouMeb開發日誌】為什麼是Mobile Web？

Posted on April 30, 2011 by 6yeah

「Apple – Web apps」，我不知道有多少人知道這個網址，但這個網址至今仍然存在於Apple iPhone上Mobile Safari的預設書籤中，我也不知道有多少人還記得或知道「PastryKit」以及「AdLib」這兩個由Apple官方推出的Mobile Web開發框架，手上有iPhone的人可以打開Mobile Safari的書籤，裡頭有一個預設的書籤叫做「The iPhone User Guide」，如果您點擊到該網址的話，你會發現該網站呈現出來的UI設計與操作體驗簡直就與iPhone原生的應用程式般如出一轍，這就是用「PastryKit」開發出來的一個Mobile Web Application案例，如果是iPad，那就是AdLib。

AdLib
AdLib

在現階段，原生應用程式(Native App)最大的優勢之一在於對特定平台硬體資源的存取，但這個情況其實已經漸漸的在改變，最簡單的例子就是現行主流智慧型手機對地理位置、加速器、磁力計以及陀螺儀等硬體資源的存取，儘管只算是有限度的開放，但是方向卻是確定的。

Maximiliano Firtman

Maximiliano Firtman堪稱是Mobile Web界的神人與先驅，在他的網誌中有許多篇文章都是在記錄他對行動瀏覽器所進行的各面向的測試，其中一個重要的測試項目就是行動瀏覽器對硬體資源API開放的程度，在Android 2.2 Froyo browser: HTML5, accelerometer, Flash Player 10.1 and more這篇文章裡他測試並記錄了去年2010 Google I/O上Google承諾將會推出的硬體資源API，另外他也在Safari on iPhone & iPad 4.2: Accelerometer, WebSockets & better HTML5 support記錄下他對Mobile Safari執行iOS硬體API存取的測試，暫且不論硬體資源API存取的支援程度，但這只顯示出一個明顯的趨勢，那就是，「行動裝置上瀏覽器對硬體資源的存取只會日漸開放，一切都只是時間與存取介面標準化問題」。

http://m.movies.com

Mobile Web，簡單的說，相對於原生應用程式(Native App)其最大的差別在於他的開發工具不限定於某特定平台，例如iPhone / iPad SDK或是Android SDK，而是使用HTML5、CSS3以及Javascritp等網頁開發標準(雖有些狹義)，另外一個顯著的差異點在於載具，Mobile Web / App的載具是瀏灠器，透過URL便可存取，不需經過App Store與安裝程序，不限定於某特定行動應用平台。

至於Mobile Web與Native App兩者間的比較在網路上相關的文章非常多，各有各的支持者，我這邊也不多說，但我個人認為兩者其實都只是工具，重點在於能否視需求來選擇最好的開發方案並提供使用者最好的使用者體驗，就現階段實務面來說，Mobile Web在遊戲製作上要達到可以匹敵原生應用程式的遊戲特效其實還有很大距離，畢竟目前沒有任何一個行動瀏覽器有佈建HTML5的WebGL在裡面，硬體繪圖加速也僅限於很有限的支援，再來就是許多跟硬體存取相關網路開發標準仍處於草案甚至是討論群組階段，例如<device>標籤與更進階的音效與圖像處理標籤都還在制定規範中，這諸多因素限制了瀏覽器開發商在裝置硬體資源存取的實作。

但是上述的限制都將只是時間問題，讓我們看看以下幾個正在進行中的技術標準化

已上僅僅列出部分制定中的標準，光是看到這些應該就已經讓Web開發者夠興奮了吧，更不用說再加上擴增實境這酷玩意了，所以在未來的幾年內，我相信不用太久，瀏覽器開發商間的軍備競賽將會加速，這些W3C標準的實作也將逐一出現在各家行動瀏覽器中，那些原本只有Native App可以取用的資源終將可以透過標準化後的HTML5 API去取得，Mobile App與Native App的界線將會更加的模糊化。

PhoneGap

但回歸到現實，Mobile Web在應用開發上確實是有很多綁手綁腳的限制，儘管目前有多項開源的「橋接專案」，例如PhoneGap，可以使用來存取硬體資源，但是目前對於他們的掌握度仍低，勢必不如標準化的網路技術來得直接，因此目前將持續關注W3C在標準上的制定進程與行動開發平台在標準上的實作，但總的來講，未來幾年著實是讓人相當興奮的。

Posted in CSS3, HTML5, Mobile Web, YouMeb | Leave a comment

【YouMeb開發日誌】與「Mr.Jamie」進行AppWorks面談紀實

Posted on April 20, 2011 by 6yeah
https://lh4.googleusercontent.com/_76H5BS1QrVE/Ta7hCX7YKKI/AAAAAAAAC5I/SHWHGkz48jQ/the-a-team-movies.jpg
「不要跟我說團隊技術有多屌！給我A-Team」

紀錄一下，如果「YouMeb」團隊能有機會成功進駐，我相信這會是團隊歷史上的一個重要里程碑，也會是我產品計劃第一階段佈局的完美結局。

約莫於兩週前接到「Joan」電話說通過了第一階段的進駐申請文件審核，今天，四月二十日的下午兩點三十分，我們團隊終於來到AppWorks與「Mr.Jamie」碰面了，其實對他一點都不陌生了，我很敬佩他想做與正在做的事情，也很訝異他一年多來成功的培育出這樣多優秀的團隊，但是這卻是這樣久以來第一次與他的對談。

我們提前約莫在兩點十分就到了「AppWorks」，與團隊夥伴們坐在門口舒適的大沙發上討論專案進度，雖然在過去兩週裡我已經在心中反覆演練與構思所有可能會被問及的問題(Yes！就是使用「Jeff」教導的「自問法」)，但其實心中還是很緊張的。

鐘響了！兩點半準點，開始我們團隊的面談了。我們進入「AppWorks」辦公室裡一個乾淨明亮的會議室，Joan、Mr.Jamie與Prof. Mike依序坐在對面，與我們四位團隊成員面對面的坐著，一開始當然就是先交換彼此的名片，然後就是進行整個與團隊認識與了解產品開發計劃的訪談。

整個面談大都由「Mr.Jamie」發問，問題依序包含以下幾項：

  • 為什麼想要來參加「AppWorks」？
  • 你的產品究竟解決了什麼問題？為什麼既有的解決方案不再適用？
  • 是否已經了解你的客戶在哪裡？是否有訪談過客戶去了解需求是否存在？
  • 團隊成員的合作經驗，過去的產品實例
  • 團隊最弱的環節在哪裡？
  • 團隊成員如何切分工作執掌去完成新產品開發計劃？
  • 團隊成員是否都認同並願意全力協助此項產品開發計畫？
  • 團隊在新產品計劃與既有的業務間如何平衡兩者間的資源配置？
  • 如果有投資人，那對方除了提供資金奧援外，是否有其他的「策略性資源」？

其實以上那些問題的脈絡幾乎可以從「Mr.Jamie」每日撰寫的網誌中尋得，除了要確認提案團隊是否清楚的解自己所提出的商業模式，發現他真的很重視「團隊是否有一至前進的共識」，他一再的確認並問了三次，團隊成員是否認同我們將要改變的事情？很高興於今日下午面談中我看見的是，「Mr.Jamie」表現出來對創業這件事該有的信念就真的與他在網誌上宣揚的一至。

最後他談到的是資本與利益分配的問題，「Mr.Jamie」強調創新團隊對成員與投資者一定一定要「醜話說在前頭」，也就是利益分配要明確的訂下各自的該擁有的配額，這是最至關重要的一個不好開口但卻又終究會碰到的問題，在他的這最後的建議之後，我們結束了這一次的面談。

在回公司的路上，我回想並審思今天我的應答，我不對表現做自吹自擂的評論，但有件事我一定得說，沒有事先百來回的反覆自問與豐富的資料蒐集，就只有失敗與懊悔在等著你，我很高興的是，我迎向的是今天微冷初春忠孝東路上暖暖的陽光與藍的像要滲出水的天空，期望能接到被AppWorks接受的好消息，如果沒有，那我就慶賀團隊這一次的自我超越。

最後！！！「這就是熱血的青春」

https://lh3.googleusercontent.com/_76H5BS1QrVE/Ta7kcCF8uOI/AAAAAAAAC5M/WHLITTFZbQ0/2553655522_e55a4991c6.jpg
Posted in YouMeb | Tagged | Leave a comment