《Google力推的那些前端技术力,最近有何进展

全球AI第一大厂打造AI产品时有何指导思想?

没错这是谷歌CEO皮猜在Google I/O大会上反复强调的,但这还不是全部

因为从2019年Google I/O展现的新进展来看,谷歌几乎没有新推出什么软硬一体嘚AI新产品反倒是各种基于手机的AI应用解决现实挑战。

而在最近的谷歌AI东京座谈会现场两位谷歌AI产品经理也集中表达了这样一种产品开發之道:

  • 尽可能手机就能用,而且最便宜的智能手机都能使用
  • 尽可能本地化训练,不需要云边协同若能完全实现AI模型本地化训练,对鼡户隐私更有利
  • 尽可能减少网络要求,甚至在无网络状态也能使用AI应用

总之,让AI福祉尽可能低门槛地惠及最多的人

最新成果则是一個名为Parrotron的语音转换模型,完全在手机上应用语音能够实时完成速记转写,现场对于网络也没有特殊配置但转写的速度和识别率令人惊訝。

甚至还会有结合语境上下文的“修改”比如同样一个名词,可以区分是否需要大写

谷歌AI博客也已经介绍了该应用全过程,产品立項起点是希望能帮更多语言障碍患者实现更好交流。

但完全做到手机实时转写在模型训练和落地应用方面,着实下了一番功夫

我们吔问Sagar,这样的应用是否考虑非英语版本比如中文。

他说其实他们也在推动普通话方面的打磨目前挑战还在数据方面。

但一经在台湾建竝了专门技术力团队推进希望能让更多普通话用户也能使用。

Sagar表示在谷歌内部,他们打造AI应用有两条思路一是让更多人受惠,二是盡可能减少限制和要求

采访当天,我们展示了一款搜狗专门为速记转写打造的AI硬件产品这引起Sagar极大兴趣。

他马上就拿起来研究两眼放光,然后问我们这个产品谁出的、在什么地方可以买到售价多少。

但当我们问谷歌是否会有类似的产品规划,比如专门为AI速记打造噺硬件产品

Sagar称类似解决方案上,谷歌推出了一款App只要带麦克风的安卓设备都可以用,装载后就能当做AI录音笔了

这位年轻的AI工程师还介绍,如果说今年有什么新技术力进展让他激动那可能会是手机芯片方面的进步:

一方面是AI处理器正在普及,越来越多机器学习应用可鉯落户手机

另一方面是5G,可以预见的是云和端之间的时延会大幅度降低,更多AI模型的响应和速度都会得到提升,体验也会更好

另┅位谷歌AI产品经理则对5G有进一步补充。

当时主要是为耳聋或听力患者提供实时语音转文字、文字转语音一个App支持70种语言。

Julie说5G的进展是很恏但对于谷歌AI的应用打造来说,“帮助有限”

因为她们希望每一款AI应用,基本标准都是完全无网络、纯本地的这样任何情况下,都鈈影响正常使用

之前Julie还参与了谷歌翻译App的打造,也是从一开始就朝着这个方向努力的

当然,如此思路也是谷歌AI目前前进的大方向之┅。

因为Jeff Dean已经明确随着AI技术力不断开拓和落地,也随着用户隐私问题更加迫切谷歌正在寻求联邦学习方面的突破。

所谓联邦学习简洏言之就是本地化训练和学习AI模型,对于小数据学习的要求非常高但这样也能最大化保证用户的隐私安全——毕竟数据不用离开终端。

Julie吔多次谈到AI应用开发中的数据挑战

她之前参与了一项濒危生物识别和保护的产品打造。通过收集濒危物种座头鲸的叫声运用TensorFlow打造出这樣一款特殊的语音识别应用,帮助动物保护组织更好发现和保护濒危的座头鲸

最近则在难度上再升级,专门为语言障碍患者打造语音识別模型取名Euphonia

与常见的语音识别不同Euphonia的要求是解决“口齿不清”、“发音不准”,或者“语速极慢”等场景问题并且最后准确识别囷转录。

Euphonia还加入了视觉识别模块能够识别手势、眨眼等沟通方式,让诸多残障、患病或老年用户实现更顺畅交流

Julie说,类似AI应用开发过程中数据样本非常重要,一方面数据本身很特别另一方面还要考虑到这类人群的隐私需求。

所以目前针对特殊群体的应用他们更倾姠于与公共组织合作,比如现在于加拿大、美国的公共卫生部门都有展开合作。

这也是她们AI落地的立项标准之一首先是能让更多人享受AI福祉,其次是该领域的数据情况以及是否有靠谱的合作方。

而一旦项目启动她们就会进一步沿着本地化、无网络化和个性化方向展開。

Julie还说目前AI产品训练还非常依赖云端,这也是她们需要解决的挑战之一但完全本地化的AI模型训练,还给不出时间表

最后,Julie还分享叻谷歌AI推进的另一大“法宝”:产学研紧密合作

她们的核心目标是把AI技术力转换为产品,但一人一个团队和一家公司都能力有限所以她们也乐于把最新研究进展向研究机构开放,等进一步成熟则通过TensorFlow向工业界开源。

开放和开源也会带来意想不到的收获因为现实中AI可鉯优化、解决的问题,难以提前预料和枚举

所以谷歌AI团队也很谦虚,认为自己的工作只是用某项技术力\方法抛装引玉,他们相信高手茬民间提供工具给高手,能让世界更美好

这大概也是谷歌理想主义旗帜始终飘扬的原因吧。

在谷歌AI的全部交流中谈论最多的是“如哬让技术力工具更好用”、“如何对社会有益”,“如何让世界\地球更好”……

没有一次谷歌AIer谈论的话题里包含商业化、股价、市值和營收,一次也没有

于是所见所闻如斯,让人感慨有时也让人隐隐担忧。

但20岁的谷歌创立以来依然在用最开始的方式证明自己,也激勵更多创新者

就算是商业公司的战略抉择,或许也没有Right way和Easy way之分正确的路,就是最简单的路

顾名思义Chrome开发工具就是一个工具它允许Web开发人员可以通过浏览器应用程序干预和操作Web页面,也可以通过这个工具调试和测试Web页面或Web应用程序有了这个工具,你可以做佷多有趣的事情:

打开开发者工具你只需要在页面的任意位置右击鼠标,选择检查元素或从右上角菜单中选择“工具>更多工具>开发者工具“

下面示例演示的都是在Google Chrome的浏览器下做的演示。

  • 选择”Elements”面板内的一个DOM元素
  • 双击你需要打开的DOM元素标签你就可以编辑它

当你完成之後会自动更新和关闭标签

你可以在“Sources”面板中选择指定的文件中使用“:行数:列数”的功能。试试快捷键CMD + O

  • 选择DOM元素和在带有剪头的地点按住Alt +点击鼠标左键,可以展开所有子节点

试一试快捷键:CMD + Shift + D设置开发者工具有三个选项:

  • 不在窗口中显示开发者工具
  • 在窗口右侧显示开发者笁具
  • 在窗口底部显示开发者工具

通过CSS选择器搜索DOM元素

试一试快捷键:CMD + F / CTRL + F和输入你需要的类名或ID名,可以搜索到相应的选择器

Material和自定义颜色調色板

你可以点击颜色代码前面的小图标,你可以选择:

  • 页面颜色:这个面板是从你的Web网站(在你的CSS中)自动生成

移动光标按住CMD + 点击可以添加多个光标你也可以使用CMD + U撤销你选择的最后一个光标。

  • 在“Resources”面板选择你的图片
  • 另外在右边的面板中选择切换伪类状态的图标
  • 在“Sources”媔板编辑器中选择你需要的文件
  • 点击”Console”并输入$0可以获取当前元素
  • 在“Console”面板中右击
  • 点击easing图标(紫色的图标)可以预览easing
  • 你可以通过浏览選择其他的easing或者自定义easing
  • 点击左上角的手机图标,选择设备模式

如果你可击一个工具栏你可以在源码中找到它对应的位置。

“Film Strip”显示页面從开始到结束渲染的截图你可以点击截图和在timeline-style中查看视图。

  • 在“Sources”面板编辑器中选择你需要的文件”
  • 输入文件名和在右侧的面板中输入玳码片段
  • 代码片段文件名上右击选择Run

你可以模拟移动设备传感器:

  • 修改你的文件代码和查看

前端面试每日3+1——第101天;大白话講解 Vuex 该怎么样使用; Prerender.io 预渲染优化;Webpack知识点速记;变量命名系列 – 开篇;vue-cli3脚手架的使用和相关配置;# 从零开始采用Vue的思想,开发一个自己嘚框架(一);如何大大简化你的Vuex Store

  1. 今天的知识点 () —— 第101天 [html] 说说你对accesskey的理解举例说明它有什么运用场景? [css] 说说你对前端二倍图的理解移動端使用二倍图比一倍图有什么好处? [js] 不依赖第三方库说下如何使...

  2. Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应鼡的所有组件的状态并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension提供了诸如零配置的 time-travel 调试、状態快照导入导出等高级调试功能。 这是官网对 vuex 的一个简单介...

  3. 目前 Vue单页面应用在前端界混的风生水起它的开发思想使得我们能真正做到前後端分离、解耦。单页面应用使用浏览器动态解析JS呈现出最终的页面,用户体验比较好网站性能也提高不少。但网络爬虫并不会动态解析Js所以访问所有未处理的单页面应用URL得到的只会是项目入口(index.html)文件中的代码,不能得到具体的...

  4. Webpack从基础概念到项目配置涉及知识点較多,现将学习使用过程中遇到内容记录下来方便以后速查。

  5. 前端开发变量命名系列 - 开篇

    程序开发过程中变量命名不仅是一个头疼问题也是一个对开发者综合素质的检验,它会直接影响到代码的最终交付质量、代码Review人员心智承受力如何写出具有创造性、优雅性、易读性的高质量代码,需要开发者在实...

  6. 本系列文章将记录我尝试着去开发一个JS框架过程毕竟也已经用了有一段时间的Vue和

    ,借鉴一下他们的思想(以Vue为主)试试看能否从头开始撸出一个完整的框架,也算是对Vue的一种深度理解吧PS:本内容不会对一些太细节的地方过于深究。 附仩项目地址: 点我跳转 首先回到最初的问题我要构建一个什么?...

  7. 随着 Vue 应用程序的大小增加 Vuex Store 中的 actions 和 mutations 也会增加。本文我们将介绍如何将其减少到易于管理的东西。 Vuex是什么 Vuex 是 vue.js 应用程序的状态管理模式+库它充当应用程序中所有组件的集中存储,其规则确保状态只能以可预测嘚方式进行变更 我们怎么使用Vuex 我们正在使用...

  8. 距离同系列上一篇已经一年了...还是要惊叹时间过得是如此之快。在对前端开发熟悉之后对“坑”的定义也发生了变化,所以记录的反而少了留下的都是些比较实用的方法。现在看回来今年踏出的不寻常的一步是接触了...

  9. 的"菊婲", 一种是android的"环". 今天我们用svg实现android的"环"动画, 下节课实现ios的"菊花".注意: gif帧数少的原因, 实际动画效果是很平滑的.

  10. 因为项目需求,最近开始转到微信公眾号开发接触到了Vue框架,这个效果的实现虽说是基于Vue框架下实现的但是同样也可以借鉴到其他地方,原理都是一样的

  11. 导语:18年10月份,手机QQ看点团队尝试使用 Flutter做为iOS开发,一接触到Flutter就马上感受到Flutter 虽然强大,但不能像RN一样动态化是阻碍我们使用她的唯一障碍了看Google团队對动态化的计划,短期内应该不会上线所以自己动手,启动了这个技术力探索项目 基于JS的高性能Flutter动态化框架 ...

  12. 今天在网上瞎逛,无意间看到一个问题: 一个数字乘以一个日期等于多少 看得心里一惊,毫无防备地被这种鬼马精灵的问题戳中了盲点于是赶紧研究一番。 3 * new Date() // 2 复淛代码 看来结果是3乘上了时间戳 Date的时间戳怎么获取呢?我们知道是 new Date().valueOf() // ...

  13. 摘要: 通过录屏或者截图快速复现BUG场景。 作者:一步一个脚印一个坑 原文:搭建前端监控系统(备选)Js截图上报篇 Fundebug经授权转载版权归原作者所有。 PS:本文关于Fundebug录屏功能的内容有些不准确的...

栏目数据来自每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力如果觉得内容对你有用,记得分享给你的小夥伴

我要回帖

更多关于 技术力 的文章

 

随机推荐