設計師在四個月內學寫程式並發表了第一個 app

timing

http://www.inside.com.tw/2015/03 ... -an-app-in-4-months

在設計師社群平台 Dribbble 上，每天都有許多 UI 或視覺作品上傳，他們往往精美得令人垂涎，讓人恨不得馬上打開模擬的「網站」或把 app 裝進手機裡，可惜如果沒有程式讓它們「動起來」，就永遠只是可以遠觀而不能褻玩的概念。匈牙利設計師 Zoltan Hosszu 設計的 Google Analytics app「GAget」雛形也在上頭得到不錯的迴響，不過他並不因此而滿足，有了骨肉，就為它注入靈魂吧！

其實就如很多對美感細節要求嚴苛的設計師一樣，2011 年 Zoltan Hosszu 最初動手自己來的動機，也是因為遍尋不著任何一款他鍾意的 Google Analytics OS Mac 版的小工具（widget），不是太技術宅，就是資訊過少，於是「自己的工具自己做」，他用了僅有的 HTML、Javascript 知識，開發了人生第一個會動的程式「GAget」，沒想到還真的在設計師的圈子引發關注，連 MacStories、SwissMiss 等設計媒體都報導了這個 widget，匈牙利版的 PC World 雜誌甚至採訪了這位「素人」開發者，幾萬人下載了這個 widget。不久之後，在朋友的協助下，他們也開發了 iOS 版的 GAget。

不過蘋果去年發表 Yosemite 系統之後也中止了 Dashcode 的更新，GAget 的未來看似暗淡，然而蘋果同時卻也開放通知中心（Notification Center），讓開發者為其開發小工具，Zoltan Hosszu 欣喜若狂。不過同樣都是 widget，使用的語言卻是大不相同，這次他面對的是毫無概念的 Objective-C。對一個只熟前端與一點點 PHP 的設計師來說，那些莫名其妙的符號與語彙簡直像是在無字天書，把他折磨得半死，好像只能把腦袋砍掉重練。

在他放棄之前，突然想到蘋果伴隨 Yosemite 一同推出的新程式語言 Swift，Zoltan Hosszu 不顧網路上的技術神人苦口婆心奉勸「Swift 就是旁門左道，好好學習 Objective 才是正途」，開始閱讀蘋果官方文件。相較 Objective-C，Swift 對他來說如沐春風，不過就是稍微複雜一點的 Javascript 嘛。當然在學習的過程中他還是遇到不少難題，比如網路上多數教學都是針對 iPhone app，OS X 的付之闕如，但是數位時代天無絕人之路，GitHub 或開發者問答網站 Stack Overflow 都是這趟旅程的得力助手。

網路教學素材、問答交流網站、無數個不眠的夜晚，加上 800 人熱情參與測試，Zoltan Hosszu 身為設計師卻勇於變身開發者，第一個原生 app「GAget」只花了他四個月，就上架了。

相信很多設計師都被要求多少懂一點程式，不過能夠懂到憑靠自己的力量，寫出一個 app，肯定還是極少數。Zoltan Hosszu 對美的執著，讓他一頭栽入充滿未知的世界，畢竟找到有美感的開發者是種奢求，不如一切自己來，不僅職業技能值飆升，成就感也是不言可喻。你也是不想妥協的設計師嗎？Zoltan Hosszu 寫下了一些心得，為你在踏上程式之旅之前心理建設：

給予自己適度壓力

個人執行的專案很自由、不設限，可以慢慢琢磨，卻也因為沒有來自客戶與時間的壓力，經常流產。如果你是認真的想要做出成品，而不只是練習而已，最好為這個目標設定期限。Zoltan Hosszu 本來預計在一月底發佈 GAget，不過因為種種原因（蘋果的審核、以及其他中途插入的專案）還是拖了一個月的時間，但他也因此更加賣力的把「完成 GAget」從待辦事項清單剔除。給自己適度的壓力，才能激勵自己有始有終。

甘苦交替，但別輕言放棄

Zoltan Hosszu 發現，學習新的事物時，會有三個恆常循環的階段：興奮 => 掙扎 => 解決。

興奮：萬事並不起頭難，反而是最愉悅的時光。當你腦海中有一籮筐的鬼點子，每個點子好像都前途無限，一想到就躍躍欲試，而且擘畫了看似很完整的未來藍圖。你覺得衝勁十足，興沖沖的進行各種你已知的實驗，但不久之後，你就因為有限的知識而碰壁了。
掙扎：當你遇到第一個真正的難關，興奮之情與熱烈的動機迅速冷卻，你徹底迷失，不知道該怎麼做，這是非常絕望的階段，即使看了整整三頁的 Google 搜尋，仍舊手足無措。
解決：終於！費盡千辛萬苦，你終於把搞定那個難搞的問題，你的心情無比雀躍，像在空無一人的馬路上飛快馳騁一般，沒人擋得住你。你再次回到興奮的階段。

很多人在「掙扎」階段就放棄了，但請別忘記，這是一個循環過程，你終究會生出解決方法，度過難關。

其實除了 Zoltan Hosszu 自述的心得，另外兩個重要的關鍵是，先把作品放上社群網站上「試水溫」，有旁人支持是很重要的動力。但真正進入執行階段時，他也不讓自己被網路意見左右，縱使「大神」都說「Objective-C 才是正典」，但既然有另一種更簡單的方式可以達成他的目的，何樂而不為？如果他仍執著於 Objective-C，也許不是早就放棄，不然就是還卡在第 105 行程式進退不得。

你也是一個對美錙銖必較、寧可獨立開發 app 的設計師嗎？歡迎與我們分享您的作品與故事！

至於想要效仿 Zoltan Hosszu 的設計師們，可以參考他所搜集的 Swift 教材，開始作出自己的第一個應用程式吧！

報馬仔

    原文作者Zoltán Hosszú原職為設計師，只懂得一點 coding 的技巧，然後卻能在短時間內學習 coding 的知識例如 swift，最終順利地在 app 平台上推出自己的產品GAget。(以下作者簡稱我)

    我的成長背景

一直以來我都很喜歡電腦這玩意兒，我爸在我 8 歲時買了第一部電腦，它雖然只有 CRT 螢幕跟 DOS 系統，卻能達成我的任何指令。我覺得它實在有夠神，儘管我大部分時間都只利用它玩遊戲，我卻不自覺的研究起 PC 這個東西，且漸漸熟悉它的作業，最終大家只要有電腦上的問題都會來請教我。

快轉到 1999 年，那時候電腦才剛有 ADSL 線路、網路也才剛發達，我每天下午都在學校的電腦室消磨時光，那個時代最具代表性的程式就是<frame>，我開始學習寫 HTML 以及建立自己的網站 Zolee Site Millenium，它利用我們學校的伺服器運作，同時只能用 Frankensteinian URL 進入，網址大概類似這樣www.kkt.piar.school.gov.hu/~hosszu2。這次的經驗讓我了解到什麼是全球資訊網 (World Wide Web)，也被網路這東西驚艷住了。

往後的幾年，我也與我現在的團隊一起打造了不少的網站，畢竟我一向喜歡打造及設計網頁，然而之後我開始專注學習如何打造網站的視覺效果及增添實用性，而不是跟隨最新的科技潮流學習 coding 等技能，而是像素 (pixels) 及使用者經驗 (user-experience) 等方面技巧。

然而我現在卻是全職的用戶介面 (User Interface) 設計師，我不像其餘競爭者熟悉 Node、Angular 和 Bootstrap，但我要說我可是一點都不在意，儘管如此我還是會隨時更新我在 HTML、CSS 以及 JavaScript 等方面的知識。

    GAget 的萌芽史

在 2011 年時，因為DeviantArt的出現，我的網站終於有辦法拉皮整修一番，且我的訪客數也越來越多，然而讓我覺得唯一惱人的就是我無法及時的追蹤我的訪客，儘管有 Google Analytics 的幫助，我還是希望有一個簡化版的 app 能供我操作。但是我能找到的 app 不是設計太醜就是數據提供的過少，秉持一個設計師的驕傲，我決定自己依樣畫葫蘆做一個，並將我的設計貼在Dribbble。而後我發現這類分析的工具 app，其實只是由 HTML 加上 JavaScript 設計出來的產物，我開始精製我之前自己所做的仿冒品，畢竟這兩個程式是我最為熟悉的。

之後我的產品 GAget 就誕生了，其實它就是 Google Analytics widget 的縮寫，有點蠢但是卻成功了，並於 2011 年的 8 月推出。對於這項產品，我沒有想過大眾對於這項產品的迴響這麼大，包括 MacStories、SwissMiss 及一些部落格都使用我的分析介面，我的名字甚至出現在匈牙利版的 PC World 雜誌，這時我理解到我不能停止繼續研發這項產品。

現在 GAget 在 app 商店裡的下載次數達到 8 萬 4 千次，我朋友甚至還幫我弄一個 iPhone 的版本呢，所以看起來 GAget 的未來還挺光明的! 但是要讓 Apple 喜歡上 GAget，我必須要將 GAget 的程式語言改成 Apple 開發的 Objective-C，對此我真的是毫無頭緒；我甚至買了專門介紹 Objective-C 的工具書，打算好好鑽研它，但看不到幾個章節，我就放棄了。

又過了幾個禮拜，我依舊是零進度，我開始慌了，這時我發現 Apple 介紹了新的程式語言 Swift，它裡面教導 coder 如何學好 Objective-C， 於是我立刻下載並認真得研讀它，我對 Objective-C 的疑惑瞬間得到解答，也漸漸找出與這個程式的熟悉感，其時它就是比 JavaScript 更複雜的進階版。為了發展 GAget 的 iOS 和 OS X 系統，我收集所有相關的資訊，並一步一步的重新 coding 我的 GAget，最終我在 Yosemite 系統的 GAget 終於慢慢成型了。

當然也要謝謝 800 個 app 測試者，讓我終於能將 GAget 放到 App Store 上了!

基本上我覺得我能成就這些，最重要的地方就在於我給自己設一個 Deadlines，限時的壓力有助於我目標的達成。同時我還有一個獨到的見解，就是成功是伴隨著興奮、掙扎及解決的進程。

    興奮：當你有一個新點子正在慢慢萌芽時，你正處於興奮的階段，你會覺得前途無量且充滿著動力，但要記著你最終必定會遇到過不了的關卡。
    掙扎：當你到了過不了的關卡時，你會絕望並失心瘋地尋找一切可以解決的方法，這個階段當然是要告訴自己得努力撐下去，千萬不要放棄。
    解決：最終你總會找到解決方式以處理你難纏的問題，這時你會比平時還要充滿自信，這又讓你回歸到興奮的階段了。
http://buzzorange.com/techorange/2015/03/24/gaget/