Angular JS构建站台

各位正在光顧「Angular（アンギュラー）」的朋友們，晚上好！我是你們的導航者DJ安，為你們帶來「Angular JS建構站台」節目。
在這個節目中，我們將為您提供你所在城市的JS框架「Angular」的最新資訊和實用信息。
此外，我們也接受大家的問題郵件。不論問題的內容是什麼，我們都會毫無保留地回答。畢竟，這是關於Angular的嘛。
請大家和我們一起度過今天的節目，直到最後。

现在，我们立即来介绍一封来自节目的邮件。来自福井县居住的笔名为”恋するusageちゃん”的朋友，非常感谢你的来信。

“安，晚上好！”
“嗯，晚上好！”
“听说这个行业存在红、蓝、绿三强互争，那这个行业具体是做什么的呢？另外，Angular在这三种中有什么优势呢？”

这封邮件说的是，你说得真好。红、蓝、绿三足鼎立的局面。我们是红色，然后蓝色的店就是R先生的店，还有绿色的店是V先生的店。虽然它们被称为三大JS框架，但它们各自有自己的销售策略和专长领域。我会尽可能简单地解释一下这方面的情况。

嗯，我们的行业是这样的……总体上被称为“JavaScript框架”，但简单来说我们提供了两种服务。

有一种叫做“JavaScript库”的东西。它在浏览器中运行的JavaScript中添加功能，旨在使开发更方便，更简单。在这个领域中，老牌的有关DOM操作和AJAX处理的库如jQuery和Prototype非常有名。在近年来，青色和绿色的商店在这个领域取得了良好的业绩。

此外，还有一些更专业领域的库，比如可以简化日期处理的Moment.js和可以简化绘制图表的Chart.js也很受欢迎。

对于稍微有一些Web开发经验的人来说，可能会很容易理解它是什么样的。

嗯，说到我们的Angular呢……其实呢，我们不再使用它了，对不起！在初始阶段，我们专注于这个，但是因为各种原因我们停止使用了。
所以，如果你以为现在的Angular和这些类似，入门的人会吃亏的。请小心。

等一下，请不要离开。请不要把拿到的商品放回去。请听我继续说下去。
接下来要解释的另一个亮点就是Angular，它是当前Web开发的亮点。不了解它就不能开发Web应用了，这是真的……

因为有点长了，所以让我们转到音乐上吧。请听听吧。
用驼峰命名法，“不能容忍下划线”。

好的，你听说过驼峰命名法吗？顺便说一下，我也非常喜欢蛇形命名法哦。

好的，让你久等了。现在我来给你介绍一下Angular的精髓，也就是我们目前的主力产品。
这是一种可以说是JavaScript库的进化版本，通常我们使用“JavaScript框架”这个称呼时，指的就是我接下来要介绍的这个产品。有时候也会被广泛称为“Web应用框架”。

所以，这个是什么意思呢。首先作为开发方法，基本上我们使用命令行工具。在我们店里，我们准备了一个叫做Angular CLI的工具。在开发过程中，我们会输入一些命令，比如new或者build，来进行开发。因此，我们称之为CLI，也就是命令行接口。

那么，使用这个工具来编写代码。作为JS框架的特点，它们都有各自的规则……比如说Angular，就是按照Angular自己的规则来编写代码。然后最后通过构建，将代码转换成JavaScript。总的来说就是这样……我传达清楚了吗？还是我再具体说一点吧。

首先，我们输入命令ng new my-dream-app，这将创建一个名为”my-dream-app”的目录和许多文件。这将成为应用程序的模板。
然后，我们使用ng generate命令来添加必要的组件和模块等部件。它们将根据规定的规则被合理地放置，然后我们进行修正。
最后，我们输入ng build命令，使用Angular的规则将编写的代码转换为经过优化的JavaScript代码，并完成应用程序。

在开发过程中，我们可以用一种简单易懂的语法编写代码。但是，最终生成的JavaScript代码会进行优化，所以非常快速。也就是说，这种方法同时具备执行速度和开发简便性的优点，是当前Web开发的主流。

你可能会考虑是否真的需要工具？难道不能像以前那样直接在文本编辑器中编写JavaScript吗？对于小型网页来说，直接编写也还可以。但是，JavaScript已经发展得非常强大了……现在是不是更新到2019年的ECMAScript了？……因此，开发也变得更加困难。高级代码……哦，这不是开玩笑，是真的。直接编写代码需要相当大的学习成本。JS框架如Angular等可以以更加易懂的方式进行开发，这就是它们的优点。虽然起步难度很高，但开发会变得非常方便。

Angular在相当早期就专注于做这一个了呢。其他的店铺也陆续进入了市场，特别是那些绿色店铺尤其投入了大量的精力呢。不过，Angular还是有很多优势的。比如，CLI的功能非常丰富。通过generate命令，甚至可以同时自动生成测试用代码等等。可以说，作为专门店铺，我们有自己的独特之处呢。

Angular 好消息！
今年2月份发布的 Angular 9 正式采用了下一代渲染引擎「Ivy」，使其速度更快、更轻量！
除此之外，Angular 还有许多改进，变得更加方便实用，请务必一试！

好的，接下来是一封邮件。感谢住在福井县的笔名为”从版本2开始认真起来”的您。非常感谢。

“安，晚上好呀。”
“嗯，晚上好呀。”
“Angular是一个JS框架，但听说却需要使用TypeScript而不是JavaScript。如果是真的，那我觉得广告有点不实了。”

我收到了这样一封电子邮件……是的，是真的。在Angular开发中，需要使用一种叫做TypeScript的语言，它和JavaScript相似但又不同。初学者如果轻易尝试，会吃亏的。

哎呀，请等一下。请不要走。把放进篮子里的商品买下来。请再听我继续说一会儿吧。

TypeScript这种语言，简单来说，就是非常严格的JavaScript，注重”类型”。类型有很多种对吧？比如数字、字符串之类的。就是那些东西。
本来JavaScript是一种松散的语言。比如可以像 var i = 1; 这样赋值一个数字，但紧接着却又可以写 i = “Hello!”; 这样的代码。
就像把杂志陈列在饭团架上一样，松散的经营方针。然后杂志就被过度冷藏了。
而我们这家店就很严格，如果懒散地陈列，店长肯定会飞快赶过来教育你。红色灯会一直闪的。就是这么严格对待类型。

这个的意思是，严格的类型定义有什么好处呢？当应用程序规模变大或者进行多人开发时特别有用。通过排除意外的值，可以更容易地早期发现错误。此外，由于经常处理JSON数据，可以通过准备类型定义文件来指定数据的格式。一旦熟悉，非常方便。而且，最后会转换成JavaScript，这一点与像Angular这样的JS框架很搭配。

嗯，我介绍了Angular和JS框架，你们觉得怎么样呢？如果你们有兴趣，可以在Qiita上用Angular标签搜索一下。
另外，我们还在继续接收邮件。“理解错误”，“解释不清楚”，“恶作剧过分”等等，如果有任何意见，请通过邮件发送给我们。
那么，差不多也该结束时间了。继续享受使用Angular进行Web开发吧。
这里是“Angular JS Building Station”，我是DJ安。那么大家，再见啦！