Upgrade to Pro — share decks privately, control downloads, hide ads and more …

フォルシアのフレームワークとTypeScript

forcia_dev_pr
December 07, 2022
190

 フォルシアのフレームワークとTypeScript

Shinjuku.ts#1 発表資料

forcia_dev_pr

December 07, 2022
Tweet

Transcript

  1. フォルシアのWebフレームワーク変遷 aaaa 3 第一世代 第二世代 第三世代 - 世にWebフレームワークがない時代 ~CommonJSの時代 -

    モジュールのrequireなどを自作 - 独自の仕組み/書き方が多い - 非同期の処理なんかも作られていてすごい 2018
 2010年代初期
 2000年代初期

  2. TSって素晴らしい!① 7 リクエストパラメータに(限らず)型を付けられる
 var params = request.params; // ...???? •

    どんな値を持つのかわからない
 ◦ 初めてジョインするプロジェクトでは地獄。。。
 • プログラムの途中で自由に書き換わる
 ◦ 気づいたら数値→文字列に変わっていることもよくある。。。

  3. TSって素晴らしい!① 8 const params: APIParams = request.params; params. • 可読性がぐんと高くなる


    ◦ エディタの補完機能が強くなったり
 • 意図せぬ型を代入しようとすると怒ってくれる
 
 • OpenAPI定義と組み合わせて型やコードを自動生成すると
 さらに強固に型で守ることが可能
 リクエストパラメータに(限らず)型を付けられる

  4. TSって素晴らしい!② 9 インターフェースの概念が導入された
 interface InterfaceA { method1() : void; };

    class ClassA implements InterfaceA { method1() : void{ console.log("ClassA - method1()"); } }; • インターフェースと実装を分離することができる。

  5. EOF