羅晨:夢想照進現實,一個獨立開發者的田園詩

非商業轉載請註明做譯者、出處,並保留本文的原始連接:http://www.ituring.com.cn/article/47972前端

他種有機蔬菜、他搞全景攝影、他本身設計製做硬件產品,他仍是個程序員,並以此爲生。羅晨,他是Markdown編輯器Mou的做者,他就是一位生活在農場上的獨立開發者。提起咱們這個時代的碼農們,人們聯想到最多的是「加班」、」趕進度「、「不健康的生活方式」……好像這些是和編程密不可分的衍生品。然而,在羅晨身上咱們看到另一種可能性,咱們能夠,活出本身想要的現實程序員

01YYJBmcC2NZ.small

MouStand——讓夢想變成現實

我十分喜歡 Mou 的 logo,這個形狀是想象出來的,以前它在現實中並不存在。可是我把它變成了現實。編程

爲何要本身作一個 Markdown 編輯器?

我剛開始知道 Markdown 這個語言,就以爲挺有意思,想找一個 Markdown 的編輯器。當時有兩個收費的編輯器。其中一箇中文支持不太好,老跳,一打中文的時候那個鍵上下跳。另一個預覽界面和編輯界面是分開的。要想預覽就得點一下預覽的命令,不能同時顯示。我想要左邊編輯右邊預覽,這樣就能夠實時預覽,一邊編輯,一邊顯示的,但是沒有。那沒辦法,市面上沒有隻能本身作。而後我就作了。瀏覽器

Mou 的同步滾動還不精確。由於我這個是按照左右兩個窗口的長度,百分比來算。同步比較難作。若是要精確匹配只能按元素。好比左邊是二級標題,第一個二級標題對右邊的二級標題,這樣來算定位才準。可是我如今還不知道怎麼作。微信

你很喜歡這個 Mou 的這個 logo?

是的,Mou 如今的 logo 是方遲設計的,我很是喜歡。第一個版本的 logo 是我畫的,但畫的很差。後來在丁一的介紹下可以有幸請到方遲爲 Mou 從新設計 logo。我當時的要求就是簡潔,突出 M。我以爲他設計的很是棒,這種造型是方遲想象出來的,以前現實中並無這種形狀的物體。我很是喜歡這個造型,以致於我想把它變成實物。但設計 logo 和把它變成實物是兩碼事。當初設計 logo 的時候並無考慮到要作成實物。網絡

Mou 最初(第一個公開測試版 Mou 0.6.0)的 logo,2011 年 9 月,羅晨設計:前端工程師

01YdIaCe6dGr

Mou 0.6.4 的 logo,2011 年 10 月,方遲設計:app

01YdIaCxJISH

Mou 0.7.2 的 logo,2012 年 8 月,方遲設計改進,沿用至今:前端優化

01YdIaDBP8TJ

既然關於 MouStand 這個實物全部的一切都是你本身設計的,那就從包裝講起吧。

包裝我考慮過紙盒,可是不太結實。瓦楞紙是柔性的,柔性的一壓就壓壞了,怎麼辦?如今快遞都比較暴力,因此咱們須要剛性的包裝。這個木製包裝盒是指接結構。它有一個優勢就是穩固、特別結實,能夠保證長途的運輸當中裏面的東西不受損害。材料固然是越輕越好,輕點能夠省郵費,可是不能過輕,由於還要考慮到強度。當時我就考慮兩種材料,一種是桐木,很是輕。第二種是松木。可是桐木要是這個厚度不結實。一踩上去就碎了。松木的踩上去沒什麼問題。編輯器

發貨的時候木盒的外面還要套一個瓦楞紙箱的,剛柔並濟,多一層保護。

01YYJBmuPAyP.small

你看上蓋只採用這兩根木條,而這邊沒有。這是爲何呢?這個恰好能夠扣住,若是這邊再加兩根木條,就扣不住了,會頂住 MouStand 上邊這兩個腿,就須要把這個盒子再高一點,那樣就浪費材料了。考慮到強度、也考慮到節省材料。尺寸都是匹配的,爲的是最大限度的節省材料。

01YdIaKKyJmY.small

包裝上的標籤也是我本身設計。個人風格是屬於簡潔素雅的風格。大面積留白,上面一條是黑底白字,其他是白底黑字。蓋子裏面的標籤註明它的詳細規格。每一個 MouStand 重 36 克(一個 Color Packs 套裝包含 4 個 MouStand,木盒重 200 克。可是有偏差,偏差我故意寫的大一些。好比木頭裏面有水分,水乾了以後會變輕,溼度大還有可能變重。

這些東西加起來,再加外面套一個紙箱超不過 500 克。爲何 500 克?由於發貨我採用郵政,EMS 是按 500 克來算,500 克之內是一個價格,501 克又加錢就不划算了,因此保證 500 克之內。

再說說產品自己。

我去年用銀子,錘子鑿出來一個比這個小的形狀。用銀子敲成銀絲。再折一下。也是用錘子敲一下,折三次成這樣,比這個小。

去年(2012 年 7 月)用銀子鑿出來的 Mou 的 logo:

01YYoHThPyXe

再回到 MouStand,開始時,我想作 logo 那種顏色,可是調不出來。這個加工步驟是這樣的,先把一塊平面的鋁板切割成平面形狀,切割好之後,再把邊角進行手工打磨,由於機器打磨好以後有毛刺。打磨好以後,第二步進行折彎,把平面的圖形折三次,而後就成形了。變成一個基本的形狀以後,在進行噴砂處理,使表面造成一種噴砂的效果。說白了這個噴砂就是用噴槍噴細砂。用細砂粒撞擊它的表面,撞出無數的小坑,就造成了噴砂效果。噴砂的功效一個是美觀。另外,折彎了之會有壓痕(折彎痕),噴砂能夠把痕跡減弱。這還有第四步,陽極氧化處理。噴完砂以後表面都是鋁,進行陽極氧化,使表面生成一層三氧化二鋁。三氧化二鋁很硬,莫氏硬度達到8。像藍寶石、紅寶石、磨刀石主要成分都是三氧化二鋁。氧化成三氧化二鋁是對它表面進行一種保護。如今的效果就很硬,不容易劃傷。也比較光滑。

01YYoHUNml2a

而後再進行染色。你看到的這個顏色實際上不是油漆,而是墨水。氧化後,三氧化二鋁的結構是透明的孔狀結構,用墨水一染的話就滲透進去。最後一步進行封孔,用開水煮,把顏料封在裏面。(顏料)已經滲透進去了,比油漆要好用。MacBook 表面也是這種工藝,只不過那種噴砂噴得比較細。咱們這個噴砂顆粒大一些。顆粒大是由於受到加工工藝的限制,工藝達不到那麼高。另外,折彎的時候,痕跡很明顯,若是用細砂噴痕跡很是明顯,掩蓋不掉,因此只能用中等顆粒的,恰好把摺痕掩蓋掉。折的時候機器有兩個尖一壓,每一個折彎處都有一條道,如今不容易看出來,是用噴砂給處理掉了。這一塊還有腳墊(絨布貼),對下面進行保護。

剛纔問到後面的孔是幹什麼的?最後的陽極氧化要把工件做爲電極浸到溶液裏。這個是導電的,必須有個觸點,因此在這開了個孔,讓這個地方一直導電。進到溶液裏氧化,一通電,表面生成氧化膜。

01YYJBnqGCaE.small

剛開始作樣品的時候沒有開這個孔,是在這兩個位置(M上面的兩個尖)夾着的。夾着的時候表面出現夾痕,夾痕很是難看。因此正式生產的時候就在後面開了個孔,讓它把夾痕隱藏到裏面,更美觀一點。

MouStand 尺寸爲何這麼定?

尺寸還有角度,要兼顧(iPhone 和 iPad)水平模式和垂直模式,都能放。這個水平放置沒問題,豎着放也沒問題。兩種模式都支持的狀況下,保證它體積最小,就找到這麼一個平衡,再大了浪費。這個造型能夠兩邊放。這邊放一個,好比兩我的,你在這邊玩手機,我在這邊玩這個。兩個腿之間的間距也是考慮過的,若是間距再大點兒手機豎着放就拖不住了,漏下去了。

01YYJBo0kqj2.small

原型設計的時候,我是用紙作的,用的是一百五十克卡紙。承重無法測,只是測角度,用 iPad 比劃這把角度估計出來,看什麼角度倒不了。前面腳的長度,參考一下 iPhone、iPad 的厚度,長一點,這樣就翻不過去。

MouStand 的原型是用紙作的:

01YYoHUfvJvn

具體加工是怎麼完成的?

我是把設計圖紙作好,而後加工工藝肯定,再聯繫代工廠。這個木盒是山東曹縣代工。作了兩百個,仍是好說歹說人家纔給作。這個屬於限量生產,不像人家大工廠批量生產,那樣成本很是低。鋁合金加工是在廣州。標籤還有木頭玩具的紙盒是我本身買的打印紙,打印機、切紙機,徹底是本身作。

01YYJBoH6kct.small

木頭玩具紙盒上的圖形和圖解是我用 Silo 建模軟件建出模型,截圖後再導入 Illustrator 裏描出來線框圖,包裝也是我本身作的。這個是三根木條。這是附贈的玩具。這個玩具是現有的,我只不過弄了一個包裝。這個玩具叫孔明鎖,聽說在孔明的時候就有了。

木頭玩具包裝盒上的圖形是先用 Silo 建模,再用 Illustrator 描出來的:

01YYoHVMmu3s

這個貼紙也是我本身作的。想貼哪就貼在哪。你把後面的那層紙撕下來。這個像 GitHub 學習,GitHub 不是也是有一個 shop,也賣貼紙的、賣杯子,它也是以它的 logo 發展的周邊產品,我這也是以 logo 發展的周邊產品。

01YYJBoq1RGI.small

你的網站作的挺好看的,簡潔漂亮。

就是幾張截圖往上一堆。剛開始學攝影的時候學過 Photoshop,這都是以前積累的基礎,這些知識全用上。作 MouStand 網店,要攝影,把產品拍下來,怎麼拍好看,弄個攝影小棚子,布好燈光、角度、支架弄好,拍好,再調調亮度。把照片弄的好一點。拍照片大概弄了兩天。

你訂價是怎麼定的?賣了多少了?

價格就是成本加上跑腿的路費,從我住的農場到郵局來回騎自行車要 20 千米。這個我定的是每個二十九刀。按這個價格來算。參考了一下國外市場 iPad 支架的價格。通常三十刀,個人是二十九刀。只不過咱們是四個一塊兒賣,兩個一塊兒賣,就顯得比較貴。其實一個拿出來,二十九刀,在國外來講是很正常的一個價格。可是木盒只有兩百個,太多了木盒太佔地方,家裏也放不下。

彩色一百套,黑白的一百套,一共兩百套。如今賣了二三十套。都賣了也掙不了多少錢。主要是本身作着玩,有這個樂趣。我面向的客戶主要是國外的,國內的少。要是弄個淘寶店鋪,我感受有點麻煩。國內目前賣了八套。

之後還想繼續作實物硬件嗎?

不想再作實物的東西,麻煩。由於作一套東西考慮的東西太多了,方方面面都要考慮。還要存貨還要發貨。作軟件多省事。玩過去就過了。玩過就很差玩了。

誤入歧途才能發現桃花源

我想作點工具,爲我之後前端工程師的職業作好鋪墊,可是寫到最後發現寫軟件已經有收入了,能夠不找工做了。

你在哪上的大學?

我大學上的太原科技大學。我是 2005 開始, 2009 年畢業的。當時學的是通訊工程,我覺得本身會感興趣,其實沒有。如今這個專業畢業的有一半都不是作本專業工做的。有的人作通訊搞信號基站,要不就是樓道里面安個無線網。我以爲很差玩,因此後來就玩起了全景攝影。

我在你的網站上能看見一個叫 86vt 的網頁,裏面有大家大學的地圖和不少地點的全景照片,感受就像本身在校園裏面行走同樣。

86vt 是我作的咱們學校的(全景攝影)虛擬校園網站。我考大學以前,看這個學校網站挺爛的,只有兩三張圖片,以爲很破。入了學之後以爲還挺漂亮的,是學校網站沒有體現出來,後來我就想用一種方法把學校風格體現出來。咱們學校虛擬校園 86vt 是上學的時候完成的一個項目。

01YYoHVjcfu6

這個項目實際上一個月就作完了。可是前期準備學知識學的時間比較長。我 2007 年開始學全景攝影方面的知識,學完以後 2008 年 4 月份纔開始作這個項目。這裏面有三十多個場景。拍的時候都要選人少的時候,人多了圖片拼接的比較難處理,全景不是拍一張就完了,是拍不少張拼起來才能造成一張。若是你是走動的,在這拍了一張,又跑到那了,那張拍上你了,那就半截半截的。

這個全景攝影具體怎麼拍?

我用的 8 毫米魚眼鏡頭,雲臺、三腳架。雲臺就是保證旋轉的節點精確,沒有視差,纔好拼接。雲臺上面有刻度。如今好一點兒的雲臺都是帶鎖的。好比 90 度一個鎖,這麼一轉響一下,九十度到了,很是方便。如今我要拍那樣一幅照片的話只要半分鐘左右。須要拍四張,九十度拍一張就行。拍完以後回去拼接。比較細的處理一個拼接照片要一個小時。要是作個大概,幾分鐘就行了。

你從何時開始寫代碼的?

在學校的時候搞攝影,要把照片放在網上,而後開始研究網絡相關的知識。網頁、空間、域名。由於剛開始想把照片放到網上,才接觸到互聯網知識(技術方面)。若是我不攝影,可能我就接觸不到互聯網(技術方面)。

有個學長(舒文亮),比我大一級,還沒畢業就在雅虎上班了。咱們以爲他很厲害。我作這個 86vt 網站的時候,也向他請教了很多問題,那個時候他就是個人偶像。他當時已是前端工程師了,也是轉了好幾圈,而後又回到前端,他如今在阿里巴巴帶團隊。我當時就想,我也想像他那樣厲害,我也要學這個,我也要當前端工程師!實際上在大學我對互聯網還不怎麼了解,畢業之後想找這麼一個工做怎麼辦?那就學唄。學只能在家學,等何時把前端工程師相關的知識學完以後,再找個前端的工做作。因此畢了業以後要選擇找工做仍是回家待着,我就想回家待着,家裏也支持,在家就在家吧,也不指着我工做。

而後你就在家學習前端知識?

畢業後回到家先開始學的 HTML,CSS 和 JavaScript。學了幾個月後作出了 resizeMyBrowser,接着又在 resizeMyBrowser 的基礎上作了個 Safari 瀏覽器插件 Resize

以後又瞭解到前端優化方面的知識,經過壓縮 CSS,JavaScript 等文件可以提升頁面初次下載速度,我就想找個好用的壓縮工具,當時都是命令行的,就是在 Mac 平臺都是命令行的工具。我以爲太麻煩,想要一個圖形界面,可是市面上沒有。沒辦法只能選擇本身作。從那個時候開始學 Objective-C,想着作一個 YUI Compressor 的圖形界面,方便批壓縮 CSS、JS 文件。因而作了個人第一個 Mac 應用 Smaller

再後來瞭解到 Markdown,又寫了 Mou

其實我作的這些個工具基本上都是跟前端工程師這個職業相關的。實際上做爲一個前端工程師須要作這些工做,用這些工具能夠提升個人工做效率,我想作點這些工具,爲我之後前端工程師的職業作好鋪墊。工做的時候效率會高一點。

但是寫到最後發現寫軟件已經有收入了,找前端工程師的工做不是必要的了。我是從攝影轉到學 Web 的知識,想成爲 Web 前端工程師,卻在學習 Web 前端方面知識的過程當中不知不覺的轉成了開發軟件。上次在 QCon 認識個一淘的朋友(葛燦輝),他說我更像一個產品經理,不像程序員。

01YYoHWXrnYM

你如今應該能夠找到前端的工做了吧。

其實已經有不少公司找過我了,Mac 軟件開發方面的居多,Web 前端也有。有一個德國的公司 Wunderlist,邀我去作 Objective-C 開發。可是我家人都在這,出國太麻煩了。阿里的 Mac 開發團隊邀請過我兩次,只是第一次的時候尚未去工做的打算,第二次的時候我正打算作硬件,作這個支架,也抽不開身。如今也暫時尚未去公司工做的打算,在家自由慣了,去公司會不太習慣吧。還有騰訊也邀請過,作前端工程師。他們說我網站設計的好,其實我以爲作的很簡單,就是幾張截圖而已。

你能有這樣的思路,作出如今這些產品和你有充足的閒暇時間有關係吧?

確定有關係。我在軟件開發前期的時候很是苦惱。有時候一個問題連着一兩個星期沒有思路,就成天在那想,睡覺的時候還想,一天到晚不停地想,那才能想出來。可能在公司沒有那麼多的時間想了。

我作的不少東西都是以玩爲主。可能跟小時候常常拆東西有關。我父母給我比較大的自由。上學學習方面不會逼着我。可是我本身知道學。考高中、大學,報志願的時候他們也不會干涉,都是我本身決定。他們相信我。

你如今生活在農場上嗎?在家都幹些什麼?

在家比較閒,閒着沒事。軟件開發前期比較忙,後期就是維護了。維護天天回回郵件,客戶支持。實在閒着沒事了作作新功能,不像前期那麼緊。

我家在天津漢沽區附近的漢沽農場,那個地方屬於河北,是河北省在天津的飛地。說是農場,實際上就是不少農村連在一塊。這塊地是在天津市境內,可是屬於河北省管。

我如今天天早上就在園子後面澆澆地,種種菜。就在我家房後面那麼一塊。我種了十顆人蔘就活了五顆。還種了一顆藍莓樹,藍莓屬於灌木,很矮,就像周圍馬路邊的灌木,上面結小小的藍莓果。我都是在淘寶上買的種子。我常常會給蔥們,還有藍莓噴點兒水,不打藥,純自然綠色食品。

01YdIaDwSZh6.small

閒的沒事兒我會打打沙袋,鍛鍊身體。郵局離我家10千米,每次騎車去郵局發貨(Moustand)往返就要兩個小時。途中,會通過鄉間小路,天氣好的時候,景色仍是不錯的。

01YdIaE9rDJY.small

你之後有什麼打算?

在家待着膩了,再去工做,找份工做,體驗一下上班的感受,我還沒上過班呢,不知道上班什麼感受。


更多精彩,加入圖靈訪談微信!

圖片描述

相關文章
相關標籤/搜索