Nuxt + TypeScript + Firebase でVuex&TSを学ぶハンズオンに参加してきました。

このイベントは株式会社 ROLO

https://rolo.jp/

 の技術者集団チーム JavaScript Builders の勉強会です

 

js-builders.connpass.com

 

こちらをみ参照してくれるとわかるんですが、参加者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 ファイルを作成

ソースコードを置くディレクトリにXXX.tsファイルを作成

tscコマンドを実行してコンパイル

コンパイルしたファイルを実行の流れ!

インターフェースも勉強させていただきました!

 

後半は、Nuxt.jsとfirebaseで例のチャットアプリを作りました!

 

まだまだ長い内容なのですが。これからも講座を開いていただけるということなんで、

このブログを見ていただいた方は、直接イベントにきてみてください。

面白いですよ!

js-builders.connpass.com

 

自分もまた参加したいなぁ。