利用reveal.js来学习语言
1、总结：
传统的日语学习方法下我们是 (被动) 引入到场景 --> （被动）记忆 --> （被动）强化，这个学习的过程往往是比较被动。我们也会根据自己的兴趣(例如动漫日剧等)，主动寻找兴趣点 -->（主动）获取知识 。被动的学习方法，往往学习的路径都是比较系统和固定，如果能坚持下来往往能有不错的收获。而主动的学习方法虽然能激发兴趣，但把握不好却容易分散学习的注意力。
所以我还是希望能在被动学习的大前提下，保持一点主动学习的空间。但是希望能够将主动学习的效率提高，减少分散注意力（例如看完了一部日剧却发现自己一句日语都没有学会）的情况。
Ankidroid曾经是我用来记日语单词的一款软件。它的功能也很简单，主体是许多张分正反面的单词卡，点击屏幕单词卡翻转就可以查看单词意思。甚至能够插入图片和音频。更为人性化的是它的复习计划。
而我这里建议的reveal.js也是起到类似的作用(不过没有ankidroid自带的复习功能)。之所以找到reveal.js，是因为希望有一款软件能够插入图片、音频、视频、链接。这样来看，word、excel、txt都不太适用，PPT还可以考虑。当然还要考虑单词卡的添加和制作必须要简单，最好有一套默认的格式，添加单词卡是直接输入内容就行，不用操心太多格式的问题。而PPT的定制化程度比较高，不同幻灯片格式之间要保持一致略为麻烦。reveal.js要简洁不少,所以我更倾向于使用reveal.js。事实上，reveal.js本来可以用于制作幻灯片。
到目前为止，其实reveal.js和ankidroid都是起到同样的一个作用：引入其他类型的媒体（图片、文字、视频、音频）。并且reveal.js更应该在交互上取胜。ankidroid的交互功能比较简单，所以后续应该多探索reveal.js的动画效果。当然，上面也提到过，在学习的过程中不要设置太多分心的东西。
2、分析：怎么做才能掌握日语语法、提升口语
目前的学习，听得多说的少，也不喜欢死记硬背，所以语法和口语这两块掌握得不牢固。听还算比较多，没事也会找一些日语的视频磨磨耳朵。而口语差一个重要原因就是掌握的语法和句型少，学过就忘根本用不上。所以现在关键应该是掌握语法（达到会应用的程度）。所以各种工具的出发点也应该是能帮助掌握语法。
日语语法的应用有一个很关键点就是要形成场景，遇到某个语境下我们知道要调用什么语法和句型。最好娴熟到能达到条件反射的状态。
而传统的教材等的学习方法的一个缺点在于场景单调。学生很难主动融入这个场景中。例如很多书一翻开就是自我介绍、买衣服等等。哪怕我们说服自己进入场景中，但是对话发展的方向又不是我们想要的，我们更像是在听别人对话，自己没有参与感，也就不会主动去掌握表达。所以发现了吧，要想学的进去，关键在于我们要主动营造一个场景。
所以很多时候别人会劝你从感兴趣的地方出发，因为这些场景是你主动去获取。例如看动漫、或者看日剧、甚至是看美女，但是呢，这样很容易被其他事情所打扰和分心。剧情、动作，有趣的事情太多了，谁还会去记无聊透顶的日语语法呢。所以我们一方面应该不断提高日语语法的有趣性，但另一方面更应该剔除很多干扰性的因素。
所以大意就是，我们主动根据我们的兴趣去创造场景（记录我们想要表达的内容，例如我想要表达“时间过得挺快呀”），然后思考怎么用日语表达出来。但是很多时候我们靠自己没有办法知道答案。所以靠兴趣主动学习日语是不错的事情，但也容易放弃。lang-8这样的网站让用户把要表达的内容（作文）放到网站上，由网友们帮助进行修改，在一定程度上来减弱了这个矛盾。而这里推荐的reveal.js其实没有这方面的功能。
再说得通俗一点，其实reveal.js就是我们自己建立的一个“词典”。而平常我们是去查词典，而现在我们需要自己建一个词典。要建立词典就需要资料，我们的资料库就是各个分散的视频、图片等。而reveal.js起到的作用就是（通过插入等方式）将这些资料库组织起来。
3、reveal.js介绍
如果只是想制作简单的展示文件，把remarkjs当成ankidroid来使用的话，使用小白版的remarkjs就够了。一个展示文件对应的就是remarkjs下的一个网页文件，这个网页文件可以在浏览器打开。这就像我们在移动端一般会开微信一样，在PC端我们基本上都会打开浏览器，再把这个网页文件添加到收藏夹，那时不时都可以打开看看，一点都不会觉得麻烦。展示文件里面主要放的是我们想要表达的内容，自己我们建立好的“词典”资料库。
它的一个优点就是修改简单。由于内容和样式分离，所以要更改内容，只需要更改文字就行了。并且只要一点击保存，在浏览器端一刷新就可以看到效果了。默认的样式和操作省心省力。
3.1希望能实现的功能
1、实现随机播放的问题。
2、实现简单的动作效果。
这里面收集了很多的reveal.js案例：
https://github.com/hakimel/reveal.js/wiki/Example-Presentations。
注：后来还发现有一个move.js，这个方便让动画动起来。
