Nuxt + TypeScript + Firebase でVuex&TSを学ぶハンズオンに参加してきました。
このイベントは株式会社 ROLO
の技術者集団チーム JavaScript Builders の勉強会です
こちらをみ参照してくれるとわかるんですが、参加者9人のところ、申し込み者は、補欠者72人。
人気なイベントである事が伺われます。
このイベントを通して、毎回参加者を少数にしているのは、素晴らしいROLOのメンバーがサポートできる範囲でやりたいという気持ちがあるからこそだと思います。
実際、参加してみると、ROLOのメンバーが、細かいところまで教えてくれて、
遅れやエラー表示に対応していただけます。
また、今回の会場は、株式会社TRASTAのオフィスをお借りしました。凄い綺麗。
今回の内容は、前半(Nuxt + TypeScript)の講義、 後半(Nuxt.jsとFirebaseのアプリ)作成と、かなりのボリューム。
(1) typescript の解説
はじめにtypescriptはマイクロソフト社によって開発されたプログラミング言語
typescriptは大規模なアプリにも対応してます
typescriptはjavascriptのスーパーセット
スーパーセットって?
javascriptの機能も使えるし、それ以上にtypescriptの機能が使えることをスーパセットという。
歴史は2012から始まる。
どこが大規模向きなの?
型が使えることで堅牢性が上がった。例えば、登録フォームに意図しないデータのやりとりがなくなった。
インターフェースを使う事で、オブジェクト指向な開発ができるようになった。
静的型づけとは変数に格納できる型を固定できる。
(2) typescriptを使ってみる
TypeScript CLIのインストール
$ npm install -g typescript
作業ディレクトリの作成
初期化
$ npm init -y
Typescriptのライブラリのインストール
$ npm install --save-dev typescript
型定義ファイルのインストール
$ npm install --save @types/node
tsconfig.json ファイルを作成
コンパイルしたファイルを実行の流れ!
インターフェースも勉強させていただきました!
後半は、Nuxt.jsとfirebaseで例のチャットアプリを作りました!
まだまだ長い内容なのですが。これからも講座を開いていただけるということなんで、
このブログを見ていただいた方は、直接イベントにきてみてください。
面白いですよ!
自分もまた参加したいなぁ。