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

本文是作者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设计、建筑设计、服装设计、珠宝设计、音乐、艺术等。