啤酒和泰尔——2016年9月

迈克尔·凯利

每个月，来自Mozilla项目的web开发人员都会聚在一起讨论我们的附带项目和饮料，我们喜欢把这种情况称为“啤酒和啤酒”。

有一个wiki页面可用带有演示者列表，以及指向其演示材料的链接。还有一个录音可用由Air Mozilla提供。

主持人：Gopher Tessel

首先是主持人，谁分享了地鼠特塞尔，用于运行的项目地鼠服务器（在万维网之前流行的互联网协议）特塞尔Tessel是运行的小型电路板节点.js项目；Gopher Tessel读取连接到板上的传感器（例如温度传感器），并通过Gopher公开其值。它还可以控制连接到板上的灯。

groovecoder:Crypto:500 BC–目前

接下来是槽式记录器，他分享了一篇关于密码学历史的演讲预览。谈话基于Simon Sign的《密码簿》。提及的重要时刻和技巧包括：

  • 公元前499年：米利托斯的Histiaeus剃光了信使的头，在他们的头皮上纹身信息，并在他们的头发长回来后发送信息以隐藏信息。
  • 公元100年左右：山竹属植物的乳汁被用作隐形墨水，被热量激活。
  • 约公元前700年：密码棒
  • 公元前49年：凯撒密码
  • 公元1553年：维根埃密码

Benstenthal：家庭监控和天气跟踪

班斯特塔尔语接下来，他分享了自己的工作，制作了一个仪表盘，上面有他家里的天气和温度信息。Ben构建了几个基于Node.js的应用程序，从他家的气象站收集数据嵌套恒温器，和来自地下天气并将所有数据发送到流入DB商店。仪表板本身使用格拉瓦纳绘制数据，所有这些服务器都使用码头工人.

Node.js应用程序和Docker配置的存储库在GitHub上提供：

螃蟹厨师：ByeHolly

接下来是克雷格库克，共享了虚拟年鉴页面这是他向前队友霍利·哈布斯特里特·加尔（Holly Habstritt-Gal）致敬的告别词，他最近在另一家公司工作。该页面显示了几张照片，这些照片的边缘被剪掉，看起来像一个旧电视屏幕一样弯曲。这是在CSS中使用剪辑路径带有SVG公司-基于路径进行剪裁。使用的SVG也使用比例单位进行定义，这使得它能够针对不同的图像大小正确地扭曲和变形，正如页面中使用的各种图像所示。

彼得贝：反应笨重

彼得贝告诉我们反刍动物，用于查看中实现的Github问题的客户端反应。它是对马车，一个类似的客户端peterbe为Bugzilla bug编写。问题一直存在洛夫菲尔德（IndexedDB的包装器），以便应用程序可以脱机运行。客户端还使用弹性轮.js提供关于问题标题和评论的全文搜索。

肖布森：tic-tac-toe

最后一次是肖布森，共享一个小Tic-Tac-Toe公司上的游戏viewsourceconf.org网站当站点处于脱机模式并且您尝试查看脱机不可用的页面时显示的脱机页面。

如果你有兴趣参加下一场“啤酒和电话”活动，请报名参加dev-webdev@lists.mozilla.org邮件列表。提前一周发送一封包含连接详细信息的电子邮件。你甚至可以将自己添加到wiki中，并展示你的副项目！

下个月见！

豪华派对–2016年9月

迈克尔·凯利

每个月，来自Mozilla的web开发人员都会聚在一起讨论我们发布的工作，分享我们正在开发的库，结识新朋友，并谈论我们脑海中的其他事情。这是Webdev Extravaganza！会议对公众开放；你应该过来看看！

您可以查看wiki页面用于组织会议或查看会议记录在空中Mozilla。或者继续阅读总结！

航运庆典

发货庆祝活动是为了我们在过去一个月完成和部署的任何东西，无论是一个全新的站点，还是对现有站点的升级，甚至是一个库的发布。

调查Gizmo与谷歌分析的集成

首先是肖布森，他谈到了关于MDN公司这会提示用户留下关于MDN如何帮助他们完成任务的反馈。调查由主办测量Gizmo，调查中包含的自定义JavaScript将用户的答案返回给谷歌分析。这允许我们筛选用户的反馈，以回答类似“网站的哪些部分没有帮助用户完成任务？”这样的问题。

查看源脱机模式

shobson还提到查看源代码网站，由于服务工人。如果您曾经访问过这些页面，现在会缓存这些页面，如果您尝试在没有互联网连接的情况下查看这些页面，则网站上的图像会有脱机回退。

SHIELD内容签名

接下来是神话，他分享了这个消息诺曼底，的后端服务SHIELD（屏蔽），现在使用签名服务。签名通过内容-签名收割台。此签名将允许Firefox仅执行Mozilla批准的SHIELD配方。

开源公民身份

在这里，我们讨论了我们正在维护的库，以及我们需要为它们提供什么帮助。

尼奥

伊莱是下一个，他分享尼奥，用于设置新反应-基于零配置的项目。它安装和配置了许多有用的依赖项，包括网络包,巴别塔,重做,ESLint公司,引导程序，等等！Neo是作为一个命令安装的，用于初始化新项目或添加到现有项目中的依赖项，并作为一个单独的依赖项引入您需要的所有不同库。

圆桌会议

圆桌会议是其他地方不适合的讨论场所。

Standu.ps重新启动

上一次是pmac公司，他分享了关于他如何威尔克正在重写标准.ps服务使用Django公司和正在切换重写以使用github身份验证，而不是人格。他们有一个临时服务器设置，预计下个月会有关于新服务可用性的消息。

Standu.ps是Mozilla的几个团队使用的一项服务，用于在工作时发布状态更新，它包括一个IRC bot，用于快速发布更新。

如果你对Mozilla的web开发感兴趣，或者想参加下个月的Extravaganza，请订阅dev-webdev@lists.mozilla.org邮件列表收到下次会议的通知，并可能发送一条信息介绍自己。我们很高兴见到你！

下个月见！

啤酒和泰尔——2016年8月

迈克尔·凯利

每个月，来自Mozilla项目的web开发人员都会聚在一起讨论我们的附带项目和饮料，我们喜欢称之为“啤酒和
告诉”。

有一个wiki页面可用带有演示者列表，以及指向其演示材料的链接。还有一个录音可用由Air Mozilla提供。

渗透：PyJEXL

首先是渗透（那是我！），他分享了PyJEXL公司，实现JEXL公司在Python中。JEXL是一种基于JavaScript的表达式语言，它在应用于给定上下文时计算表达式的值。例如，语句2个以上的foo，当应用于上下文时，其中foo公司为7，计算结果为9。JEXL还允许定义要在表达式中使用的自定义函数和运算符。

JEXL实现为JavaScript库；PyJEXL允许您在Python中解析和计算JEXL表达式，以及分析和验证表达式。

pmac:rtoot.org

接下来是pmac公司，分享了rtoot.org网站，“三角真正可怕的管弦乐队”网站。这是pmac当地管弦乐队的静态网站，使用勒克托，一个易于使用的静态站点生成器。pmac强调的一个更有趣的功能是lektor的数据模型.他展示了lektor插件他写道，作为数据模型的一部分，增加了对CSV字段的支持，并用它来描述乐队的排练时间表。

站点部署为码头工人上的容器多库实例。Dokku复制了希罗库通过接受Git推送来触发部署的部署风格。Dokku也有一个很棒的让我们加密用于为应用程序设置和续订HTTPS证书的插件。

groovecoder:Scary/Tracky JS公司

接下来是槽式记录器，预览了他一直在做的一个闪电演讲，名为“在线跟踪你的可怕JavaScript（和其他技术）”。该演讲概述了网站可以用来跟踪未经您同意访问的网站的各种方法。给出的一些示例包括：

  • 阅读指向站点的链接的颜色，看看它是否是“已访问链接”的颜色（这在大多数浏览器中都已修复）。
  • 使用请求动画帧计算浏览器绘制链接所用的时间；访问的链接将花费更长的时间，因为浏览器必须更改其颜色，然后将其删除，以避免以前的漏洞。
  • 将另一个网站的资源作为视频嵌入，以及浏览器尝试解析视频或解析视频失败所需的时间；时间较短表示该资源是从缓存中提供的，并且您以前见过它。
  • Cookie同步

groovecoder计划在几次本地会议上发表演讲夏威夷全力以赴他将在那里向Mozilla发表演讲。

rdalal：治疗师

达尔达尔是下一个治疗专家，一个帮助为Git创建健壮、易于配置的预提交挂钩的工具。它是通过亚马尔文件，并可以在提交代码之前运行任何想要运行的命令，例如代码linting或build命令。治疗师还可以检测哪些文件被提交更改，并只在这些文件上运行命令以帮助节省时间。

gregtatum：河流——随时间推移的路径

最后一次是格雷塔姆，分享了河流–随时间变化的路径。rivers的灵感来源于从伦敦All Hands返回时从上方看到的河流，它模拟了河流随时间的流动和变化。动画使用绘制的矩形绘制在2d画布上，然后随着时间慢慢淡出；随着河流位置的改变，这种缓慢的褪色产生了“滴水”渗入地面的错觉。

这个源代码因为该模拟在Github上可用，并且配置了几个参数，可以调整这些参数来改变河流的行为。

如果你有兴趣参加下一场“啤酒和电话”活动，请报名参加dev-webdev@lists.mozilla.org邮件列表。提前一周发送一封包含连接详细信息的电子邮件。你甚至可以将自己添加到wiki中，并展示你的副项目！

下个月见！

奢华–2016年8月

迈克尔·凯利

每个月，来自Mozilla的web开发人员都会聚在一起讨论我们发布的工作，分享我们正在开发的库，结识新朋友，并谈论我们脑海中的其他事情。这是Webdev Extravaganza！会议对公众开放；你应该过来看看！

您可以查看wiki页面用于组织会议或查看会议记录在空中Mozilla。或者继续阅读总结！

航运庆祝活动

发货庆祝活动是为了我们在过去一个月完成和部署的任何东西，无论是一个全新的站点，还是对现有站点的升级，甚至是一个库的发布。

诺曼底控制接口发布

首先是神话，他提到了诺曼底，后端服务器SHIELD（屏蔽）该系统支持Firefox中的调查和特性研究。此版本包含一个使用构建的新管理界面反应和重做以及切换到客户端目标的功能JEXL公司表达。

Socoro上的谷歌登录

接下来是彼得贝，谁提到的索科尔Firefox的crash-report服务在Persona计划关闭它计划在下周某个时间投入生产，并涉及一些额外的工作，以触发已登录一定时间的用户的自动注销。

DXR：彼得·埃尔默斯的民谣

埃里克罗斯是下一个，并分享了由开发的另一个新功能列表DXR公司实习生新建（_O）:

  • 文件列表中的描述列
  • 更好地处理路径中的空白
  • 修改日期取自VCS而不是文件系统
  • 每行责任链接
  • 过滤器下拉列表中的标记，显示支持每个过滤器的语言

开源公民身份

在这里，我们讨论了我们正在维护的库，以及我们需要为它们提供什么帮助。

django-jinja-markdown公司

接下来是pmac公司在缺席的情况下，谁想分享django-jinja-markdown公司，叉子精细降价。它添加了对渲染的支持降价使用呈现的模板中的HTML字符串django-jinja村通过降价过滤器，以及一个同名的模板函数。它还包括一个块级模板标记，可以通过将库添加为Jinja扩展来启用该标记。

json-schema-reducer

返回到彼得贝，分享了json-schema-reducer。基于Python的库接受JSON架构和JSON对象或dict，并返回仅包含模式中指定字段的JSON对象。该库的主要用例是获取Socoro崩溃报告和适合发送到Mozilla Telemetry平台进行分析的白名单数据，删除不打算离开崩溃报告系统的敏感数据。

圆桌会议

圆桌会议是其他地方不适合的讨论场所。

全球技术发展

最后一次是埃里克罗斯，谁提出了完成任务方法论，以及他最近是如何采用这种方法来帮助处理个人和职业时间管理的。视频录制包含对时间管理策略的扩展讨论，但讨论中强调的有用工具包括东西（仅限OSX），组织模式和老式的便签。

如果你对Mozilla的web开发感兴趣，或者想参加下个月的Extravaganza，请订阅dev-webdev@lists.mozilla.org邮件列表收到下次会议的通知，并可能发送一条信息介绍自己。我们很高兴见到你！

下个月见！

啤酒和泰尔——2016年7月

迈克尔·凯利

每个月，来自Mozilla项目的web开发人员都会聚在一起讨论我们的附带项目和饮料，我们喜欢把这种情况称为“啤酒和啤酒”。

有一个wiki页面可用带有演示者列表，以及指向演示材料的链接。还有一个录音可用由Air Mozilla提供。

莫比·冯·布里森：果酱圈

本周唯一的主持人是移动vb，分享了果酱圈这是一个允许用户一起播放音乐的网络应用程序。连接的用户加入共享房间，并将彼此视为连接到中心节点的圆圈。使用键盘（或者在支持它的浏览器中，使用任何支持MIDI的设备），用户可以播放频道中所有其他用户都能听到和看到的音符，这些音符是连接到中心的每个圆圈上的彩色线条。

该网络应用程序还包括一个编辑器的开始，该编辑器允许用户编写和弦进行曲，并与现场回放一起播放。

站点的实例已启动并正在运行jam-circle.herokuapp.com.看看吧！

如果你有兴趣参加下一场“啤酒和电话”活动，请报名参加dev-webdev@lists.mozilla.org邮件列表。提前一周发送一封包含连接详细信息的电子邮件。你甚至可以将自己添加到wiki中，并展示你的副项目！

下个月见！

豪华派对–2016年7月

迈克尔·凯利

每个月，来自Mozilla的web开发人员都会聚在一起讨论我们发布的工作，分享我们正在开发的库，结识新朋友，并谈论我们脑海中的其他事情。这是Webdev Extravaganza！会议对公众开放；你应该过来看看！

您可以查看wiki页面用于组织会议或查看会议记录在空中Mozilla。或者只是继续阅读总结！

航运庆祝活动

发货庆祝活动是为了我们在过去一个月完成和部署的任何东西，无论是一个全新的站点，还是对现有站点的升级，甚至是一个库的发布。

Basket切换到Salesforce

首先是pmac公司，他分享了这个消息篮子，电子邮件通讯订阅服务，已切换为使用销售人员作为存储新闻稿订阅的后端。此外，该服务现在有一个漂亮的公共DataDog指标仪表板展示有关服务执行情况的统计信息。

参与工程状态委员会

接下来是乔治，分享了状态.mozmar.org，一个状态页，列出了Engagement Engineering维护的所有服务的当前状态。状态板从死人的飞贼以及新遗迹的应用程序和合成材料监控。应用程序使用AWS兰姆达提取信息并将其写入亚马尔中的文件回购的gh-pages分支，状态页本身通过JavaScript读取YAML文件来构建显示。

DXR公司

埃里克罗斯停下来分享更多送来的酷东西DXR公司本月：

  • XBL和JavaScript的索引。
  • 索引32+个新项目
  • 添加了第三个生成服务器
  • 几项性能优化将构建时间减少了大约25%。
  • C++宏定义、方法重写、纯虚值、子结构等现在都被编入索引。此外，您现在可以轻松地在头文件和它们的实现之间跳转。
  • UI改进，包括对比度改进、新的文件名过滤器，以及直接跳转到查询的唯一结果文件。

特别感谢实习生新建（_O）和贡献者二比五和修道院还特别感谢MXR因安全漏洞而关闭，并允许DXR在其之后蓬勃发展。

1.0和1.1英寻

埃里克也提到了法索姆，一个从网页中提取意义的实验框架。Fathom允许您编写声明性规则，对DOM节点进行评分和分类，然后从它分析的DOM中提取这些节点。

本月，我们发布了1.0版本的Fathom，以及1.1版本，其中包含Firefox支持的错误修复和优化修复。它可以作为NPM模块用作图书馆。

圆桌会议

圆桌会议是其他地方不适合的讨论场所。

参与工程招聘–高级Webdev和站点可靠性工程师

最后一位是pmac，他想提及Mozilla Engagement Engineering团队正在雇佣一名高级Web开发人员和a现场可靠性工程师。如果您有兴趣在Mozilla工作，请单击这些链接在我们的职业网站上申请！

如果你对Mozilla的web开发感兴趣，或者想参加下个月的Extravaganza，请订阅dev-webdev@lists.mozilla.org邮件列表收到下次会议的通知，并可能发送一条信息介绍自己。我们很高兴见到你！

下个月见！

从git历史自动生成更改日志

库马尔303

在Mozilla，我们共享了许多开源库。当你使用别人的库时，你可能会发现升级会破坏你的应用程序，但为什么呢？浏览一下库的更改日志会有所帮助。然而，在为库构建功能时手动维护变更日志可能是一项挑战。

我们一直在尝试从提交历史本身自动生成更改日志，到目前为止，它使更改日志变得简单而轻松。以下是设置方法。这些工具需要节点JS所以它最适合JavaScript库。

首先，您需要以允许提取变更日志元数据的方式编写提交消息。我们使用角度约定它指定简单的前缀，如壮举：用于新功能和修复：用于错误修复。以下是添加新功能的提交消息示例：

feat:在“run”命令中添加了“--timeout”选项

下面是一个错误修复示例：

fix:修复了“run”命令中的“TypeError:runner is undefined”

这个约定的优点是绿化管理员发送依赖项更新请求的pull已经支持它。

这方面的第一个问题是社会问题；您的所有贡献者都需要遵守约定。我们选择通过自动化来解决这个问题，如果测试不遵循约定，就会导致测试失败🙂 它也记录在我们的贡献.md文件。我们使用传统对白命令作为我们持续集成的一部分，以触发测试失败：

传统对白——来自大师

这里面有一个道理TravisCI公司只有不创建主分支的浅层克隆。这可能是很快固定在线头上但在此之前，我们必须将此添加到我们的.travis.yml文件:

好了，现在每个人都在写语义提交！我们可以在每次发布之前使用传统汉语工具。因为我们采用了Angular约定，所以在标记之前，我们这样运行它，以获得未发布的更改：

常规变更日志-p角度-u

这会刮去我们的提交日志，忽略合并，忽略琐事（例如依赖项更新），忽略文档更新，并生成链接到git提交的功能和修复的Markdown列表。示例：

###错误修复*修复了“run”命令（[abc1abcd]）中的“TypeError:runner is undefined”(https://github.com//))###功能*在“run”命令中添加了“--timeout”选项（[abc1abcd](https://github.com//))

如您所见，我们还确保用过去时编写提交消息，以便它作为历史变更日志更自然地阅读。您可以随时编辑自动生成的更改日志，使其更具可读性。

这个传统汉语该工具可以更新README.md文件，但对于我们来说，我们只需将Markdown粘贴到github版本中，以便它显示在每个版本标签的旁边。

就这样！工具中有很多选项可以自定义linting提交或changelog生成。

豪华派对–2016年6月

迈克尔·凯利

每个月，来自Mozilla的web开发人员都会聚在一起讨论我们发布的工作，分享我们正在开发的库，结识新朋友，并谈论我们脑海中的其他事情。这是Webdev Extravaganza！会议对公众开放；你应该过来看看！

您可以查看wiki页面用于组织会议或查看会议记录在空中Mozilla。或者继续阅读总结！

航运庆祝活动

发货庆祝活动是为了我们在过去一个月完成和部署的任何东西，无论是一个全新的站点，还是对现有站点的升级，甚至是一个库的发布。

Okta SSO修复加载项

首先是肖布森，分享了MoCo SSO推特，一个Firefox插件，使Okta SSO流更好。除此之外，它会自动调整验证码字段的焦点，使Enter提交验证码表单，并可以选择自动选中“记住设备”复选框。

ViewSourceConf.org网站

接下来是胡斯蒂诺，分享了viewsourceconf.org网站是2016年版View Source的网站，这是Mozilla运营的一个网络会议。站点由静态生成金属史密斯并利用了几个插件，包括模型插件和模板插件对于Swig（游泳）模板。

肖布森在现场的前端工作。它有意避免使用jQuery（jQuery）并使用SVG实现较小的图像文件大小和轻松的视网膜支持。未来该网站将使用服务工人启用站点的脱机访问，尤其是时间表。

Air Mozilla时间表

彼得贝顺便来聊一下他添加的时间钉支持空中Mozilla时间钉是特定时间戳下视频的单个屏幕截图；转码过程生成了一系列时间钉，并在每个视频的章节编辑界面中提供，以帮助找到标记视频中章节的良好过渡点。

该网站还计算时间钉之间的差异，并允许用户筛选时间钉列表，以仅显示在给定阈值以上的上一个时间钉之间存在差异的缩略图。

DXR公司

接下来是埃里克罗斯，分享了一系列新的变化DXR公司:

  • 现在根据搜索文本是否为混合大小写来推断大小写敏感性。
  • 支持XPIDL
  • 内存使用减少20%
  • 改进了C++分析，包括模板支持。

多亏了新建（_O）和汤姆·克莱恩感谢您做出这些改进！

第3.1.2页

埃里克还提到第3.1.2条已退出，支持管道8.1.2.

法索姆

埃里克最后提到的是法索姆这是一个从网页中提取意义的实验框架。您为它提供了对DOM节点进行评分和分类的声明性规则，作为回报，它将解析网页并根据给定的规则对页面中的DOM节点进行排名。然后，可以通过各种方式从该排名中提取节点，例如查找特定属性的最高级别节点，或查找彼此接近的相似分类节点的簇。

Bugzilla中可读的Bug状态

主持人和迪伦想（缺席）分享可读错误状态emceeaich一直在开发的软件包已经部署在上面bugzilla.mozilla.orgFirefox、Core、Toolkit和BMO产品中的错误。Readable Bug Status有助于使用多个字段中的信息总结Bug的状态。

基岩+咽喉

接下来是pmac公司谁分享了这个消息基岩已切换到使用吞咽帮助管理其前端构建和开发过程。该网站以前依赖django管道完全是为了管理其静态资产，但在开发过程中遇到了构建速度慢的问题，因为django-pipeline没有监视哪些文件发生了更改，只是在每个页面视图上触发了一个完整的构建。切换到gulp允许站点仅重建已更改的前端文件，并在更改后立即构建这些文件，而不是按需构建。

有关更多详细信息，pmac写了一份博客帖子描述交换机。

开源公民身份

在这里，我们讨论了我们正在维护的库，以及我们需要为它们提供什么帮助。

谷歌分析非Web请求的页面视图

peterbe分享了一个博客帖子他写了一篇描述如何使用掠夺将页面视图数据发送到谷歌分析。这对于跟踪不返回网页但仍被视为站点公共API一部分的端点的使用情况很有用。

域切换程序

彼得贝也分享了域切换程序以及允许您在域之间轻松切换，同时保留当前路径的附加组件。对于那些希望在生产、暂存、开发和本地托管的站点实例之间切换的站点上工作的web开发人员来说，该插件非常有用。

新员工/实习生/志愿者/贡献者

在这里，我们向Webdev小组介绍任何新成员，包括新员工、实习生、志愿者或任何其他形式的贡献者。

姓名 角色 工作
本顿案件 实习生-网络开发人员 附加建议

如果你对Mozilla的web开发感兴趣，或者想参加下个月的Extravaganza，请订阅dev-webdev@lists.mozilla.org邮件列表收到下次会议的通知，并可能发送一条信息介绍自己。我们很高兴见到你！

下个月见！

Django、Pipeline和Gulp

保罗·麦克拉纳汉
亚历克斯·吉布森

基岩，背后的代码网址：www.mozilla.org，是一个很大的Django公司项目。由于它所服务的独立页面的数量和多样性，它大多很大。这些页面附带了数量惊人的静态媒体（css、js、图像、字体等）。因此，我们用来处理所述媒体的任何系统都应该是高效的，以保持我们的开发服务器快速运行。

我们喜欢django管道用于管理生产中的静态媒体。它在捆绑、缩小和压缩css和js方面做得很好。然而，当在开发环境中使用它时，它的伸缩性不好。问题是它不会监视文件的更改，所以它所能做的就是在每次加载页面时将所有文件从源目录复制到静态目录。对于数量合理的文件来说，这可能很好，但正如我所说，我们的文件并不是这样。在非linux系统（如OSX）上的Docker等I/O环境较慢的情况下，这一点非常恼火。我们还无法设置一个可接受的基于Docker的本地开发环境，因为渲染主页可能需要几分钟的时间。

由于上述所有问题，我们一直在寻找处理静态媒体的其他方法。我们已经考虑过几次转移到完全基于nodejs的系统这将完全独立于Django一方，将来可能还会这样做，但问题始终是范围和影响。同样，由于项目太大，进行影响工作流和所有静态文件的彻底更改可能需要花费大量时间，并且在它们到达时会造成很大的中断。所以很长一段时间以来，我们都认为自己陷入了困境。但最近IRC中开始的对话关于能够只禁用django管道的文件复制。如果我们能做到这一点，我们可以使用gulp-watch在编辑这些文件的同时更快、更高效地管理这些文件，并且仍然可以从生产中获得django-pipline的好处。事实证明其他人已经有了这个想法主要是我们需要升级django管道.

之后，只需在Gulpfile中添加一个任务：

吞咽.任务('媒体：观看', 功能 () {
    返回吞咽.型钢混凝土('./媒体/**/*')
        .管(看('./媒体/**/*', {
            '冗长的': 真的
        }))
        .管(吞咽.目的地('./静态'));
});

但现在不得不打开两个shell仍然有点奇怪，一个用于吞咽任务，另一个用于Django开发服务器。所以我们做了一点更大的魔术，现在有一个命令来启动文件监视和Django服务器，它将两者的输出组合在一个终端中。

吞咽.任务('服务：后端', 功能 () {
    无功功率，无功功率devServer端口=过程.环境价值.港口|| 8000;过程.环境价值.巨蟒= 1;过程.环境价值.蟒蛇写入站点代码= 1;产卵('蟒蛇', ['管理.py', '运行服务器', '0.0.0.0:' +devServer端口], {标准偏差: '继承'
    });
});吞咽.任务('违约', 功能() {吞咽.开始('服务：后端');吞咽.开始('媒体：观看');
});

你可以查看完整的gulpfile.js如果你愿意的话，可以在我们的Github回购中进行。这是一个简单但非常有效的更改，并且在本地开发服务器的速度上有了非常显著的改进。现在我们希望最终能够完成并推荐Docker作为基岩上本地开发的默认设置.

豪华套餐——2016年5月

迈克尔·凯利

每个月，来自Mozilla的web开发人员都会聚在一起讨论我们发布的工作，分享我们正在开发的库，结识新朋友，并谈论我们脑海中的其他事情。这是Webdev Extravaganza！会议对公众开放；你应该过来看看！

您可以查看wiki页面用于组织会议或查看会议记录在空中Mozilla。或者继续阅读总结！

航运庆祝活动

发货庆祝活动是为了我们在过去一个月完成和部署的任何东西，无论是一个全新的站点，还是对现有站点的升级，甚至是一个库的发布。

诺曼底，配方服务器

首先是渗透（那是我！），分享这条新闻诺曼底已发货！Normandy是一项服务，它将最终为Firefox的几个功能提供支持，这些功能包括与用户交互，快速安全地测试Firefox更改，例如推荐可能对用户有用的功能或提供尝试更改的机会。现在该服务正在供电心跳正在向发布用户发送调查。

非常感谢用户支持和网络工程团队为该项目所做的工作！

MDN保存草稿功能

接下来是肖布森谁谈论过MDN公司的安全草稿功能。编辑MDN文章时，网站会自动将您的编辑保存到本地存储（如果可用）。然后，当您稍后重新访问编辑界面时，该网站会允许您恢复或放弃草稿，在做出决定之前禁用自动保存。未来的改进可能包括预览草稿和在保存草稿后文章发生更改时通知用户。

Air Mozilla缩略图

彼得贝停下来谈谈空中Mozilla的章节功能，允许用户标记和链接到视频中的片段。该网站现在自动生成章节缩略图，以帮助预览章节内容。

圆桌会议

圆桌会议是其他地方不适合的讨论场所。

Docker开发环境

最后一次是jgmize公司，他询问了使用码头工人用于轻松的开发环境。普遍的共识是，在场的大多数开发人员都尝试过使用Dockerized开发环境，但倾向于仅将其用于部署的服务，或者根本不使用。

使用Docker进行开发或部署的一些有趣项目包括：

看看他们！

如果你对Mozilla的web开发感兴趣，或者想参加下个月的Extravaganza，请订阅dev-webdev@lists.mozilla.org邮件列表收到下次会议的通知，并可能发送一条信息介绍自己。我们很高兴见到你！

下个月见！