Mozilla Taiwan 實習生活 (3)

富奸太久，當我在寫這個系列第三篇 (也是完結篇) 時，我離開 Mozilla Taiwan 也快滿三個月了，所以這篇就草草帶過，來個完美大結局吧。

在 Firefox OS App 開發競賽完美結束後，身為 Open Source 組織當然連競賽成績的評比項目也要 Open 啦，以下是評審們評分的數據表：

可以看到小弟我這組在技術項目拿到最高分，yaaaaaa，其實這比賽算是 Marketing 部門舉辦的，原意是給校園大使們參加，但我自己也忍不住下去玩了，我們做的是修圖 App ，聽起來沒什麼特別，但重點是我們是用 HTML5 Canvas 的技術去實作的，詳細 Demo 影片如下：



炫耀結束，其他組的作品請參見以下連結：
http://fsa-tw.tumblr.com/tagged/webApp

在這個 App 競賽完美落幕後，我立馬又想到新的專案 --- 一個屬於 Firefox 校園大使的 Blog，用以紀錄、展示校園大使們的 Masterpiece。

這個專案最麻煩之處就在於選擇 Blog 平台架設處、以及整理先前上百分校園大使們 work, report... 工程十分浩大
後來 Blog 在多方討論後決定架在 tumblr. 上，因為他的 API 算蠻可以用的，自訂性很高，讓我足夠把他客製化成看起來就像 Mozilla 本站出品的樣子，詳見：http://fsa-tw.tumblr.com

多虧強者同事 Kevin 的幫忙，這個專案大概花了兩三個禮拜的時間吧，總得讓所有文章都整理好、上好標籤、做好分類... 才算完成，這個案子完成後我的實習生涯差不多也接近尾聲，最後那幾天中午幾乎都是在跟主管們吃飯，最後一天還有個結業報告，說來慚愧最後一天我因為前一天把所有案子和落落長的交接文件寫完大大地鬆了一口氣，好像幾工作幾百年終於能喘口氣似的呼呼大睡、結果一睡就睡過頭，下午姍姍來遲趕到公司準備最後的結業報告。

在此我一定要提醒一下，雖然我不知道其他公司/部門規定怎麼樣啦，但我覺得寫一份詳細的交接文件是很重要的事，所以我花了很長的時間撰寫之。
後來我還因為交接文件中一個項目回公司做翻譯工程的支援，那又是另外一段故事了。

在我廢話連篇的結業報告結束後，大家分食了好吃的起司蛋糕，拿了一堆同事為我準備的紀念禮物 (糾~甘~心)，而我在 Mozilla 的日子也算是告一段段落了。

全部門員工合照，yaaaa 

(左起) 我與師父、好 Partner Kevin

(左起) 我與老屁孩 Vit 、Kevin

後記：離開 Mozilla 後我曾經發下豪語有朝一日我再回來時，我就是 Sr. Engineer 或 Project Manager 了，大主管 Michael 則鼓勵我：也許在很多年後你將以 CEO 的身分回來，但那想必真的要很多很多年加上付出很多很多新血就是了(笑

有不少人問過我：「對 Mozilla Taiwan 這家公司評價究竟如何呢？」

實話實說，Mozilla 真的是一家很奇特的科技公司，首先因為他是開源非營利組織，所以有很多機會聆聽來自廣大社群的聲音與寶貴的意見，還有接觸最新技術，有些最新技術甚至正是 Mozilla 自家開發的，而台灣分公司主要是開發 Firefox OS 為主，這是一套 Web based 的 mobile OS，所以對於 Front-end Engineer (前端工程師) 來說，Mozilla Taiwan 簡直是天堂！甚麼福利、環境的我就不說了，親自來走一遭你就知道，無需我這無名小卒在這裡贅言，雖然我是在 Marketing 部門，但基於 Mozilla 開放的特性，我也蠻常到別的部門串門子，這裡真的是少數非常鼓勵創新、思考、設計、高度自由的公司，而 Firefox OS 最近進化到 Firefox OS 2.0 ，看起來又比之前更棒了，WebOS 的崛起我相向在 Mozilla 和好夥伴 Google 的努力下指日可待！

最後謝謝 Mozilla Taiwan 給我這麼精彩的半年。雖然再不到一個禮拜我就要去 HTC 上班了，我還是會用社群參與的方式繼續貢獻 Mozilla！

最後附上兩張照片搞笑一下

這是我在公司聖誕節時與聖誕女郎的合照

這是我在 Mozilla 舊金山紀念碑的留名青史，不是遺臭萬年喔

LINE for Firefox OS 真的來了

來了來了
從山坡上靜靜地滾下來了
LINE 終於在 Firefox OS 上推出 App了

剛才從外面回來一登上 FB 就看到 Mozilla 的前輩們已經紛紛開始測試、分享 LINE for Firefox OS 的消息了，我只能說...

興奮透了!!!

雖然說先前早就有 Rumor 在說 LINE 即將要推出 Firefox OS 版
其實這對 NAVER 來說技術上一點困難都沒有
要是大家還記得的話
幾年前 LINE 就有推出網頁版，後來莫名其妙又關掉

Firefox OS 一直強調的精神，不僅只是開放的作業系統
而是 「Web 即 App，App 即 Web」
所以「也許」 NAVER 只是把之前網頁版的 code 稍微改一改就上架了
不要以為 WebApp 永遠打不贏 Native App，我跟你賭十年後你再來看我這篇文章
你會發現我講得是對的

很多人擅長於短視近利、只看眼前就下定論，這種人很喜歡說...
「App 數量不夠要怎麼推這個新的系統，要以使用者的角度思考，使用者只想用 App」
「現在手機作業系統就 iOS, Android, 頂多再加個 Windows Phone吧，哪輪得到 Firefox OS」
...
諸如此類的屁話我聽多了，他們都有一個共同的毛病：
因為他們壓根兒不懂技術，所以只能看到表面，現在該是他們開始學習閉嘴的時候了。

封閉的系統為了賺錢，Android App 上架費 25 塊美金，iOS App 每年 99 美金，Windows Phone 為了保持優良的 M$ 精神，當然也要收錢。

但這些都不是重點，重點在於，你一個開發者，要做大你的 App，你就必須針對每個不同平台、不同架構的系統作開發，比方說你要開發 WIN8 App 你就一定得灌 Windows 8 + VisualStudio Express + 一台 Windows Phone。要寫 iOS App，你要有一台 Macbook + Xcode + iPhone。而 Android 不同版本的相容性我想我已經不用再多說了，這些封閉的、各有各自架構的系統對於 App 開發者來說，這些不能跨平台的 Natvie App Development 永遠是個噩夢。

那既然現在 Web 技術已經夠強了，而且 Web 技術的發展歷史也夠久夠成熟了，所以我們可以開始看到 WebOS, Chrome OS, Firefox OS... 這些以Web 技術為基礎的作業系統，開發者就可以寫一個打十個、一勞永逸、擁有高度跨平台特性的 App，這就是 Firefox OS 存在，而且得到許多合夥公司支持的原因。因為這是趨勢。

廢話講太多了，所以重點就是 LINE for Firefox OS 真的來了，以下是一些我 Screenshot 的一些截圖

圓形的咧

熟悉的畫面

準備登入囉

Yaaaaaaaaaaaaa

總之，我要說的是，不管是 Firefox OS 也好、Chrome OS 也罷，這些 WebOS 只會越來越強、WebApp 也只會越來越多、越好。然後有一天 Phone Gap 就沒有存在的必要了，大家可以等著看，十年以內我說的都會成真。

Mozilla Taiwan 實習生活 (2)

Evangelism

Evangelism is the preaching of the Christian Gospel or the practice of relaying information about a particular set of beliefs to others with the object of conversion. - Wikipedia

先別英翻中了，且讓我們回到這個系列的第零篇 ，一個資工系的阿宅，在行銷部門到底都在做些什麼啊？

一講到行銷，大家腦海中第一個想到的就是砸錢，廣告，再廣告，騙讚，衝人氣。怎麼想好像都不是一個技術背景的人熟悉的東西啊？！雖然其實我也是很會騙讚的 我們今天要談的，就是標題所謂的 Evangelism ，傳教士，絕對不是什麼莊園美江，我做的、或者應該說我自認為我做的，是技術推廣，Developer Out-Reach，在 Open Source 界講的是技術推廣，而以營利為目標的 IT 產業，做的是技術支援 (IT Support)。

其實這兩者的目的是差不多的，就是推廣自家技術。但畢竟非營利組織跟營利組織精神相差甚遠所以目標族群也有所差別，多數非營利組織面對的族群是大量的扁平性組織或個體、所以著重推廣、再輔以凝聚社群忠誠度將影響力擴散出去，講究的是創新、靈活、熱血，因此成為新創企業以及 Geek, Hacker 的首選。

而營利組織(例如微軟)目標客戶在於提供具有一定規模、組織內部階級分明的單位，提供"可能"相較穩定但沒什麼創新精神的解決方案，同時也必須 on call support，畢竟面對的是企業等級的客戶，穩定、能用至上，這就是為何他們的客戶再老舊的系統也寧可不換，給人一種老古板又封閉的印象，但依然擁有一定的勢力與市場份額。

兩者相同的部分在我看來：就是必須在創新跟穩定之間取得平衡，但這很難。

在講故事前，我們先推回到兩年前，因為我一個熱血又白痴的 Start-Up 計劃還有必修的 CNL，我開始接觸 Web Development：HTML, CSS, js, php & MVC Framework... 在那之後，我便踏上這條不歸路。

大家可能以為 Mozilla Firefox 只是做瀏覽器，對吧？但大家可能不知道，JavaScript 的發明人  Brendan Eich 是 Mozilla 的 CTO ，也就是說，如果說到 Web Development，Front-end 最頂尖的人絕對是 Mozillian無誤，所以想精通、熟悉 Web Development，Mozilla 絕對是最最最最最精實的組織。

Mozilla Taiwan 實習生活 (1)

想不到暨上次寫了一篇 Mozilla Taiwan 實習生活 (0) 之後
本來預計一個月寫一篇，結果一富奸就到現在才寫第二篇
如果想問為什麼第二篇的 title 卻是 (1) 的話
請問你身邊資訊背景的朋友，我懶得跟你廢話

Anyway, 如果有人在期待系列文的話還請見諒
因為我實在他媽太忙了
正文開始

十月初的時候，Mozilla 總部召開了全球性的高峰會
地點分別在舊金山、多倫多、以及比利時布魯塞爾
雖然我也不知道為什麼我小魯一隻也能去
不過總之我就去了舊金山
而且... 是的
機票和住宿的錢都是 mozilla 出的
住的還是 4.5 星級的飯店
那個床啊... 那個枕頭啊...
真的是讓你一躺就不想爬起來

Mozilla Summit 和其他科技公司最不一樣的地方是
大家可能以為科技公司的會議都只著重於技術、最新科技的展示
但身為一個 Open Source 組織
Mozilla Summit 議程涵蓋了科技、人文、社群、設計... 等眾多議題
議程分為三天，早上都是 General Session，由公司總部各部門 Leader 講述關於現況、未來發展等等
比較特別的是下午的 Open Session，Open Session 的是由 Session Leader 將大家帶開分成若干小組做 Brain Storming，有點類似 Workshop 的性質
Open Session 場次眾多，而且全部都擠在同個時間，意思就是你不可能參與到所有 Open Session，就挑你有興趣的進去和大家一起討論，而討論議題從科技、設計、甚至連政治、隱私等等你想得到的，通通都有，這部分對我來說真的很累人，畢竟是來自世界各國的人齊聚一堂，要聽得懂所有人的口音之外，還得想你要怎麼回覆，真TM超累，所以我常常亂入一半因為時差開始頭昏，然後就跑回飯店睡覺了XD

中午吃飯時間 Mozilla 當然也沒閒著，第一天飯店長廊上是來自各國擺的攤位，除了可以和各國不管來自公司、社群的正妹人喇賽之外，還有各國眾多展示品可以拿，收穫相當豐富

這是我與一對日本社群裡夫婦的合照

這是我與 Miku(初音) 的合照，應該算是我人生中第一次跟 coser 合照吧

而第二天中午的攤位則是 Mozilla 最新科技的展示，因為需要保密不能拍照，但我想稍微透露一下應當是無妨，除了一些 Mozilla 與 Epic Games (War Gear 戰爭機器製作公司) 的合作成果外，還有 Win8 Express 版的 Firefox, 大家所關注的 Firefox OS, HTML5 Web Game 等等，對於像我這種技術宅來說根本是天堂。
其中最令我驚豔的一點是我最近狂推猛推的 Firefox Nightly，在這個未來發行版有許多令人驚艷的設、UI/UX，介紹影片如下：

Intro to Australis from Madhava Enros on Vimeo.

Intro to Australis from Madhava Enros on Vimeo.

除此之外，要再特別點出來講的東西是三個 Web Developer 可能會有興趣的玩意兒

1. Shumway: Shumway 簡單來說就是透過 HTML5 的技術去開啟用 Flash 做的東西，以往我們為了看某些用 Flash 寫的網站、影片播放器等等，都非得下載 Adobe Flash Player 才可以，今天有了 Shumway ，就不需在下載 Flash 外掛程式了。但其實這也不是 mozilla 第一次做出可以取代 Adobe 系列產品的新功能了，Firefox 早就內建了 PDF reader，這就是為什麼我們可以在線上直接瀏覽 PDF 檔不需要另開 Adobe Acrobat Reader 的原因，順帶一提，Firefox OS 的起源就是這個 PDF.js
   
2. Appmaker: 根據官網說法：「它讓打造跨平台的 HTML5 APP 變得極度簡單，只需要把一些簡單的原件，例如：按鈕、選單… 丟進 canvas中，任何人都可以打造自己專屬的 APP，並且可以在任何支援 Web 的裝置上執行，包括智慧型手機。」
   那我個人的看法是這對於要製做一個 App 的雛形，或只是以內容為主的 App 來說是很有用的工具，至於要製作一個複雜一點的，我覺得拿來做 Mock-Up 就好，不太可能只用這個就做一個比方說像 LINE 等級的 App
3. Together.js: 這是一個我覺得超屌的東西，要在你的網站加入這個外掛引入只需要兩行 code，你的網站就能開啟像 Google 文件達到多人共同編輯的效果，也跟 Google 文件一樣會顯示 Label Highlight 誰在改哪段之類的，這我親自使用過，功能性方面我覺得再加強的話甚至有潛力取代 Google 文件。

談點吃的好了，美國食物吃一天還好，吃了三天下來發現還真TM難吃，吃來吃去都是那些爛東西，培跟、熱狗、臘腸、麵包、可頌、肉捲... 難喝到炸的柳橙汁，幸好晚餐餐廳有準備了各國口味的料理，至少能吃到東洋的食物，以及喝不完的紅酒，揪~甘~心~
比較特別的是白天時外面總是有一台 Mozilla Cafe 車，由於排隊人潮過多，所以我就懶得去排了，也不知道喝起來怎麼樣呢。

這次 Summit 最受歡迎的角色當然就是 Firefox 的吉祥物 - The Fox 啦，以下是我與 The Fox 的合照

So... what does the fox say? He says: I love Mozilla!

最後一天議程閉幕後，我和我的老闆還有校園大使們以及一些亞洲人，我們一群 Yellow Monkeys 殺去了 Mozilla 位於 Mountain View 的總部，拍了些有趣的照片

工程師會變胖不是沒有原因的

老大 Mitchell Baker 的位子

Firefox 在某天單日下載量 800 萬次的金氏世界紀錄

這張超酷的啊XD

酒吧吧台，耶~

Mountain View 的 Mozilla Space 還有 XBOX, PS4, 最重要的是還有 Guitar Hero 搭配整套吉他跟鼓組，這也太 Rock 了吧！可惜我忘了拍QQ

離開時一名恥力滿點的洋屌跟我拿伸手菸

雖然說沒碰到 Javascript 發明人 Brendan Eich 跟他合照有點可惜，不過強者如我還是被我碰上了 Mozilla 現任技術傳教士 Christian Heilmann，還和他聊了我基於興趣、偶像崇拜...等動機，自動自發找了一群朋友翻譯他的影片等等，他感到非常高興。我的感想是：濃濃的英國腔...

兩位傳教士，耶~

最後一天晚上吃完晚餐居然還有 Party Time，還請了聽說很大咖的 DJ，我是覺得一堆宅宅請大咖的 DJ 好像有點浪費啊XDDD 不過還是可以看到一些歪果人玩得很嗨，呈現一種歌舞昇平的歡樂氣氛。

宅宅們，跳舞囉~

最後附上一張我在九月多上新聞的照片做為炫耀文的結尾，當時我還是火狐梁朝偉，現在是火狐山下智久。

帥啦幹

p.s: 話說 Summit 其中一天中午，我終於鼓起勇氣搭訕了台灣 UX 部門的陳妍希

我：「前輩妳好，我是...」

結果前輩居然超親切地主動與我握手 >////////////<

之後小聊了一下，我的感想都在下面這首歌裡了

那麼，大家下回再見。

9 件你不知道 Firefox 比 Chrome 優秀的事

非關 mozilla，其實打從我高二就開始用 Firefox 以來
我只有短暫跳槽到 Chrome 半年
所以我自認「身為一個資深使用者」
我寫這篇絕對是綽綽有餘、相當具有說服性

瀏覽器這種東西幾乎已經變成打開電腦必開的軟體
當然青菜蘿蔔各有所好
優秀的瀏覽器當然很多人用、再爛的瀏覽器( 例如 IE )也還是有人用

打從我一年前加入了 mozilla 之後便一直有人問我 Firefox 跟 Chrome 比起來好在哪
各種人、各種場合、各種性別... 問到現在讓我煩不勝煩
乾脆就來寫一篇我認為 9 個 Firefox 比 Chrome 優秀的地方
那優先順序就以我以使用者優先角度來做個排列

Firefox UX Nightly build - probably the best design ever

這不是 Chrome，別再問了
本次去美國參加 Mozilla Summit 2013 一趟看到了這玩意兒的 Demo
這個東西是 Firefox UX Nightly*
也就是說這並非目前釋出的正式版本
可能不夠穩定，僅供測試，想嘗鮮的人使用
由於這個新的UI 設計在我看來實在太讚了
所以我甘願冒著地球毀滅的風險來用看看
目前就我再 Demo 上看到的幾個特點的 highlight （希望還記得全部 > <
以及我自身使用的經驗做個推坑簡介

管他去死我要立即體驗

一. 首先可以看到最明顯的差異是分頁標籤的樣式變得非常有流線感
但其實這在 Firefox for android 以及 Thunderbird 早就有了
這個設計還有個專有名詞，叫『Australis』
詳見：http://blog.bobchao.net/2013/06/firefox-australis.html

二. 眼尖的人可以發現『下一頁』的按鈕不見了！
其實沒有消失，只是 UX 以簡潔為目標刻意隱藏，需要時『下一頁』時就會自動出現
這部分就甭截圖了，有待大家自己去玩玩、 親自感受一下

三. 常用功能

位於最右處，點擊後出現的是以圖示為主，文字為輔的功能列
仔細思考了一下，還真的是常用功能，尤其是我最愛的『自訂』也被加入常用功能了
I LIKE IT!

四. 自訂（說曹操曹操就到，前幾行才提到而已

說到自訂，一直是我從 Google Chrome 回到 Firefox 的主要原因
多數人並不知道 Firefox 的 UI 可以自行調整（像是哪個按鈕要放哪，哪個 bar 要放哪這種問題
同時這也是 Firefox 的獨家功能，你在 Google Chrome, IE, Safari 都看不到這玩意兒
新版的自訂比目前正式版的更加可視化，更好用，更容易理解
大力推薦親自操作玩一次


總結：
雖然這版本離加入正式版還有一段時間 (約莫還要幾個月才會在正式版看到
但我使用起來感受真的如同當時在 Summit 的 Demo 影片所說：
這可能是有史以來最好的設計，不知道跟名稱叫 UX 有沒有關係就是了

不少人問我是如何從 Google Chrome 回到 Firefox 的
我就在本篇一次說明好了

我高中時買了一本電腦雜誌，才知道這世界上除了 IE 之外還有別的選擇
於是我就一路用到大三，當時因為灌了太多附加元件，以及 Firefox 當時效能表現不好（現在快多了
跳槽到 Chrome 一年多，之後因為開發需求，發現 Firebug 是史上最強的開發工具（沒錯，我覺得 Chrome 的 Console 還有 Firefox 內建的開發工具都比不上 Firebug
爾後關於我是怎麼加入校園大使，幹了一年多成為 Intern 的故事就不再這篇贅述

重點是說，多數人並不知道自己有選擇權
什麼是選擇權？你吃飯會選擇吃雞腿飯而不是豬排飯，吃餛飩麵會選擇吃鮮蝦餛飩而不是鮮肉餛飩，你選擇翹課回宿舍睡覺而不是去教室裡面趴著睡覺... 這些是我們日常生活可以聯想到的選擇權
然而多數時候，我們幾乎都是不假思索地作出選擇，卻沒意識到我們可能早就落入置入性或強迫性的行銷圈套裡，比方說雞腿飯的便當店故意把炸鍋放在馬路邊，你走在路上根本無法忽略炸雞腿的香味，於是你就走進去點了一客雞腿飯。

扯太遠了，那這跟 Firefox 有什麼關係？

小時候我們只知道上網要點那個藍色的 e ，後來才發現這個 e 不知長進、幾年才更新一次的東西根本是狗屎 ，但回到我剛才說我高中時候不知道除了 IE 之外還有別的選擇，也就是我不知道我還有選擇的權利。

所以我很慶幸 Firefox 讓我至少在上網這個最基本的需求還保有選擇的權力，無論是在前面所提到 UI 的調整，甚至是現在大家最關心的個資問題上（我是比較關心 UI 視覺調整啦

關於 Google Chrome，我一直不喜歡他的 icon，另外由於大家都知道 Google 的營收約莫有 90% 來自廣告，所以 Google Chrome 蒐集使用者資料也是非常容易聯想的，關於這點自己的瀏覽器做得很爛的 M$ 還拍了一支廣告抨擊 Google ，詳見：http://www.techbang.com/posts/13337-is-to-reverse-it-microsoft-latest-ads-dont-get-scroogled-exposure-attack-on-google-chrome-collects-users-privacy
而 Firefox 的 DO NOT TRACK 恰好可以反資料追蹤，讓使用者在個資問題的層面仍保有選擇權。總結來說，Mozilla 因為希望使用者瞭解自己有選擇的權力，能夠決定 web 呈現的樣貌，所以才開發了 Firefox 這個產品。

以上就是我平常不寫碼時開啟 Firefox 的原因。

瀏覽器搬家運動：如何同步 Firefox 和 Google Chrome 的書籤和歷史紀錄

2013/12/11 更新：

最近又有不少朋友問我瀏覽器之間的同步問題

因為 xmarks 小弟我也用過一陣子

他有個 bug 就是會有 duplicate (重複資料) 的問題

俗話說：天底下不存在沒有 bug 的軟體，也不存在解不了的 bug

所以 xmarks 也有 duplicate remover (移除重複資料功能)

請參照以下連結：

https://helpdesk.xmarks.com/troubleshooting/duplicate-bookmarks-2/#Duplicate+Remover

一有重複資料的問題就立馬參照上述方法移除之

祝各位 Sync 愉快

身為一個弱弱的開發者，Firebug 這個開發工具一直是我的最愛
並不是說 Google Chrome 的控制台不好，純粹個人愛好/習慣問題
但常常要開啟 Google Doc 或 Google Hangouts 還是得開 Google Chrome
所以此篇文章並非比較瀏覽器孰優孰劣，因為其實小弟本身兩個都有在使用
碰巧前陣子有學長知道我在 Mozilla Firefox 當小 Intern
問我如何從 Google Chrome 搬家到 Firefox 的問題

需求是這樣的：
1. 現在要從GC搬到FX，不想每次都因為匯入書籤而產生一個新資料夾出來非常令人厭煩
又想保持兩邊書籤跟歷史紀錄的一致
2. 我有很多台電腦上面瀏覽器都不一樣，我想要統一所有平台上的瀏覽紀錄
該怎麼辦？
Google Chrome 可以用 Google 帳號保存，而 Firefox 可以用 Firefox Sync 記錄
但這兩個並不同步，只能靠使用者不斷匯出/匯入記錄
有沒有更方便的方法?

唉，大雄，真是拿你沒辦法

等登登，Xmarks

根據我和學長使用過後，發現對於一個時常變心一會兒開這個個瀏覽器一會兒開那個瀏覽器的人來說，這真是史上最牛逼的瀏覽器搬家/同步套件

Firefox Addon: https://addons.mozilla.org/zh-tw/firefox/addon/xmarks-sync/
Google Chrome Extension:  https://chrome.google.com/webstore/detail/xmarks-bookmark-sync/ajpgkpeckebdhofmmjfgcjjiiejpodla

基本上你可以把這玩意兒想像成一個第三方的同步系統，透過一個第三方的套件跨越、整合所有瀏覽器 (是的，支援的瀏覽器甚至還包括 IE 、Safari 跟 Opera) 的書籤、歷史記錄、密碼、以及開啟中的分頁。另外還有備份、版本控管系統也十分給力

已經有使用過的就甭往下看了，還沒使用過的參考參考

基本上 Xmarks 操作十分直覺並且支援繁體中文，安裝完成後會引導你完成每個步驟
所以我就不多說了，我主要想說的是... 同步的步驟

OK，現在假設我要從 Google Chrome 搬家到 Firefox
或是想整合你 N 台電腦上 M 個瀏覽器的記錄

那麼我們要做的只有兩件事：
一. 在你 "原先使用"、"打算暫時跳槽但以後還會回來用" 的瀏覽器上安裝 Xmarks、建立帳號、開始備份資料，所以我先在 Google Chrome 安裝這個 Xmarks
二.  備份完成，準備搬家。在 Firefox 上也安裝 Xmarks，然後立即同步，完成

爾後不管在何時、何地、何處、使持何物，都能統一所有書籤跟瀏覽紀錄了，Xmarks還有許多強大的功能，例如記錄版本回復，自動完成書籤分類標籤等等... 就不逐一介紹了

How to customize Firefox menu button?

好啦，原本寫著 Firefox 的橘色按鈕也不是說醜

但看久了真得很膩

上次在 JSDC.tw 聽到阿土伯提到 XUL 跟 Gecko 是兄弟檔後

就想來玩玩了 userchrome.css

昨天心血來潮研究一下

發現真的只是css語法 (難怪 Firefox 佈景主題多到炸

很簡單的

首先

先下載這個 Add-on: ChromEdit, 連結如下

http://webdesigns.ms11.net/chromeditp.html

選擇 Add to Firefox

安裝完成後忘了要不要重新啟動

工具->ChromEdit Plus->ChromEdit

進入 userchrome.css 的tab

開始玩css囉

語法不會可以自行 Google

以下附上我的範例 code

#appmenu-button {
background: black !important;
padding-bottom:3px !important;
padding-top:3px !important;
box-shadow: none !important;
background-image: url("http://www.csie.ntu.edu.tw/~b98902037/firefox_icon_by_samnung-d2yb92p.png") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
}
#appmenu-button:hover{
box-shadow: none !important;
}
#appmenu-button dropmarker:before {
content: "Dayo " !important;
color: #FFFFFF !important;
}
#appmenu-button .button-text {
display: none !important;
}
要讓它消失只要來個 display:none 即可

改完後 Save->Restart

就可以看到樣式改變了

以上範例出來會長這樣

用自己的名字，就是爽

版權沒有，歡迎翻印

Mozilla Taiwan 實習生活 (0)

明天是開始實習的第一天

特發此文紀念

在指考放榜當天得知錄取資工系

我就發願大學生涯中一定要到新創公司跟外商公司實習

去年的夏天我有幸在里斯特 Richi 實習做自動化測試

算是完成了在新創公司的願望

而今年，皇天不負苦心人，我終於在大四的尾聲、大五的開頭，成功進入 Mozilla Taiwan 的 Marketing 部門實習

第二個願望終於達成了

其實要進外商公司實習並不是那麼困難，但要符合自己興趣，就是另一回事

比方說大家都想進 Google 實習，但 Google 只收卷哥，OUT!

HP, M$, Intel 因為自己本身沒興趣，所以沒投過

這也許不是什麼了不起的成就，但對我來說

接下來為期兩個月的實習生涯，是我大學最夢寐以求的日子之一



可能有人會問

"你這個鳥人，何德何能可以進Mozilla實習？"

"你不是資工系的嗎？怎麼不去RD要去Marketing？"

...

理想上看在台大資工系的名分我應該是一個有為青年努力成為下個 Bill Gates, Steve Jobs, Larry Page, Mark Zuckerberg...

實際上我知道自己非常非常弱，而我也認為，唯有認清自己的弱，才有機會找到出路，因為我就是這樣走進 Mozilla Taiwan 的辦公室

在台大資工系四年，我自認沒有良好的程式寫作能力，沒有參透 Computer Science 的精隨

But the question is... does it matter?

對岸的電腦科學領域有分資訊系跟軟體工程系，而台灣只有資工系和統計出來每個學校都有的資管系

而資工系有部分的人認為 ...

"唉呀寫軟體、寫app... 那有什麼難的? 取代性很高..."

"你這樣只能叫做一個流程不是演算法"

"寫前端的很快就失業了，那個 Entry Barrier 很低，大家都會"

"那個去巨匠電腦學就好了啊，何必念資工系？"

...

確實，徐讚昇教授曾經講過，會寫C的有一拖拉庫，會寫C++的有十拖拉庫... 高階語言使得程式設計入門門檻越來越低，資工系背負著要精通電腦科學理論的崇高使命，但一講到寫app、軟體開發，又得向現實低頭，不能失去社會對資工系的期待，否則只要一句「學術界教的東西都沒用，業界根本用不到」便足以讓台灣一堆大學、科系倒閉關門。

而我早就認清自己不適合學術界，要在學術界成為大師，太難了。

大師是用來景仰的，並不是每個人都能追求，那些名留千史、以作者名字命名的的 Algorithm、Theorem... 一般人根本想不出來，試問你覺得你能成為下一位？

說穿了，唸資工系的最後出社會工作，也只是軟體寫作、實踐別人的演算法、看懂PM設計的流程... 我的卷哥同學稱之為不用大腦的工作 (開玩笑的)，跟學術界比起來並無貴賤之分，因為在我們追求、研讀理論的同時，早該知道進業界coding是我們的宿命。有興趣、有能力的強者或許可以當到 CTO, CIO, 底下帶一堆人coding，而多數人... 就是個 Programmer，語言的使用者。

我需要一個更能發揮創意的舞台

所以在念資工系的期間，我邊玩邊學，學問如果不夠深、那就要夠廣

搖滾樂隊、Start up、繪圖、拍片、樂隊粉絲團、參加 Conference...

這些看起來不學無術、不務正業的經歷除了抒發coding的壓力外

更讓我成為略懂先生 (看似無所不知其實是無所專精)

加上朋友、前輩對我的作品、熱情給予肯定及支持

我在玩 Marketing 的過程中獲得的成就感比我 coding 要來得高出許多

所以決定給自己這麼一個機會，接觸景仰已久的 Mozilla 成為校園大使後 (我從高中就開始用 Firefox)

又努力了半年多，終於成為正式的實習生

也非常感謝 Mozilla Taiwan 給我這個機會

讓略懂略懂、有點技術背景的我能嘗試走出不一樣的路
 
今後兩個月內我會不定期分享我在實習生涯的趣事

僅此已第零篇做個起頭，敘述我進入 Mozilla Taiwan 的過程

我人生中第一次當導演在Firefox

廢話不多說，先看片比較重要。

1. 前言

長久以來我只是個愛看電影、聽音樂的渾小子

最喜歡的導演是 Quentin Tarantino 跟 Guy Ritchie

最喜歡的樂團是 Blink182 跟 Kings of Leon

最喜歡的Youtuber是 Smosh [註0]

我玩的樂團叫 「閉嘴! 宅男」

我的劇照

綜合以上我偏愛的導演跟樂團類型

知道的人大概就可以猜出我非常喜歡惡搞跟白爛的風格(Kings of Leon除外)

所以我在Firefox的第一個作品就是拍 Parody Music Video


2. 起源

凌晨三點，我在台大宿舍自習室疲憊不堪，在Facebook上跟賈彬閒聊他的Firefox Flicks計畫 [註一]，當時我一邊聽著 Bruno Mars 的 The Lazy Song，想像如果有一天也能夠擁有閒雲野鶴般的生活。

當下我就有個靈感，於是我Google了原曲的歌詞，開啟了Google文件動手改歌詞，沒多久便完成第一個版本，我給賈彬跟凱馨姐看過後他們一致認為我歌詞改得不錯，加上原版MV兩個版本的拍攝顯性成本看起來都很低廉，雖然多數人熟悉的是猴子面具的版本，但我個人更喜歡另類版。

在賈彬大大同意獻唱後，我腦海中稍微構思一下劇本，就丟出了一份簡單的企畫書仔細說明這個專案，這時我連分時表、分鏡表都還沒畫。就開始在 Facebook 的 Firefox 校園大使社團上招兵買馬，除了強調熱忱比經驗重要之外。

我想起    老頭說的一句話：「資源不會乖乖雙手奉上、請你笑納，要懂得摸幹汙搶。」

後面的當然太誇張，我對這句話的解釋是：要主動爭取資源。

3. 隱性才華

因此除了自願加入的人之外，我也開始私下連絡我原本就熟識或我希望能合作的人，這些人並非全部都是校園大使。但沒關係，因為我覺得像拍影片、玩樂團對大學生來說，多半是隱性才華。藝術大學跟設計學科在台灣大學教育並不常見，多半都是有興趣的人自己探索。而

專案需要人才、才華需要舞台。

所以我便找來了幾位在這拍攝過程中我認為非他不可的人，也成功吸引到像王予廷、林大凱、路立安、鄭有順(依姓氏筆畫排列)這樣的天才加入。

4. 煩死人的前置作業

理論上搞定場地、器材、發通告這應該是製片的事，開拍後才是導演的事。不過恰好在這次專案中我自己也兼任製片，在畫玩分鏡表後，最麻煩的就是收集大家的通訊錄、統計大家都可以的時間，排定哪天湊齊誰要拍哪幾幕、哪幾天要補拍、哪幾天誰無法來要臨時換角這種瑣碎的事情。

而拍片通常不可能是線性地照著腳本順序拍完，越多幕就越難搞定時間上的安排，好不容易把人找齊、時間都排定、器材場地都搞定後，我才趕著在開拍前一天找賈彬錄好第一個版本的音，中途在男五舍琴房我又充當製片跟中途要進來練琴的人交換時間，真可謂還沒開拍就累個半死。

只要有手機版的網頁就是Firefox OS的App

當然這中間也包括去公司跟凱馨姐、小黑討論劇情、分鏡，商借手機等等... 並做了非常重要的調整，此處應該可以想像，我就不再贅述。

5. 開麥拉!

有在吃Stilnox的人都知道：有藥吃是一種作息、沒藥吃又是另一種作息。但從有藥吃到沒藥吃這中間人體轉換成本很高，很不幸地在開拍前幾天我藥吃完了，但距離下一次處方領藥時間還有幾天的時間，藥局配藥在這方面規定也相當嚴格，我幾乎找不到願意配藥給我的藥局。

於是我就在沒藥可吃晚上失眠到早上才睡著的情況下開拍了，結果第二天大遲到，真的很對不起所有工作人員> <

6. Day 1

第一天都在拍室內場景，跟第二天拍外景來說相對地算輕鬆，但小小一個房間最多同時間擠了六七個人，來回不斷走動喬打光板、鏡頭等等還是令人疲憊不堪。

帥氣攝影師林大凱

中間拍哈林搖那段因為BOT宿舍隔音很差，因此我們獲得了一個成就：隔壁在門上貼了個貼紙。

收工時大家累到各宅各的。結束後小黑來探班大家愉快地在7-11吃點心喝飲料抽菸，可謂暫時放鬆了。

7. Day2

前情題要，我在禮拜五晚上只睡不到三個小時禮拜六整個白天都在拍片的情況下，沒藥可吃居然禮拜六晚上又失眠，造成我禮拜天大遲到，不斷地跟每個人道歉 > <

第二天主要是拍外景，快速地在宿舍內補拍完室內場景後，我們移師到了台科大吃MOS，吃完便前往台大管院那拍外景。

下午天氣讓人昏昏欲睡，王予廷躺在草地上居然就睡著了

拍完外景、又回到椰林大道拍腳踏車騎車鏡頭，四處奔波疲於奔命，第一次覺得在椰林大道騎車是一件很痛苦的事。拍完後我突然又想到室內有個東西忘了拍，剛好我們也得幫鄭景謙收拾宿舍，一行人又回到宿舍沒多久總算收工。剩下要補拍的鏡頭了。

8. Day 3

最後一天只用不到三個小時就拍攝完成，場景來到信義區，回到公司拍攝，拍完後參加Mozilla的工作坊。

這一天幸虧有路立安副導的幫忙，解決我到公司前所有的場景。我當天快兩點才搭計程車抵達公司拍臨演跟男主角的戲，時間上非常地趕不過總算順利完成。

殺青後我愉快地在信義區抽菸，並開始思索剪片的事宜 [註二]。

9. 剪片28小時長征

負責後製的鄭火大大說他沒用過 iMovie(雖然他有Mac)、Premiere 等知名套裝軟體，但他用過Kdenlive這套開源的剪片軟體，在剪片過程中我們不斷地Google一些特效要如何使用、字幕要怎麼加等問題，而鄭火神一下就學會如何控制子母畫面的運行、套用字幕樣板等等技巧。

其實原本時間可以縮更短，卻因為Kdenlive這套軟體居然很不給力，中途當機後在我們都有即時存檔的情況下，回復的資料時Track居然全跑掉，令人崩潰不已。原本我們還在慶幸我們有事先輸出，可以拿輸出的版本來剪，雖然要冒著畫質降低的風險。

不過此時我們又發現另一個慘劇，就是輸出的影片居然莫名其妙在左上角有個該死的浮水印，讓人奇毛子非常不爽，檢查老半天才發現這套軟體在輸出時居然把浮水印讀秒覆蓋的預設值Check，太莫名了，雖然是我們沒看仔細，但也從沒見過一個軟體居然會把浮水印的玩意兒預設成開啟，匪夷所思啊。

剪片總共花了四天，最後一天大家整晚沒睡都在剪片，一邊聊天喇賽。

10. 心得：

累得像條狗。

最後附上幕後花絮給大家笑一笑，順便幫 Firefox OS 打個廣告。很多人大概會問：

阿這個新的手機作業系統到底有什麼特別的?

在此我用最短的話解釋，現在多數大的App公司要同時兼顧網路平台、手機版網頁、iOS、Android、Windows Phone... N個平台，實在很累人，每家都有各自的Native API又不能相容。

所以呢，Firefox OS以 Gecko 引擎強大的 HTML5 運算能力，只要是手機版網頁就可以直接無痛變成 Firefox OS 的 App，而且以 Firefox OS的分層架構，前端引擎就已經是瀏覽器引擎、比其他mobile OS都少一層的情況下，運行 WebApp 理論上效能肯定比iOS, Android... 要來得優秀許多，高度發揮 HTML 5 的威力。最後在減少開發成本、降低轉移成本的情況下，再次使手機App市場得以開放(Open)。

詳細內容請上：http://www.mozilla.org/zh-TW/firefox/partners/#os

註零：我對Smosh的短片情有獨鍾，不敢說希望第一部作品能有Smosh的水準，但希望至少有Smosh的一半^^

註一：賈彬後來找到喬喬來拍片>//////<，這是他的作品：

http://vimeo.com/59994222

註二：對，我有菸癮，戒過一次失敗，目前在第二次戒菸中> <