转载

编程零基础的设计师如何在 4 个月内开发出来一款 App？

创见干货：

本文作者是一名设计师，对编程一无所知。然而在短短四个月的时间里面，竟然开发出来了一款人气极高的 App。想知道他是怎么做到的吗？他又有哪些切身的体会跟我们分享呢？

我是一名设计师，从对编程一无所知，到发布出来一款 App, 只花了 4 个月的时间。

这是一个有关 GAget 的故事，一款在 OS X 环境下的实现 Google 数据分析的小插件。好吧，我先直言不讳的告诉你。这个标题有点儿「标题党」的嫌疑，会让你产生误会。其实，我在 4 个月之前才开始学习 Swift 语言，而在此之前我是多多少少了解一点编程知识的。但是我从来没有在任何的平台上面开发过任何原创的 App。如果你想知道我是怎么做到这一切的，我可以讲讲这其中的原因。

回到过去

我从小就喜欢计算机。当我在 8 岁的时候我爸就给我买了第一台属于自己的电脑，我在看到它的第一眼时就深深的迷住了。当时这台机子还运行的是 DOS 系统，模糊的 CRT 屏幕，尽管质量不怎么样，但是它确实能够执行你想要做的一些任务！这就足以让那时的我为之目眩神迷了！当然，和其他很多孩子一样，我在上面做的最多的事情也就是玩儿游戏，不过也是通过游戏，我逐渐深爱上了整个的计算系统。我当时就开始学习了解台式机电脑是如何工作的，是如何使得一款程序能够运行的，最后身边很多朋友都来向我请教电脑问题。

很快，时间跳到了 1999 年。那时候是 56k 的拨号解调器以及 ADSL 宽带。当互联网逐渐从匈牙利兴起的时候，我仍然非常痴迷于电脑。每天下午的大部分时间，我都待在学校的机房里面浏览当时名叫「Geocities」类型的网站（注：因特网上的大型网站名称，由虚拟城市构成，向用户提供多种服务和咨询，用户可以建立并显示不同题材的网页。）那在当时我的眼中真的是美妙无比的网站，我想要成为打造这种网站的一员。

于是，我开始学习 HTML 语言，开始创建我自己的第一个网站。那时候正值 1999 年，正准备跨越千年，我就将其命名为了 Zolee Site Millenium。它运行在我们学校的服务器上，只有通过 Frankensteinian 的地址才能够浏览，这种地址就类似于 www.kkt.piar.school.gov.hu/~hosszu2 这样的地址。尽管有着种种的限制条件，但是我确信我真的已经存在于网络当中，我开始踏入了全新的名叫互联网的世界，并且征服了其中一个小小的角落，那种感觉真的棒极了。

之后的好多年里，我仍然深爱着游戏。我打了很多年的反恐精英，当反恐精英成为了最热门的游戏的时候，我还专门为自己的战队建了一个网站。但是我并没有在网站开发的路上继续精深下去，当时我正在学用户体验和界面设计，于是网站开发的风潮就这样与我擦肩而过了。

缘起

我在匈牙利宜家公司的做人机交互的全职设计师。对目前顶级的框架，比如 Node，Angular 以及 Bootstrap 完全不了解。不过我一直没有放弃 HTML，CSS 以及 JavaScript 相关领域的学习，闲暇之余自己私下里面搞搞个人的一些小项目。

在 2011 年的时候，我的网站大换样，整个设计重新做了一遍，并且在 DeviantArt 网站上得到了推介。之后的每天里，用户不断的到我的网站上浏览，我对此感到兴奋无比，但是我又在另外一方面感到沮丧。不是因为访客的数目，而是因为我根本没有什么途径来追踪查询他们。当时我就面临两个选择：要么我继续使用 Google Analytics，要么我需要一款简单的 App 为我服务。这应该是在 OS X 的操作面板上的插件工具。我当时按照这个思路就开始寻找了。

但是后来我发现当时市面上的这些插件也好，小工具也罢，要么都太丑，要么太不好用，有的甚至是没有办法给我充足的数据。所以作为一个设计师，我的头脑里自然而然的产生了一种想法，是不是我应该去想到一个最好的解决方案，并由此产生了一些设计思路，并将其发布在了 Dribble 上。

编程零基础的设计师如何在 4 个月内开发出来一款 App？

随之而来的是几十个点赞，这鼓舞了我，让我继续深入探索这个课题。于是我又发现当时现存的那些工具从本质上来说都是 HTML + JavaScript 的 APp，所以我开始非常认真的思考并真的动手开发。因为毕竟这是我曾经非常熟悉的两款语言。十几天后，一个能够运行起来的原型产品问世了！我给它取名是 GAget，（发音与 gadget 很相似），这个名字看上去有点儿傻，但是真的给人们留下了非常深刻的印象。

两个星期后，这款插件发布了出来，具体时间是 2011 年的 8 月份。

编程零基础的设计师如何在 4 个月内开发出来一款 App？之后大家所给出来的反馈真的是惊人的。MacStories,SwissMiss 以及好多不怎么知名的博客都推荐了 GAget，一份匈牙利发布的 PC World 杂志上面甚至都出现了我的名字！

接下来该干什么？

如今，这款插件已经得到了 84000 次的下载量，每个星期都被数千人在使用着。我还和我其中的一个朋友开发出来了一款 iPhone 版本。但是好景不长，当 Apple 发布了 Yosemite，并且中断了 Dashcode 的开发之后，GAget 的未来就开始显得有点儿暗淡了。

不过，正如那句老话：「上帝给你关上了一扇门，自然会给你打开另外一扇门。」Apple 为程序员开放了通知中心，使得程序员可以将小工具在那里显示！是啊! 也许我的这个小插件还能够继续辉煌下去！

我开始阅读 Apple 有关插件的一些文档。不过它们都是原生的 Objective-C 代码！这我可不想做！因为之前从来没有尝试过。所以我下定决心，GAget 需要转变成为一款原生的插件！

目前最大的问题是我不知道从何处着手。

接触 Swift

后来我忽然想起来，Apple 在推出了 Yosemite 的同时，还推出了一款全新的编程语言 Swift。这对于每一个人都是全新的。很多科技界的大佬明星们都在写文章谈论它，讨论它怎么糟糕，又或者是在你碰 Swift 之前应该首先学习一下 Objective-C 语言。这种热闹的景象使得我的目光投向了它的身上，我将其下载下来，开始阅读它的文档。

之后的感受犹如春风拂面！所有的代码都似曾相识，欧一些就像是稍微复杂一点的 JavaScript。我燃起了热情，开始照着教程里面的一些示范照猫画虎的开始了自己的编程之路。

我的主要目标就是在 OS X 环境下开发出来一款插件，但是大部分的教程都是集中在 Swift 语言本身，以及 iPhone 的 App 身上，所以我必须继续搜索有用的信息，我当时还有很多没有办法解决，急需获得解释的问题，比如：

一款插件工具和一个内置的 App 是如何进行信息传递的？（核心数据和 App 组）

我是否能够利用悬浮互动？（不行）

当我关掉其他插件的时候，我如何只打开其中的一排插件？（自动布局和一些手动的高度调整）

Apple 有关插件工具的文档让我开始在 GitHub 以及 Stack Overflow 上深度学习这些源代码，我花了数不清多少个小时想找出其中的答案。一路上，我把有用的一些链接全部收集起来，联系起来。我一点一滴的学习，最终，功夫不负有心人，这款 App 终于被我开发出来了！

编程零基础的设计师如何在 4 个月内开发出来一款 App？