专栏首页MixLab科技+设计实验室美食与人工智能,每天不知道吃什么?用人工智能为你生成食谱

美食与人工智能,每天不知道吃什么?用人工智能为你生成食谱

本文是作者ML95-GONG,参加了 「 30天AI训练营 」首期所写的学习总结。作者是MixLab社区成员,同时是MixLab共建者,具有工业设计/交互设计/人工智能背景。

每一期「 30天AI训练营 」都会选择一个主题题材,本期是「 美食 」,以项目实战为主线,贯穿技术栈、产品设计、商业设计等内容。

在这里介绍下本系列课程内容:

【项目实战】

采用30-50人的小班授课,持续四周,每周一节线为期半天下实战课程,以项目的形式将理论知识嵌入。帮助各位在为期30天的AI训练营结束后能掌握基本AI入门知识,并有自己的作品。

【系统知识课程】

20节精华练习内容+不同难度作业+老师持续一个月的答疑改作业服务,期间有助教会辅助各位进行答疑。

以下为成员的第一课总结:

def MixAndData

( Design , Tech , Business ):

作为一名多次尝试自学编程最后都“从入门到放弃”的小白设计师,非常有幸可以参加MixLab的线下课程「 30天AI训练营 」~ 在这里也谢谢MixLab辛苦准备课程的各位 @Shadow老师 @助教BZ @阿又 @Jeff?

这里班门弄斧对第一堂课进行了以下总结:

课程目标及大纲

通过Shadow老师的介绍,我们了解到这次训练营是通过以产品(项目实战)为导向的四次线下课程,让我们掌握机器思维+设计思维+商业思维,同时训练编程技能,最终掌握成为“智能产品架构师”的必备能力。

↑课程目标及课程纲要

确定产品开发主题

经过小游戏分好组后,我们迅速进入课程:开发“今天吃什么”为主题的一款智能产品。

↑确定产品开发主题的过程

我们小组经过头脑风暴,发散设计点,最后收敛到“吃饭版拼拼多”的设计概念,希望通过消费者在就餐前可以和其他人一起拼团,享受团购优惠的方式,让他们吃的更实惠~

对于这款产品想要实现的让消费者在就餐前进行拼团的功能,十分重要的就是相关数据的获取。因此,Shadow老师以“美食杰(https://www.meishij.net)”为例,带领我们进行数据爬取的练习。

HTML标签与网页的关系

对网页数据爬取的前提是要了解HTML标签与网页的关系:

通过使用Chrome浏览器的开发者工具,了解查看爬取内容的HTML标签,这里以菜名为例:

↑“鸡蛋羹”菜名对应的html标签

Chrome扩展

这次的数据爬取通过基于Chrome浏览器开发的爬虫扩展实现。

↑这次课程要完成的Chrome扩展爬虫

接下来就是写Chrome扩展啦,一个扩展文件一般包含以下内容:

文件夹中的

manifest.json一般用来写一些配置文件。

icons文件夹用来存放chrome扩展的按钮图标等。

chrome扩展交互一般是3种js之间的交互

popup.js/background.js/content.js。三者的交互如下图所示:

↑Chrome扩展的3种js之间的交互

!总结 chrome-js之间的通信都是通过chrome-api的chrome.tabs.sendMessage,chrome.runtime.sendMessage,chrome.extension.onMessage.addListener()来进行的。

数据爬取

搞清楚Chrome扩展是如何交互以后,就是要撰写content-scripts中的爬取函数啦~

爬取的规则及关键代码如下:

↑爬取函数关键步骤及代码

将爬取函数写在content.js中就可以在收到background的指令后运行啦~

写在最后

有些吃力的写完了这篇总结?,还在摸爬滚打边搜相关代码的文档边debug的路上~ 这里超级感谢我的组员@子倩,每一次在我搞不懂想要放弃的时候和我互相打气互相帮助hhh 同时超级期待后面几次课程的内容!

最后再次感谢认真准备课程的Mixlab的各位~

return 在实践中学

近期活动

本周末,MixLab无界社区继续我们的「 30天AI训练营 」。

本次地点选择在上海宜山路附近的「 漫书咖 」。

主题:

每天吃什么?人工智能为你生成食谱

长按扫码报名:

关于MIXLAB

MIXLAB 无界社区是一所面向未来的实验室,它提倡“跨界创新,开放成长”的理念。

——跨界 开放 互助 学习 思维 创新。

目前社区汇集了25000+跨学科人群,主要来自GoogleBrain、微软、华为、阿里鲁班、腾讯、旷视、三角兽、物灵科技、众安保险、美团、360等科技人才、设计师及CEO和投资人;

高校分布MIT、Oxford、Cambridge、CMU、UoM、清华、北大、复旦、上交大、同济等学生及教师群体;

学科跨越机器学习、自然语言处理、量化交易、物联网、区块链、前端、后端、产品经理、UI设计、建筑设计、服装设计、珠宝设计、音乐、艺术等。

本文分享自微信公众号 - 无界社区mixlab(Design-AI-Lab)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-11-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 本周AI要闻 - NO.02

    最近,BuzzFeed对外曝光了一个涉及金额达数百万美元,涉及Play Store上125个APP应用的广告作弊计划。这个计划是通过数十个国家的一系列空壳公司精...

    mixlab
  • 隔空操作网页,web前端如何玩手部捕捉?

    此开源库是采用开放数据集,然后用tensorflow训练,之后转化模型,使前端库tensorflow.js可以使用,封装而成。

    mixlab
  • 2020前端智能化趋势:tensorflow.js生态

    hi,大家好~我是shadow,一枚设计师/全栈工程师/算法研究员,目前主要研究方向是人工智能写作和人工智能设计,当然偶尔也会跨界到人工智能艺术及其他各种AI产...

    mixlab
  • web安全csp白名单的弊端

    此时页面可以正常访问js资源,csp不对动态插入的 chrome-extension 进行拦截限制

    smy
  • JavaScript 学习一

    在html中调用js代码的方法主要有两种(一般js代码放在body的最下面,将其他解释完在加载js,): 一、将javascript直接写在html文件中,...

    学到老
  • JavaScript 学习一

    JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都使用 JavaScript。 下面是一个基础 <!DOCTYPE html> <...

    学到老
  • 高性能JavaScript-JS脚本加载与执行对性能的影响

    在web产品优化准则中,很重要的一条是针对js脚本的加载和执行方式的优化。本篇文章简单描述一下其中的优化准则。 1. 脚本加载优化 1.1 脚本位置对性能的影响...

    寒月十八
  • ClickHouse为何如此之快?

    作为一个拥有ClickHouse信仰标签的忠实粉丝,我自然也是追寻谜底的一份子。在我苦苦寻觅许久之后,今天,终于被我找到了答案。所以特地拿来与各位分享,谜底就在...

    Nauu
  • 从ClickHouse的名字由来讲起

    <ClickHouse原理解析和开发实战>,可以说2019年的绝大部分深夜,都与写作共度春宵了。现在写作临近尾声,终于有时间来扯些闲篇了。

    Nauu

扫码关注云+社区

领取腾讯云代金券