作者跟web开发方面的诸多大牛进行了交流,了解到他们的研究动向,从访谈中可以看到各种风格的开发者,有浏览器控,有设备控。我想,知道行业里的优秀成员在做些什么以及用些什么对于我们或许会有一些用处。另外原文作者还采访了我的偶像Lea Verou,所以忍不住花了一天时间将此文翻译出来与大家共享了,不足之处还望多多批评指正!以下是正文。
在Web开发领域,我们通常会花一些时间关注行业大牛的动态,比如他们开发所用的一些工具或者类库,看他们写的技术文章,学习他们学过的一些酷霸狂旋拽的技术,甚至参加一些新语言的发布会。如果能够知道这些大牛正在关注些什么,以及他们开发时应用的工具,那必定是极好的。
关于这些问题,我访问了Web开发领域的一些闪亮明星。这些人在web开发领域都有着突出的贡献,并且得到业内的极高评价,他们通过自己的代码,文章以及领导力推动着Web开发的发展。你可以在下文中的简介部分了解更多他们的详细信息。
这些牛人非常忙碌,因此,我把问题缩减到了四个:
- 你的开发工作主要关注点是什么?
- 你进行开发工作时所用的硬件设备是什么?
- 你用什么编辑器或者IDE?
- 你的日常生活中必不可少的软件是什么?
在下文就有他们的回答,或许从这些回答中你可以发现一些更有利于你的开发工具。你会发现一些有一些通用的工具(如Sublime Text)以及一些至少对我来说很新的工具。
Scott Gonzalez
简介:我是一个web应用程序开发人员,主要致力于JavaScript。2007年开始为jQuery效力,目前是jQuery UI的项目经理。我比较活跃的社区有Node.js,WHATWG和W3C。Scott的Blog和Twitter。
Q 1. 你的开发工作主要关注点是什么?
Web开发,只要是客户端的JS以及Node.js
Q 2. 你进行开发工作时所用的硬件设备是什么?
MacBook Pro.
Q3. 你用什么编辑器或者IDE?
Sublime Text, 搭配插件TrailingSpaces(可以高亮空格并瞬间删除),Pretty JSON,GitGutter 和 Markdown Preview。
Q4.你的日常生活中必不可少的软件是什么?
Git, GitHub, Apache, Chrome, Linkinus, Skype, Node。
Raymond Camden
简介:Raymond是一个Adobe中级开发布道者。他的工作主要侧重于web标准,移动开发以及ColdFusion。他出版了一些作品,并且在很多会议和group中发表了很多主题演讲。Raymond的Blog和Twitter。
Q 1. 你的开发工作主要关注点是什么?
我的开发工作主要侧重于web标准,Adobe的Creative Cloud(侧重于HTML tools)以及客户端开发的“non-sexy”部分。我欣赏CSS,不过我对storage,JavaScript以及表单更感兴趣。
Q 2. 你进行开发工作时所用的硬件设备是什么?
我的硬件设备是MacBook Pro。因为我需要做很多的移动端开发,因此,我会在iPhone,Android phone以及各种平板(tablet)上面进行测试。比较诡异的是,我每天要用的唯一一件微软的硬件产品就是我的键盘。我用“Natural”键盘已经有15个年头了,我对它们已经上瘾了。
Q3. 你用什么编辑器或者IDE?
我的编辑器是Brackets,它是一个开源的编辑器,我们用了大约一年。它和Chrome可以很好的绑定,并且具有酷毙的扩展性能。
Q4.你的日常生活中必不可少的软件是什么?
Browser,我的编辑器,Tweetdeck以及Evernote(我用Evernote记录我所有的事情,包括项目资料以及一些零碎的事情)。
John-David Dalton
简介:JDD 是jsPerf/Benchmark.js的共同维护者,是ES5规范的布道者,JavaScript 库的爱好者,两度获得微软IE testing的MVP。在微软负责Chakra performance项目。JDD的Github和Twitter。
Q 1. 你的开发工作主要关注点是什么?
简单的实用工具库。我是一个工具库的忠实粉丝,并且热衷于围绕他们进行开发。
Q 2. 你进行开发工作时所用的硬件设备是什么?
我工作的装备是Win8和IE10。我个人的开发设备是13’’ 的Macbook Pro,OS X10.7.5,2.3GHz 处理器,8GBs的内存。
Q3. 你用什么编辑器或者IDE?
我在OS X和Windows中用的都是Komodo Edit,最爱它的高级搜索功能,可以使用正则表达式和嵌套文件进行搜索。
Q4.你的日常生活中必不可少的软件是什么?
除了我的编辑器之外,我使用Total finder,我几乎拥有所有的浏览器:22个不同版本的Chrome,5个版本的IE,23个版本的Firefox,12个版本的Opear,以及6个版本的Safari。在我发布一个产品的新版本之前,我会确保这个产品在我声明的系统以及浏览器中运行顺利,这也是我为什么要拥有所有的浏览器版本的原因。其他的必备软件包括 Node,Ringo,Rhino以及Narwhat。
Stephanie Sullivan Rewis
简介:Stephanie 是Contatta的董事,负责web运营战略以及市场营销。作为前端开发工程师,她在多个国际性会议上都有演讲,包括HOW Design,UI16,An Event Apart, Microsoft’s MIX, Macworld, SXSW, Adobe Max 等等。她出版过自己的作品,主要负责W3Conversions,并且与跨度很大的一些机构一起工作,包括Newsweek,MLB, New York Magazine, Adobe, SalesForce.com,甚至是 Disney’s “TRON” movie site。
Q 1. 你的开发工作主要关注点是什么?
我是一个前端开发工程师,但是因为参与Contatta新启动项目的关系,我有幸可以参与完成我们的新CMS项目,因此,我需要学习一些PHP的知识。
Q 2. 你进行开发工作时所用的硬件设备是什么?
我没有很特殊的装备,我个人的开发设备是17’’ 的Macbook Pro(我没有升级装备,因为不想降级使用15’’ 的设备)。如果我在工作桌前,那么我会使用外接显示器,我喜欢去类似Costco那样的大超市去买显示器,我不太偏爱高级装备,这样我就可以看到我的网站在普通用户眼中是什么样子的。
Q3. 你用什么编辑器或者IDE?
目前我日常开发用的是Sublime Text 2。如果Adobe的开源编辑器Brackets不断朝着它所描述的方向继续发展的话,我会选择尝试一下。我也会用Dreamweaver进行邮件相关的开发。
Q4.你的日常生活中必不可少的软件是什么?
除了我的编辑器之外,我通常会用CodeKit来编译我的Sass以及压缩CSS和JS文件。我用Git进行代码管理,使用Tower来提交代码。
我利用HipChat与团队中的其他人进行沟通。HipChat最好的一点就是它的Hu Bot,它可以自动部署我的代码,我爱我的bot!
我的设计师使用Fireworks,所以我有时会用它来打开图片,切图等等(没错,我知道Adobe已经不再更新Fireworks了,但是它可以满足设计师的需求。因此,将来我们需要将它与设计师痛苦分离)。我喜欢打开音乐播放器Spotify,通常我会根据心情以及正在从事的开发工作选择艺术家(今天,我选的是Hellsongs 频道)。
最后,我会给Chrome设定每天的work out,有时候会多达150多个标签。我用它来管理我必备的一些插件(1password,OneTab, ColorZilla, Cache Killer, and Dragdis, 等等),以及一些我需要不断维护的事情,如Google Analytics, MailChimp, SproutSocial, Google Docs,同时还有一些我正在进行研究的事情。
Christian Heilmann
简介:Chris Heilmann致力于让web变得更好。他的学科背景是新闻专业,1997年建立了自己的第一个网站,此后多年效力于多家大型国际性站点。后来在Yahoo工作了几年,从事产品开发和员工培训,目前在Mozilla工作。Chris撰写了四本web开发方面的书,并且发表了上百篇博文,他的文章广泛发表在Ajaxian, Smashing Magazine, Yahoo, Mozilla, ScriptJunkie等知名站点。
Q 1. 你的开发工作主要关注点是什么?
我主要的工作侧重点是确保有人接手我的工作的时候,能够很轻松地看懂我的代码并且方便地进行扩展。不幸的是,这是一项过时又耗时的不太有人愿意做的事。我认为从别人的工作中我们可以学到很多,并且我认为编写简洁易懂的代码比单纯的交付工作更加重要。
我关注的是web,不单单是某个浏览器或者操作系统。这就意味着你需要提高你的代码灵活性。灵活性意味着你的代码可以在这里运行,立刻运行,并且在未来需要添加新功能的时候可以很方便的进行扩展。我认为,经过16年的web开发,我们应该进入一个新的阶段,不要再把各种技术堆积在一起,并且不停地替换它们。
Q 2. 你进行开发工作时所用的硬件设备是什么?
Macbook Air,我经常需要跑来跑去,因此不适合携带大型的硬件设备。
Q3. 你用什么编辑器或者IDE?
Sublime Text2,很棒。
Q4.你的日常生活中必不可少的软件是什么?
Browser以及他们的开发工具,Git,an IRC client, Dropbox 以及 Spotify,我越来越多的使用线上的一些服务。
Ryan Grove
简介:Ryan Grove 是SmugMug的一个魔法师,YUI 评阅员,曾经是一家日本服装目录的少年模特。他喜欢pie,电影,老式帆船。
Q 1. 你的开发工作主要关注点是什么?
最近我的大部分时间用于SmugMugde的客户端JS组件以及新功能的开发。在课余时间,我写了很多Node.js的代码,偶尔也会写写Ruby。在SmugMug,我们的框架用的是YUI3,我也是YUI的核心评阅员,我为它贡献了一些代码,并且也审阅了其他提交者以及开发人员提交的一些代码。
在一些特定的日子,我有时候会写一些非开源的Smugmug代码,有时是一些开源的代码,或者是开源的YUI代码。我们尽可能多的开源我们的JS代码,其中有一些已经添加到了YUI框架中。
Q 2. 你进行开发工作时所用的硬件设备是什么?
我在家的时候用的是2.8GHz 四核 Mac Pro,配备16GB内存和SSD。搭配30’’ 的HP ZR39w 显示器,这样看大图以及视频的时候效果超赞!当我旅行的时候,携带的是13’’ 的Macbook Air(mid-2011, Core i7)。
我酷爱收集用于测试的移动设备。每款iPhone和iPad至少都有一台,多款Android设备,一台Windows phone以及一部Chromebook。
Q3. 你用什么编辑器或者IDE?
我用Sublime Text3来写所有的东西。I want to marry it and have its kittens。
Q4.你的日常生活中必不可少的软件是什么?
除了Sublime Text3之外,我的一些必备app包括JSHint,iTerm2,Adium,OS X messages,Tower,Dropbox and Rsync,Arq (for backup), Gmail, GitHub, 以及 Chrome。
SmugMug有很多远程工作者,所以我们利用Google Hangout开会以及进行面对面的交流。IRC也是一个重要的沟通媒介。SmugMug有自己的IRC服务器,我利用Colloquy iOS app来获取通知,当有人提到我的名字或者发送给我信息时,即使我不再电脑旁边我也可以收到消息提醒。
Charles, cURL, and the REST Console Chrome extension 在调试HTTP请求和调用API时必不可少。我超爱用Alfred来搜索我需要的资料。
Cody Lindley
简介:前端开发/UI/JS 工程师。热爱基督/人类/逻辑,热衷辩论,交流以及理性思维。已婚人士,三个男孩的爸爸。Cody的 Blog和Twitter。
Q 1. 你的开发工作主要关注点是什么?
我工作的主要是关注网站开发以及客户端web应用程序用到的前端代码(i.e HTML,CSS和JavaScript)。如果需要的话,我也会关注平板以及移动客户端的开发。
Q 2. 你进行开发工作时所用的硬件设备是什么?
我的开发装备是MacBook Pro,配备27’’苹果显示器,以及苹果无线键盘。
Q3. 你用什么编辑器或者IDE?
Sublime Text2。
Q4.你的日常生活中必不可少的软件是什么?
SmartGit, Sublime Text, Divvy, JumpCut, Google (search, gmail, drive, calendar), Skype, Terminal, Chrome, Tweetdeck, Parallels, Textual, Dropbox, Github, Assembla。
Luke Smith
简介:美国俄勒冈州波特兰市本土出品,天然草料喂养的纯有机web开发工程师。我很幸运能够在SmugMug与这个伟大的团队一起工作。说到伟大的团队,我之前在YUI做了5年的程序开发,现在仍然为这个项目做一些贡献。我的意思是为这个社区做贡献。Luke 的 Twitter。
Q 1. 你的开发工作主要关注点是什么?
我主要从事的是JavaScript的开发,日复一日。我更喜欢从事一些简单的API,基于事件系统,协议以及XHR/data IO 框架做一些抽象化的工作或者工具。我尝试着让API更加直观, 灵活,快速。基本指导原则就是至少要惊艳并且友好(surprize-friendly stuff)。与此同时,我也喜欢使用一些高级组件解决一些UI实现方面挑战。最重要的一件事情是,我喜欢尽可能的帮助别人。我希望自己可以在JS,DOM以及标准方面贡献更多。
Q 2. 你进行开发工作时所用的硬件设备是什么?
我有两台13寸的MacBook Air ,一台用于工作,一台个人使用。用于工作的Air外接一个22” 的POS显示器,搭配一个苹果键盘,以及一个神奇的触摸板(magic track pad)。我讨厌不分区的键盘布局,但是我更加喜欢它的按键的样式以及触感,因此我妥协了。我同样讨厌触摸板名字中的“magic”。
在Air出现之前我尝试过很多的笔记本,并没有产生特别的喜好。Air非常棒,是我使用过得最好的个人笔记本。顺便我要推荐一下Yapster耳机,性价比很高。
Q3. 你用什么编辑器或者IDE?
Vim
Q4.你的日常生活中必不可少的软件是什么?
必备:Terminal, Vim, Git, and Chrome (dev tools \m/)。
辅助工具:Shifter (for YUI stuff), Github’s pull request and issues systems, VirtualBox, and 1Password.
常用: Mail.app (for lack of a better client), Itsy (minimalist twitter client), Reeder, iOS Reminders app, and Adium.
Chris Williams
简介:Chris 是SaferAging产品开发的副总,同时也是JSConf US和RobotsConf的组织者。他是node-serialport的作者,JS Community Logo 的发起人,协助开发NodeBots和NodeCopter。他时常受到妻子以及两个宝贝孩子的鼓舞。
Chris的 JSconf 和RobotsConf。
Q 1. 你的开发工作主要关注点是什么?
我最近关注的是开发的整个环节。从硬件传感器的编程与开发,到高性能的服务基础架构与开发,也包括前端的信息展示。在一个礼拜的时间,我会从事焊接硬件,编写松鼠固件(squirrel firmware),检测以及升级服务器,开发新的用户界面和交互体验(不一定是基于web和视觉体验的)。所以要说明一个主要的关注点很难,因为这些技术对于我将要从事或者支持开发的产品同样重要。
Q 2. 你进行开发工作时所用的硬件设备是什么?
我所用的主要是苹果的产品,旅行的时候用MacBook Air,工作的时候用Mac Pro,在家的时候用Mac Mine,苹果的产品拥有一流的做工,并且视觉效果超好。
Q3. 你用什么编辑器或者IDE?
在不同的工作环境中我会选择不同的编辑器。在服务端,我会使用VIM。在本地设备上,我习惯使用Sublime Text 3,出于好奇心,我也会尝试使用别的编辑器。
我会使用一些插件(EJS,Emmet,Go,GitGutter,JSFormat,Squirrel)来帮助我实现语法高亮以及代码格式化。我觉得很多标准的IDE太过笨重,说实话,在用他们的时候我时常会迷路。即便是用Sublime,我也时常会混淆快捷键的组合,我想做的仅仅是完成我想要完成的,没有浮华,仅仅是在最短的时间内最优化的完成工作。
Q4.你的日常生活中必不可少的软件是什么?
Sublime Text 3,不过归结起来,一个原始的文字编辑器胜过任何东西。iTerms2和Fish shell节省了大量时间。Wunderlist提醒我各种待办事宜。除了这些软件,另外一件离不开的物品就是我的Das Keyboard,在任何其他的键盘上输入文字都让我感觉不自然不舒服。
Aaron Newton
简介:Aaron Newton是个万事通,样样都懂一点。创业老手,最近的创业项目是Cloudera,他目前在Thanx负责产品开发。他很早就参与了MooTools框架的开发,他编写了大量的教程,写过一本书,写过不计其数的JavaScript代码。
Q 1. 你的开发工作主要关注点是什么?
我目前是Thanx的产品经理,我是一个技术控,因此我会主持一些功能完善方面的讨论,同时也会进行代码审阅工作,我自己也会进行一些开发的工作。我们的产品主要是一款移动应用,我们有IOS版的原生app以及移动端浏览器可以访问的HTML5版本。在Android客户端中也有一款可以通过浏览器访问的HTML5版本。我倾向于开发HTML5版本,并且也会致力于开发传统的web端应用,开发一个操作面板供我们的用户以及我们内部使用。
Q 2. 你进行开发工作时所用的硬件设备是什么?
我最信任的MacBook Pro,所有的一切运行在AWS / Heroku上面。
Q3. 你用什么编辑器或者IDE?
最近在用Sublime Text。我曾经一度是TextMate的忠实粉丝,但是经过漫长的等待,TextMate仍然没有任何的技术更新。我喜欢Sublime的各种技术支持,不过导致我最终放弃TextMate拥抱Sublime的是两个功能,第一个就是分割试图(split views),另外一个就是闪电般的快速搜索。在TextMate上面进行搜索的体验类似于“我的程序正在编译,我可以出去喝杯咖啡。”
Q4.你的日常生活中必不可少的软件是什么?
除了浏览器Chrome之外,其他的一些工具包括:Cloudapp,Jing,Sequel Pro,Jumpcut,Total Terminal,GitX。
Ben Cherry
简介:Ben住在美帝三藩市,主要关注Ruby和IOS开发。之前他启动了一个基于IOS和Node.js的创业项目,不过失败了,在这之前他在Twitter和Slide上面写JavaScript的一些东西。他维护了一个有关JavaScript的技术博客:http://www.adequatelygood.com 。Ben的 Blog和 Twitter。
Q 1. 你的开发工作主要关注点是什么?
我花了3年的时间为Slide和Twittter写了大量的JavaScript,最近我致力于IOS以及Ruby开发,偶尔会写写JavaScript。
Q 2. 你进行开发工作时所用的硬件设备是什么?
13’’ 的Retina Macbook Pro,搭配27寸的Thunderbolt显示器。
Q3. 你用什么编辑器或者IDE?
Sublime Text 2,超爱它!
Q4.你的日常生活中必不可少的软件是什么?
SublimeText 2, iTerm 2, Google Chrome, 1Password, Gmail, Flipboard, Twitter, Facebook, Reddit。
Jacob Thornton
简介:我在@medium上面写一些代码,我开源了一些项目,比如Bootstrap和Bower。我常常会做一些演讲,有时候也会写写web的一些东西。
Q 1. 你的开发工作主要关注点是什么?
我的大部分在时间是用于前端开发工作(JS/CSS/HTML),我也会进行一些工具开发以及少量服务器端的工作。此外我也在尝试提高我的可访问性——通过拜见这一领域的大牛,比如Paypal的Victor Tsaran和Joshua Miele。
Q 2. 你进行开发工作时所用的硬件设备是什么?
我在家中用的是15’’ 的Macbook Pro 以及 13’’ 的Macbook Air。我在不同的设备上进行大量的测试,包括:iPad,iPhone,Android平板,Android phone,黑莓甚至是Windows 平板(原文是Windows slate)。
Q3. 你用什么编辑器或者IDE?
我现在用的是Sublime Text 2。我之前用的是Vim,但是我发现其他的前端开发者并没有很好的用它,并且它用起来很古怪,我用的时候老是来回切换。说实话,我是个电脑白痴…我认识很多的工程师,他们把电脑玩得炉火纯青,并且灵活运动各种编辑器的个性化配置,但是对于这些我并不在行。
Q4.你的日常生活中必不可少的软件是什么?
Rdio,没有了音乐,我一无是处。
Lea Verou
简介:Lea 是W3C的开发者布道师。她长期致力于开放web标准,为了实现这个目标,她不断开发新的方法来应用这些标准,通过博客,演讲,写作,以及编写开源项目来帮助其他的开发人员更好地运用web标准。她也是CSS工作组的成员,参与设计这门语言。
Q 1. 你的开发工作主要关注点是什么?
关于客户端的所有技术。我从事的是HTML,CSS,JavaScript甚至是设计以及UX方面的工作。我热爱CSS,这种热爱在我加入CSS工作小组之后变得更加强烈。
Q 2. 你进行开发工作时所用的硬件设备是什么?
我去年六月买了13’’ MacBook Air,超爱它。它的触摸板在过去几个月有点问题,不过最近已经更换并且修好了。因此,我又爱上了我的lil’s MacBaby (这是女神赐给Air的昵称~~)。
Q3. 你用什么编辑器或者IDE?
Espresso。我知道有很多更好的编辑器,不过它整合FTP的功能非常棒!
Q4.你的日常生活中必不可少的软件是什么?
Native apps: Espresso, Transmit, CodeKit, Adobe Illustrator, Chrome, Safari, Firefox, Opera, WebKit nightlies, Chrome Canary.
Web apps: Browserstack, Dabblet, copypastecharacter.com, css.coloratum.com, Workflowy, and Github.
Jonathan Snook
简介:Jonathan Snook是Shopify的一个web设计师/开发工程师,他爱说,爱写,并且运用所有的智慧开发网站。Jonathan的 Blog 和 Twitter。
Q 1. 你的开发工作主要关注点是什么?
最近我主要在进行前端开发工作,HTML/CSS/JavaScript。
Q 2. 你进行开发工作时所用的硬件设备是什么?
我的主要开发装备是11’’ MacBook Air。当需要进行测试时,我会尽可能在真实的测试设备上进行测试。我有一台三星的平板,系统是Windows8,有一台Nexus 7,一台iPad Mini,一部iPhone以及一部更老的装载WebOS的手机。目前还没有黑莓的手机设备。对于IE6到IE9的测试,我使用的是VMWare,分别配合Windows XP, Windows 7 和 Windows 8 VMs。
Q3. 你用什么编辑器或者IDE?
Vim。它用起来超级顺手,并且当我远程登录Linux机器的时候,我喜欢用一些熟悉的工具。
Q4.你的日常生活中必不可少的软件是什么?
Vim和Chorme。我现在越来越多地用Google Docs。Google在提升他们的工具方面做得很棒!我已经开始在购买Google全套的工具。
Peter Wagenet
简介:Peter从事web应用开发将近15年了,目前就职于Ember,之前在SproutCore团队工作。他在Ruby on Rails方面也有丰富经验,同时也涉足IOS开发。他最近在Tilde项目上的工作成果可以通过Skylight查看。Peter的 Twitter。
Q 1. 你的开发工作主要关注点是什么?
我每天大部分的工作时间都在从事Ember的开发。目前,我每周有两天的时间用于Ember项目,其他的时间用在Tilde的项目上,主要是Skylight,它是一个Ember的客户端,后台语言是Rails。它也有一部分组件是Java构成的,不过我并不从事这一部分。
Q 2. 你进行开发工作时所用的硬件设备是什么?
我用的是MacBook Air,2GHz Core i7 和 8GBs of RAM,搭配一个27寸的显示器。
Q3. 你用什么编辑器或者IDE?
我最近在用的是Sublime Text3。一开始是用TextMate,那是我的最爱。不过等待TextMate2的时间太久了,所以就改用了VIM。VIM的键盘绑定功能让我着迷,然而它的插件体验让我感觉不爽。对于我来说,Sublime的快捷键可以满足我用VIM时95%的键盘绑定功能,它的插件体验更好,并且这款编辑器更加优美。我不认为使用一个成熟的IDE会使我的编程效率大增,对于我来说,代码自动补全已经够用了。我用过的唯一一款成熟的IDE是Xcode,当我用它的时候,老是会忘记键盘快捷方式。
Q4.你的日常生活中必不可少的软件是什么?
我常用的浏览器是Chrome,我听说Firefox中添加了很多很酷的开发工具,因此,我可能会被说服而改用Firefox。对于通话和沟通联系,我常用的是Adium for AIM, GTalk, IRC and Flint for Campfire。我仍然在用普通的邮件客户端以及基本的Twitter客户端。我并不是一个工具狂,但是最近我爱上了Divvy,1Password也是必备软件。因为我的菜单栏中有很多项目,因此,Bartender也必不可少。
总结
看了这么多,相信你已经大致了解了web开发领域的大牛们每天都在用哪些技术以及工具。在此,我们想对全体参与访问的Web开发者大声说一句“谢谢!”。